@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: #98171c;
	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: #98171c;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#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:#eee; color: #626262;} 
a:link    { color:#b11a17; text-decoration:none; }
a:visited { color:#b11a17; text-decoration:none; }
a:hover   { color:#b11a17; text-decoration:none; }
a:active  { color:#b11a17; 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; }


.enlaces_interes { background-color:#98171c; }
.enlaces_interes a { text-align: center; font-weight: bold; line-height: 30px;}

.backcontainer { background-color:#FFF;  }
#logotipo { display: flex; padding:15px 0px 15px 10px;}
#logo_PG { margin-left: 30px;  width: 250px; } 
#pagina, #telefono { width:1200px; }
.backcabecera { border-bottom:solid 7px #98171c; background-position:right bottom; background-image:url('../img/fondoCabecera.png'); background-repeat:no-repeat; 
background-color: #FFFFFF;
pointer-events: auto; 
min-height:100px; }
#cabecera { width:1200px; margin:0px auto 0px auto; line-height: 90px; } 
#telefono { text-align:right;  font-size:2.4em; font-weight:bold; text-align:right; padding-top:0.2em; color:#FFF; margin:auto; }
#cuerpo   {  }
#pie { background-color:#fbfcfb; border-top:solid 3px #98171c; min-height:77px; background-position:left top; background-image:url('../img/fondoPie.png'); background-repeat:no-repeat;  }

#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;  }

#contenidoCuerpo { min-height:400px;  }
#contenidoCuerpoPadding  {
	padding-top:30px; 
	padding-bottom:30px;
	min-height:400px;  
}
#bordoy_login { 
	padding-top:30px; 
	padding-bottom:30px;
	min-height:460px; 
	background-position:right bottom; 
	background-image:url('../img/fondoContenido.png'); 
	background-repeat:no-repeat; 
}
#bordoy_marcas { 
	padding-top:30px; 
	padding-bottom:30px;
	min-height:400px;  
}
.img-marcas { border:solid 2px #b11a17; }
.texto-resaltado { color: #b11a17; }
.precios-producto { color: #b11a17; text-align:center; vertical-align:middle; font-weight: bold; }
.encabezado-producto {  color: #FFF; background-color: #b11a17; text-align:center;  }
.tabla-productos {  border-collapse: collapse; }
.tabla-productos td { border: solid 1px #b11a17; font-size:12px; width: 11%; vertical-align: middle; }
.tabla-productos td.wide { width: 15%; }
.border_red { border:solid 1px #b11a17 !important; }
.bg_grey { background-color: rgba(0,0,0,.05); }

.lista_ol { list-style: lower-roman; }



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

.form-control { border:solid 2px #b11a17; }
.form-control:focus { border-color:#b11a17; }
.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: #98171c;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
  border:none;
}


.btn:focus {
  background: #b11a17;
  text-decoration: none;
  color:#FFF; 
  border:none;
}

.btn:hover {
  background: #b11a17;
  text-decoration: none;
  color:#FFF; 
  border:none;
}

.modal-dialog {
	-webkit-border-radius:  25px;
	-moz-border-radius:  25px;
	border-radius:  25px;
}
.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 == */