@charset "utf-8";
/* CSS Document */

/* ======================================== LIBRERIAS =============== */

/* ----------------------------------------- jAlert ----- */
#popup_contenedor {
	margin:auto;	
	width: expression(document.body.clientWidth < 302? "400px" : document.body.clientWidth > 402? "400px" : "auto");
	min-width: 400px;
	max-width: 400px;
	height: auto !important;
	height: expression(document.body.clientHeight < 122? "120px" : document.body.clientWidth > 152? "150px" : "auto");
	min-height: 100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#FFF;					
	box-shadow: 2px 2px 5px #181818;
	-webkit-box-shadow: 2px 2px 5px #181818;
	-moz-box-shadow: 2px 2px 5px #181818;
	filter: shadow(color=#908d8d, direction=135, strength=2);
}
#popup_contenedor h1 { margin:0px; }

#popup_container {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	top:0px;	
}


#popup_overlay {
	background-image:url(../img/fondoAlert.png);
	background-repeat:repeat;
}

#popup_title {
	padding:10px; padding-left:20px; font-weight:bold; font-size:16px; color:#FFF; text-shadow: 1px 1px 1px #181818; 	
	/* background-image:url('../img/cap_ducati.jpg'); */
	text-transform:uppercase;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;  
	background-color: #152032;
	line-height:35px;
}

#popup_content { margin: auto; }
#popup_message { padding:20px; line-height:18px; }
#popup_prompt { margin: .5em 0em; }
#popup_cancel { margin-left:30px; }

#popup_ok, #popup_cancel {
	
	margin-top:30px;
	font-size:1.4em;
	outline: 0;
	display: inline-block;
	line-height:25px;
	cursor:pointer;		
	
  background: #0061a8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-bottom: solid 3px #00497f;
}

#popup_panel {
	text-align: center;
	margin-bottom:15px;	
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;
	user-select: none;
}
/* ----------------------------------------- jAlert ----- */


body   { background-repeat:repeat; background-color:#24394d; } 
a:link    { color:#414141; text-decoration:none; }
a:visited { color:#414141; text-decoration:none; }
a:hover   { color:#414141; text-decoration:none; }
a:active  { color:#414141; text-decoration:none; }


a.blanco:link    { color:#FFF; text-decoration:none; }
a.blanco:visited { color:#FFF; text-decoration:none; }
a.blanco:hover   { color:#FFF; text-decoration:none; }
a.blanco:active  { color:#FFF; text-decoration:none; }


.backcontainer {background-color:#FFF;
  background-position:left bottom; background-image:url('../img/fondoContenido.png'); background-repeat:no-repeat; }
#pagina { width:1200px; }
.backcabecera { 
background-color: #152032;
pointer-events: auto; }
#cabecera { width:1200px; margin:0px auto 0px auto;  } 
#logotipo {padding-left:45px; }
#telefono { font-size:1.8em; font-weight:bold; text-align:right; padding-top:0.8em; padding-right:30px; color:#FFF;  }
#cuerpo   {  }
#pie { background-color:#24394d; min-height:60px;  }
#contenidoCuerpo { padding-top:30px; padding-bottom:30px; min-height:650px;  }
#contenidoCuerpoSinFondo { padding:30px; min-height:450px; }
#txtBienvenida { font-size:1.4em; margin-bottom:20px; }
#productos {  color:#181818; font-size:1.4em; padding:20px; display:none; }
.productoTotal { font-size:1.4em; margin-top:10px; }
#textolegal { text-align:justify; padding:20px 45px 20px 45px; font-size:0.8em; } 
#aviso_legal { text-align:center; margin-top:30px; }
.separadorfecha { line-height:30px; text-align:center; }
#peugeotsum_login, #peugeot_form { background-color:rgba(236, 236, 236, .4); border:solid 1px #ececee; padding:20px;  }

#contenidoCuerpoSinFondo { background-color:rgba(236, 236, 236, .8) ; border:solid 1px #ececee; padding:20px;  }



/* Hack Bootstrap */
input, a, button, select { outline: none !important; }

.form-control:focus { border-color:#5f7990; }
.no-gutter {
    padding-right:0px !important;
    padding-left:0px !important;
}

select option[default] { /* emula placeholder en select */
    color: #888 !important;
}

label.placeholder { /* emula placeholder en label */
    color: #555 !important; font-weight:normal !important;
}
label.inline {
	line-height:30px;
}

.btn {
  background: #007edb;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none;
  border-bottom: solid 3px #00497f;
}


.btn:focus {
  background: #0061a8;
  text-decoration: none;
  color:#FFF; 
  border:none;
  border-bottom: solid 3px #00497f;
}

.btn:hover {
  background: #0061a8;
  text-decoration: none;
  color:#FFF; 
  border:none;
  border-bottom: solid 3px #00497f;
}

.modal-dialog {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;  
}
.modal-content { background-color: #FFF; }
.modal-header {	    
	text-transform:uppercase;
	background-color: #152032;
	font-weight:bold;
	font-size: 16px;
}
.modal-footer { background-color:#24394d; }

.datetimepicker  {color:#555;}

.has-warning label, .has-warning h4 {color:#7295b9 !important; }
.has-warning input, .has-warning select, .has-warning radio, .has-warning checkbox, .has-warning file { border-color:#7295b9 !important; background-color:#cee1f5; }

/* Hack Bootstrap */

/* =================================== RESPONSIVE == */
@media (max-width: 1040px) {
 #pagina, #cabecera  { max-width: 80%; }
 img   { max-width: 100%; height: auto; }
 video { max-width: 100%; height: auto; }
#logotipo { width:100%; text-align:center; padding-left: 0px;}
#logotipo img { margin:auto;  }
#telefono { width:100%; font-size:2em; padding-top:10; text-align:center; }
#cabeceraTelefono {  padding-bottom:20px;   }
#txtBienvenida, #productos { width:100%; }
#productos { font-size:1.0em; }
#productos .col-xs-8 { width:100%; }
#productos .col-xs-2, #productos .col-xs-1  { width:40%; }
#txtBienvenida { font-size:1.2em;  }
.backcontainer { background-image:none; }
}

@media (max-width: 400px) {
 #pagina, #cabecera  { max-width: 90%; }
 img   { max-width: 100%; height: auto; }
 video { max-width: 100%; height: auto; }
#logotipo { width:100%; text-align:center; padding-left: 0px; }
#logotipo img { margin:auto; }
#telefono { width:100%; font-size:2em; padding-top:10px; text-align:center; }
#cabeceraTelefono {  padding-bottom:20px;   }
#txtBienvenida, #productos { width:100%; }
#productos { font-size:1.0em; }
#productos .col-xs-8 { width:100%; }
#productos .col-xs-2, #productos .col-xs-1  { width:40%; }
#txtBienvenida { font-size:1.2em;  }
.backcontainer { background-image:none;  }
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
/* =================================== RESPONSIVE == */