@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: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	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_sym.jpg');
	text-transform:uppercase;
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;  
	background-color: #181818;
	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: #c12516;
  background-image: -webkit-linear-gradient(top, #c12516, #d00019);
  background-image: -moz-linear-gradient(top, #c12516, #d00019);
  background-image: -ms-linear-gradient(top, #c12516, #d00019);
  background-image: -o-linear-gradient(top, #c12516, #d00019);
  background-image: linear-gradient(to bottom, #c12516, #d00019);
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: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-color:#FFF; }
a:link    { color:#141414; text-decoration:none; }
a:visited { color:#141414; text-decoration:none; }
a:hover   { color:#141414; text-decoration:none; }
a:active  { color:#141414; 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; }


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


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


.text-highlighted { color:#c12516 !important;  }


#pagina { width:1200px; }
#cabecera { 
  padding:10px; 
  background-image:url('../img/bg_header.png'); 
  background-repeat: repeat-Y;
  background-position: left-Y;
  background-color:#888687;
  border-bottom:solid 10px #98171c; 
}

#logotipo { display: flex; padding:15px 0px 15px 80px;}
#logo_PG { margin-left: 30px;  width: 400px; } 
#pie { 
  min-height:80px; 
  background-image:url('../img/bg_footer.png');   
  background-repeat: repeat-Y;
  background-position: right-Y;
  background-color:#f7f5f6;
  border-top:solid 4px #98171c; 
}
#pie_telefono { font-size:1.8em; font-weight:bold; text-align:right; padding-top:0.5em; padding-right:30px;  }


#contenidoCuerpo { padding:30px; background-position:right center; min-height:450px;  background-image:url('../img/fondoContenido.png'); background-repeat:no-repeat;  }
#contenidoCuerpoSinFondo { padding:30px; min-height:450px; }

#txtBienvenida { font-size:1.4em; margin-bottom:40px; }

#productos {  background-image:url('../img/fondoProductos.png'); 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; }

.margen1 { margin-left:52px; }
#aviso_legal { text-align:center; margin-top:30px; }
#ap_form h4 { font-weight:bold; text-transform:uppercase; }
#ap_form input, #ap_sym_form select  { text-transform:uppercase; }
.separadorfecha { line-height:30px; text-align:center; }



/* 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: #888 !important; font-weight:normal !important;
}
label.inline {
	line-height:30px;
}

.btn {
  background: #c12516;
  background-image: -webkit-linear-gradient(top, #c12516, #d00019);
  background-image: -moz-linear-gradient(top, #c12516, #d00019);
  background-image: -ms-linear-gradient(top, #c12516, #d00019);
  background-image: -o-linear-gradient(top, #c12516, #d00019);
  background-image: linear-gradient(to bottom, #c12516, #d00019);
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none;
}


.btn:focus {
  background: #c12516;
  background-image: -webkit-linear-gradient(top, #c12516, #d00019);
  background-image: -moz-linear-gradient(top, #c12516, #d00019);
  background-image: -ms-linear-gradient(top, #c12516, #d00019);
  background-image: -o-linear-gradient(top, #c12516, #d00019);
  background-image: linear-gradient(to bottom, #c12516, #d00019);
  text-decoration: none;
  color:#FFF; 
  border:none;
}

.btn:hover {
  background: #de7f8a;
  background-image: -webkit-linear-gradient(top, #de7f8a, #d00019);
  background-image: -moz-linear-gradient(top, #de7f8a, #d00019);
  background-image: -ms-linear-gradient(top, #de7f8a, #d00019);
  background-image: -o-linear-gradient(top, #de7f8a, #d00019);
  background-image: linear-gradient(to bottom, #de7f8a, #d00019);
  text-decoration: none;
  color:#FFF; 
  border:none;
}

.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: #181818;
	font-weight:bold;
	font-size: 16px;
}
.modal-footer { background-color:#595959; }

.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 only screen and (max-width: 950px)  and (min-width: 400px) {
 #pagina { max-width: 90%; }
 img { max-width: 100%; height: auto;  }
 video { max-width: 100%; height: auto; }
 #sym_seguro_serie  { width:90%;  }
#contenidoCuerpo { background-image:none; }
}

@media only screen and (max-width: 399px) {
 #pagina { max-width: 90%; }
 img { max-width: 100%; height: auto;  }
 video { max-width: 100%; height: auto; }
#logotipo { width:100%; text-align:center; }
#telefono { width:100%; font-size:1.4em; padding-top:0; text-align:center; }
#sym_form, #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;  }
#sym_seguro_serie_contenedor { display:none; }
#contenidoCuerpo { background-image:none; }
}

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