/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1; -webkit-user-select:text; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
iframe{margin-top:-5px;}
.panel_content iframe{margin-top:5px;}
header{margin-top:0;}
.izq{ float:left}
.dch{ float:right}
a{cursor:pointer}
strong {font-weight:bold;}
/* Clear Floated Elements */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clear:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
* html .clear{height:1%;}
img[usemap]{border:none; height:auto; max-width:100%; width:auto;}
/* Style HTML Tags */
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
html{font-size:62.5%;}
body{margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1.3rem; line-height:1.62em;}
p {color:#5b5e5d; margin-bottom:5px; padding:5px 0px 5px 0px; line-height:2rem;}
samp{font-family:Arial, Helvetica, sans-serif;}
form .panel_content article p{margin:0px 18px;}
section h1 {font-size:1rem;}
select::-ms-expand{display:none;}
hr{float:left; width:100%;}
/**** Estilos para IE8 ****/
/* Etiquetas generales */
#ie8 body{font-size:1.3em; width:100%;}
/*** Formularios ***/
#ie8 .panel_content{padding-left:1%; padding-right:1%;}
#ie8 .panel_content.tabla td.importe{width: 25%; font-size: 30px; vertical-align: top; padding-top: 10px !important; top: 0px !important}
#ie8 .panel_content.tabla td span.msg1r {font-size: 10px;}
#ie8 form select{background-image:none; height:22px;}
#ie8 form select[multiple=multiple], #ie8 form select[multiple=yes]{height:80px;}
#ie8 form .contenido input{float:left; min-height:auto !important; height:22px;}
#ie8 form .contenido .radio{float:left;}
#ie8 form .contenido .radio.tres label{display:inline; float:left; width:auto; clear:none;}
#ie8 form .contenido input[type='radio']{width:auto !important; float:none; border:none; background-color:transparent; height:auto; margin:0;}
#ie8 form .contenido input + span{margin-top:8px;}
#ie8 form .contenido span input[type='radio']{float:left;}
#ie8 form select.incorrecto{background-image:none !important;}
#ie8 .contenido form select , #ie8 form .contenido select{padding-right:0px;}
#ie8 .contenido a.info{margin-top:7px;}
#ie8 input[type='checkbox']{width:auto !important; border:none; background-color:#ffffff; padding:0 !important;}
#ie8 img{border:0;}
#ie8 form .contenido .inform.radio.tres{width:17.5%;}
#ie8 form .contenido label + span{margin-top:2px;}
#ie8 form .boton4{padding:8px 15px; font-size:1.1em;}
#ie8 .formulario_mapa select{width:232px;}
#ie8 .hora{width:31%;}
/** Dialogos OVERLAY ***/
#ie8 #dialog a, #ie8 #message a, #ie8 #message h2{font-size:1em; background-size:100% 100% !important;}
/********************************************************
DESKTOP (max-width:970px)
********************************************************/
header, #container, footer section, .seguros .caja {width:100%; max-width:1000px; margin-left:auto; margin-right:auto; padding:0 15px;}
#container{padding-top:15px; clear:both;}
/** Tooltips **/
.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content {font-family:Arial; font-size:1em;}
.custom-tooltip strong{display:block; width:100%;}
.custom-tooltip ul{padding-left:10px; text-indent:-9px;}
/*** Barra de Progreso ***/
#PBouter{max-width:100%; width:100% !important; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#PBdone{max-width:100%;}
#PBdone + div{font-family:Arial !important; padding:1px 2px !important; text-align:left !important;}
/*BOTONES*/
/*boton tostado*/
.boton1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:2.6rem; font-family:"Gill Sans MT";
margin:5px 0px; padding:7px 0px; cursor:pointer; background:#fff url(/es/img/ico_virtual01.png) right no-repeat;
color:#1464a7; border:1px solid #cedcff;}
.boton1:hover {background:#cedcff;}
/*boton anclas*/
a.ancla.boton3 {text-transform:capitalize;}
.boton3 {background:#57779e; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:2px;
padding:3px 10px; font-size:1.2rem; cursor:pointer;}
.boton3:hover{background:#273d76; color:#fff;}
.boton4{background:#666; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px 12px; float:right; cursor:pointer; -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888; margin-left:1%; border:none; appearance:none; -webkit-appearance:none;}
.boton4:hover{background-color:#aaa; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.contenido.panel_content.tabla .boton4{margin-right:0px !important;}
.boton5 {background:orange; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px 12px; float:right; cursor:pointer; -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888; margin-left:1%; border:none; appearance:none; -webkit-appearance:none;} /*Ocaso 230920015*/
.boton5:hover {background-color:#aaa; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none} /*Ocaso 230920015*/
div.barrasHor {display:block;}
div.combosHor {display:none;}
/*******************************************
CONTAINER INDEX
******************************************/
.fila_botones{margin-bottom:1%; letter-spacing:1px; line-height:1em; display:inline-block; width:100%;}
.fila_botones .boton1{padding:1px; float:right; margin-top:-3px; margin-right:5px; text-align:center;}
.fila_botones a.siguiente{color:#fff; background:#57779e; padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none; letter-spacing:0; display:inline-block; float:right;}
.fila_botones label{letter-spacing:0;}
.fila_botones label.optionlabel{font-weight:bold;}
.fila_botones ul{margin-top:5px; margin-bottom:5px; padding:0 0 0 5%;}
.fila_botones ul li{margin-bottom:3px; display:inline-block; width:80%; letter-spacing:0;}
.fila_botones ul li span{float:right;}
/***** DESCRIPCION PRODUCTO*****/
.descripcion{width:100%; display:inline-table; height:600px;}
.descripcion.promocion{width:70%; padding-left:10px; float:left;}
.panel{color:#fff; background-color:#57779e; padding:5px 10px; cursor:pointer; border-radius:3px 3px 0px 0px;
-moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; background-position:right; background-repeat:no-repeat; background-image:url(/es/img/close.png); letter-spacing:1px; margin-bottom:5px;}
.descripcion .panel:hover, .comparador .panel:hover{color:#fff; background-color:#263d77; background-image:url(/es/img/close.png);}
.panel_content{margin-top:-6px; margin-bottom:5px; background:#e9effe; width:100%; padding-bottom:5px;}
.panel_content article{padding:5px 10px;}
form .panel_content {margin-top:-27px; position:relative;}
.descripcion .panel.activo, .comparador .panel.activo{color:#fff; background-color:#263d77; background-image:url(/es/img/open.png);}
.servicios h1, .servicios_sm h1 {font-family:"Gill Sans MT";color:#0056c6; text-transform:none; font-size:2em;}
.novisible{ display:none;}
.visible{ display:block;}
/****************CALCULAR PRECIO************/
.alert{margin-top:5px; margin-bottom:5px;}
.asterisco{color:#F00;}
.asterisco.smt {display:none !important;}
.panel_content .contenido, .panel_content .cabecera{margin:0; padding:5px 10px; width:100%;}
.panel_content .contenido.novisible{display:none;}
.panel_content .cabecera{color:#000; background-color:#7ea7cc; padding:5px 10px; border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px; background-position:right; background-repeat:no-repeat; letter-spacing:1px;}
.panel_content .contenido{background:#fff; padding:10px; margin-bottom:10px; display:inline-block;}
/**** formulario******/
.contenido form, .contenido section{max-width:631px; display:inline-block; width:100%;}
.contenido section.sectionDer{max-width:none}
.contenido form input + span, form .contenido input + span{margin-left:5px; margin-top:3px;}
.contenido form span, form .contenido span{display:block; margin-top:6px; float:left;}
.contenido form span.span, form .contenido span.span {display:inline-table; width:10%; text-align:left; margin-left:1%;}
.contenido form label, form .contenido label{width:40%; display:inline-block; margin-top:1%; float:left; clear:both; padding-right:5px;}
.contenido form label.labelDer, form .contenido label.labelDer {width: 95%;text-align: justify;clear: none;margin-left: 5px;}
.contenido form label.winputradio, form .contenido label.winputradio{padding-left:30px;}
.contenido form label.winputradio + span, form .contenido label.winputradio + span{width:44%;}
/* Label anterior a botones de elementos multiselect */
.contenido form label.prefilebuttons, form .contenido label.prefilebuttons{clear:none !important;}
/* Label con los botones de multiselect */
.contenido form label.filebuttons, form .contenido label.filebuttons{clear:none !important; width:55% !important; text-align:right;}
/* Boton ADD ITEM ENABLED multiselect */
.contenido form label.filebuttons a.additemmulti, form .contenido label.filebuttons a.additemmulti{color:#fff; padding:3px 5px; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; text-decoration:none; letter-spacing:0; background:#57779e url(/es/img/additemmulti.png) no-repeat 5px center; display:inline-block; text-decoration:none; width:70px; margin-right:2%;}
/* Boton ADD ITEM DISABLED multiselect */
.contenido form label.filebuttons a.additemmulti.disabled, form .contenido label.filebuttons a.additemmulti.disabled{background-color:#bdbdbd; cursor:default;}
/* Boton DELETE ITEM ENABLED multiselect */
.contenido form label.filebuttons a.deleteitemmulti, form .contenido label.filebuttons a.deleteitemmulti{color:#fff; padding:3px 5px; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; text-decoration:none; letter-spacing:0; background:#57779e url(/es/img/deleteitemmulti.png) no-repeat 5px center; display:inline-block; text-decoration:none; width:80px;}
/* Boton DELETE ITEM DISABLED multiselect */
.contenido form label.filebuttons a.deleteitemmulti.disabled, form .contenido label.filebuttons a.deleteitemmulti.disabled{background-color:#bdbdbd; cursor:default;}
/* Botones HOVER multiselect */
.contenido form label.filebuttons a.additemmulti.enabled:hover, form .contenido label.filebuttons a.additemmulti.enabled:hover, .contenido form label.filebuttons a.deleteitemmulti.enabled:hover, form .contenido label.filebuttons a.deleteitemmulti.enabled:hover{background-color:#8cb0dc;}
.contenido form label .asterisco, form .contenido label span {float:right; margin-top:-3px;}
.contenido form select , form .contenido select{display:inline-block; width:54%; margin-left:1%; margin-top:6px; float:left; padding-right:25px;}
.contenido form select.small, form .contenido select.small{width:20% !important;} /*Ocaso 230920015*/
.contenido form select.select, form .contenido select.select{display:inline-block; width:9% !important;}
.contenido form input, form .contenido input {display:inline-block; width:8%;}
.contenido form label.input, form .contenido label.input {width:86%;}
.contenido form label.radio, form .contenido label.radio{width:40%; vertical-align:top;}
.contenido form .radio, form .contenido .radio {display:inline-block; width:50%; margin-top:1%; margin-left:1%; float:left;}
.contenido form .linea, form .contenido .linea {display:inline-block; width:100%;}
.contenido form .radio input , form .contenido .radio input{height:14px; width:14px; margin-left:0; vertical-align:bottom; margin-bottom:3px;}
.contenido form .radio input[type="radio"]:nth-of-type(1), form .contenido .radio input[type="radio"]:nth-of-type(1){margin-left:0% !important; background-color:transparent;}
.contenido form .radio input[type="radio"], form .contenido .radio input[type="radio"]{margin-top:0; width:14px !important; float:none; margin-bottom:-2px; background-color:transparent;}
.input_peg{margin-right:30%;}
.alignright{text-align:right; padding-right:10px;}
.contenido form a.additem.enabled, form .contenido a.additem.enabled{color:#0080c0 !important; padding:0; display:inline-block; float:left; margin-right:6px; margin-top:3px; cursor:pointer;}
.contenido form a.deleteitem.enabled, form .contenido a.deleteitem.enabled{color:#0080c0 !important; padding:0; display:inline-block; float:left; cursor:pointer; margin-top:3px;}
.contenido form a.additem.disabled, form .contenido a.additem.disabled{color:#cccccc !important; padding:0; display:inline-block; float:left; margin-right:6px; margin-top:3px; cursor:default;}
.contenido form a.deleteitem.disabled, form .contenido a.deleteitem.disabled{color:#cccccc !important; padding:0; display:inline-block; float:left; cursor:default;margin-top:3px;}
.contenido form a:hover.additem.enabled, form .contenido a:hover.additem.enabled{color:#0080c0 !important; padding:0; display:inline-block; float:left; margin-right:6px; margin-top:3px; cursor:pointer;}
.contenido form a:hover.deleteitem.enabled, form .contenido a:hover.deleteitem.enabled{color:#0080c0 !important; padding:0; display:inline-block; float:left; cursor:pointer;}
.contenido section label + span{width:auto; margin-top:3px;}
.contenido form input#datepicker, form .contenido input#datepicker {width:15%!important;}
.contenido form label.datepicker, form .contenido label.datepicker {width:48%!important;}
.contenido .radio.tres label{width:auto; display:inline; float:left; clear:none; margin-top:0;}
.contenido form p, form .contenido p{display:inline-block; float:left;}
.contenido form p.line, form .contenido p.line{display:inline-block; width:100%; float:left;}
.contenido form .radio.tres.inform, form .contenido .radio.tres.inform{width:14%; float:left;}
.contenido form .radio.dos label, form .contenido .radio.dos label{width:20%; float:left; display:inline-block; clear:none;}
.contenido form .radio.dos.inform, form .contenido .radio.dos.inform{width:20%; float:left;}
.contenido form .radio.dos.inform label, form .contenido .radio.dos.inform label{width:50%;}
.contenido form label.plaintext, form .contenido label.plaintext{clear:none;}
.contenido form label.plain, form .contenido label.plain{clear:none; margin-left:1%;}
.contenido form select[multiple=yes], form .contenido select[multiple=yes]{background-image:none; height:95px !important; padding:5px;}
.contenido label.accidentes{padding-left:20px; display:inline-block;}
.contenido label + input{float:left;}
.contenido a.info{margin-left:1%; margin-top:1%; float:left;}
form textarea{min-height:88px; background-color:#e9effe; font-family:Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-left:5px; resize:auto; overflow:hidden; display:inline-block; float:left; margin:1% 0 0 1%; width:54%; max-width:54%;}
form select{background:url(/es/img/arrow.png) #e9effe; background-position:100% center; background-repeat:no-repeat;
font-size:1em; height:26px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
-webkit-appearance:none; /* WebKit */ /*-moz-appearance:none;*/ /* Mozilla */ -o-appearance:none; /* Opera */
-ms-appearance:none; /* Internet Explorer */ appearance:none; /* CSS3 */ text-indent:0.01px; text-overflow:'';}
@-moz-document url-prefix() {
form select{background-image:none;}
}
.input[type="radio"] {background:none; background-color:transparent;}
#F_P1_D1_e + p{display:inline-block;}
/** Formato DatePicker **/
.ui-datepicker{z-index:10000 !important; padding:0 !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background:transparent !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width:24px !important; height:24px !important; margin-left:0px !important; margin-top:0px !important; top:6px !important; left:0px !important;}
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover{border:none !important;}
.ui-datepicker .ui-datepicker-prev .ui-icon{background:url(/es/img/prev-arrow.png) no-repeat; text-indent:9999px;}
.ui-datepicker .ui-datepicker-next .ui-icon{background:url(/es/img/next-arrow.png) no-repeat; text-indent:9999px;}
.ui-datepicker .ui-datepicker-header{background:#57779E !important; border:none !important; border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; padding:0.6em 0 !important;}
.ui-datepicker .ui-datepicker-title{margin:0 2em !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:48% !important;}
.ui-datepicker .ui-datepicker-title select{margin:1px !important;}
.ui-datepicker th{color:#263d77;}
.ui-datepicker table{width:96% !important; margin:0 2% .4em !important;}
@-moz-document url-prefix() {
select.incorrecto{background:url(/es/img/ico_incorrecto.png) no-repeat top 95% #FFF !important;}
}
form select:hover{background-color:#e9effe;}
form select.select{background-position:right center;}
.contenido form input, form .contenido input{background-color:#e9effe; font-size:1em; height:26px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-left:5px; margin-left:1%; margin-top:6px;}
a.info {margin-top:1px; width:22px; height:15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:-1px; display:inline-table; text-align:center; font-weight:bold; cursor:pointer; background:#5778a1; font-family:monospace; color:#fff; text-decoration:none;}
p.incorrecto{display:inline-block; margin-top:0px !important; margin-bottom:0; margin-left:-68px !important; float:left;}
input.incorrecto, textarea.incorrecto{background:url(/es/img/ico_incorrecto.png) no-repeat top right #FFF !important; border:solid 1px #f00 !important; }
select.incorrecto{background:url(/es/img/ico_incorrecto1.png) no-repeat top right #FFF !important; border:solid 1px #f00 !important; }
textarea+p.incorrecto{position:absolute; margin-top:-95px; margin-left:216px;}
/***************RESULTADO CALCULO**************/
#resultado{padding-top:16px}
#resultado .fila_botones {padding:10px 0px 5px 0px;}
#resultado .fila_botones.top {padding:0px; margin-bottom:0 !important;}
#resultado .fila_botones div + div{margin-right:10px;}
#resultado .grupo_pdf{height:60px; margin:0px; display:inline-block; float:right;}
#resultado .pdf{background:#dee6fb; height:60px; width:166px; margin:0px;}
#resultado .grupo_pdf .pdf img{vertical-align:middle; margin-top:5px; margin-left:5px; width:30%; float:left; display:inline-block; max-width:40px;}
#resultado .pdf span {width:auto; font-size:1.1rem; line-height:1.2rem; display:inline-block; float:left; width:66%; padding:5px 0px 0px 10px;color:#0056c6; text-decoration:underline;}
span a, .radio a{color:#0056c6; text-decoration:underline}
span tel{color:#0056c6;}
span a:hover, .radio a:hover, #resultado .pdf span a:hover{color:#0056c6; text-decoration:none}
.panel_info {color:#1e3672; background-color:#fff; padding:5px 0px 5px 32px; width:100%;cursor:pointer; background-position:left; background-repeat:no-repeat; background-image:url(/es/img/ico_sobre.png); margin-bottom:5px;
border-bottom:3px solid #1e3672;}
.panel_info_content{display:none; border-bottom:3px solid #1e3672; margin-bottom:10px; padding-bottom:10px;}
/******RESULTADO*********/
#resultado .resulprecio{padding:20px; width:100%; max-width:370px; background:#F9F9FA;}
#resultado .resulprecio h1 {text-decoration:underline; color:#27548B; font-size:1.25em; margin:0px;}
#resultado .resulprecio span{color:#27548B; display:inline-block; float:left; margin-top:0px; padding-top:16px; padding-right:16px; width:100%; font-family:Arial; letter-spacing:initial;}
#resultado .resulprecio span .recibo{font-weight:bold; font-size:1.5rem; padding-right:0; padding-top:0; float:right; width:auto;}
#resultado .fila_botones .precio{font-size:1.6em; font-weight:bold; color:#7ea7cc; display:inline-block; margin-top:10px; border:none;}
#resultado .resulprecio .fila_botones{width:100%;}
#resultado .resulprecio .fila_botones .boton4{display:inline-block; margin-right:0;}
.numReferencia {color: #0056c6; display: block; font-size: 1.5em; margin-left: -9px; margin-top: -4px; padding-left: 15px;} /*Ocaso 230920015*/
article.otrosprecios{padding:5px 0px;}
.otrosprecios .title {color:#27548B; font-weight:bold; font-size:1.5rem; padding-bottom:5px;}
.otrosprecios .precio {display:inline-block; width:49%; margin-right:1%; color:#5b5e5d !important; float:left; padding:10px; border:1px solid #f4f4f4;}
.otrosprecios .precio.dos{margin-left:1%; margin-right:0;}
.otrosprecios .precio h1{text-decoration:underline; color:#5b5e5d; font-size:1.4rem; margin:0px;}
.otrosprecios .precio span{clear:both; float:left;}
.otrosprecios .precio .fila_botones{display:initial; margin-left:3px; float:left;}
.otrosprecios .precio .fila_botones .precio{font-size:1.6rem !important; margin-top:0 !important; padding-left:0; color:#7ea7cc !important;}
.otrosprecios .boton4 {margin-top:0px;}
.otrosprecios span + div.precio{font-weight:bold; margin-right:0; width:100%; border:none;}
#resultado .contenido .notas{background:#e9effe; padding:15px; margin-top:10px; margin-bottom:10px}
#resultado .contenido .notas div span{ display:block;}
#resultado .contenido .notas div span .asterisco {display:inline-block; margin-right:3px; background:#0056c6;
border-radius:3px; height:5px; width:5px; margin-bottom:2px;}
#resultado .contenido .panel_content.tabla table td{padding:3px 10px;}
#resultado .contenido .panel_content.tabla table#prima td {padding: 10px;} /*Ocaso 230920015*/
/****** formulario resultado********/
#resultado .contenido form{max-width:none;}
#resultado .contenido form input{width:49%; display:inline-block;}
#resultado .contenido form input.input{width:8%; display:inline-block;}
#resultado .contenido form label{width:48%; display:inline-block;}
#resultado .contenido form label.input{width:89%; display:inline-block;}
#resultado .contenido form .radio {width:100%; display:inline-block;}
#resultado .contenido form .radio input, #resultado .contenido form .radio2 input{width:14px; margin-top:10px;vertical-align:sub; background:none;}
#ventanaPasarela {max-width: 950px; margin: 0px 10px 10px 10px; background-color: #fff;}
#ventanaPasarela #enlace-pasarela p{margin:10px}
#ventanaPasarela .pie{margin: 0px !important; width: 100%; background: #e9effe !important; padding-top: 10px; text-align:right;}
#ventanaPasarela .pie input{float:none !important;}
/****** Bloque resultado********/
.dBlock{display:block;}
/********ventana flotante******/
.ui-widget-content a{color:#263d77 !important ; text-decoration:underline !important;}
.ui-widget-content a:hover{text-decoration:none !important;}
mark{color:#0056c6 !important ; background:none !important;}
.contenido label .asterisco {float:right;}
.fila .radio {width:30% !important;}
.fila .radio2 {width:16% !important; display:inline-block;}
/********RESUMEN******/
#resultado .panel {width:100%; background-color:#7ea7cc; color:#000;}
#resultado .panel:hover{color:#fff; background-color:#263d77;}
#resultado .panel.activo{color:#fff; background-color:#263d77; background-image:url(/es/img/open.png);}
.panel_content.tabla{background:#fff; display:none}
.tabla table{width:100%}
.tabla caption, .tabla th {background:#fff; text-align:left; font-weight:bold; padding:15px 10px 5px;}
.tabla tr.linea01{background:#f0f4fd; border-bottom:2px solid #fff}
.tabla tr.linea02{background:#e6e6e6; border-bottom:2px solid #fff}
#flip-scroll tr td{ padding:3px 10px; text-align:center;}
.panel_content.tabla td.none{color:#000!important; font-weight:normal!important; width:50%;}
.panel_content.tabla td:nth-child(2), .panel_content.tabla td.txt{color:#27548B; font-weight:bold; width:50%;}
.panel_content.tabla td.txt{color:#27548B; font-weight:bold; width:50%;}
.panel_content.tabla td.importe{width: 25%; font-size: 2.7rem; position:relative; top:7px;} /*Ocaso 230920015*/
.panel_content.tabla td span.msg1r{font-size:1rem;} /*Ocaso 230920015*/
.tabla td a {color:#27548B;}
.tabla td a:hover{ text-decoration:underline}
.tabla th.primero, .tabla th.ultimo {color:#27548B; font-weight:bold; text-transform:inherit; padding:0px 4px 0px 0px; line-height:1.5rem; text-align:center;}
/********************************************************
ESTILOS REPLICADOS DE STYLE CSS
********************************************************/
.number {background: rgba(0, 0, 0, 0) url("../img/ico_telefono.png") no-repeat scroll left center; color: #0056c6; display: block; font-size: 1.5em; margin-left: -9px; margin-top: -4px; padding-left: 15px;} /*Ocaso 230920015*/
.comparador .number, .producto .number {display: inline; margin: 0;} /*Ocaso 230920015*/
p.txt_centrado {text-align: center; margin:0 !important} /*Ocaso 230920015*/
/********************************************************
RED DE OFICINAS DESKTOP
********************************************************/
.formulario_mapa{width:38%; float:left; display:inline-block; margin-top:50px; padding-left:5px;}
.formulario_mapa form label, .formulario_mapa form select {width:239px; background-position:right center;}
.bot_pais .mpais {float:left; width:47px !important; display:inline-table; margin:0px 10px 0px 0px !important; padding:5px 10px 2px 15px;cursor:pointer; background:#e9effe; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#dee6fb;}
.bot_pais .mpais:hover{background-color:#263d77}
.form_mapa label{width:100% !important}
.form_mapa .contenido p{float:none;}
.form_mapa .boton4 {margin:10px; letter-spacing:0.1em;}
.panel_content .contenido .contenido, .panel_content .contenido .cabecera {width:100%; margin:0px; float:left;}
.iframe_dtk{display:block; background:url(/es/img/mapa/google_map.png) no-repeat\9; width:629; height:300px}
.mapa_esp, .mapa_uk {height:340px; width:62%; float:left;}
.mapa_esp img, .mapa_uk img{border:0; max-width:380px; width:100%;}
#mapa_prov{background:url(/es/img/mapa_esp.png) no-repeat top left; background-size:contain; max-width:380px;}
#mapa_prov.provactiva.alava{background:url(/es/img/provincias/alava.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.avila{background:url(/es/img/provincias/avila.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.asturias{background:url(/es/img/provincias/asturias.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.andorra{background:url(/es/img/provincias/andorra.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.almeria{background:url(/es/img/provincias/almeria.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.alicante{background:url(/es/img/provincias/alicante.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.albacete{background:url(/es/img/provincias/albacete.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.burgos{background:url(/es/img/provincias/burgos.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.barcelona{background:url(/es/img/provincias/barcelona.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.baleares{background:url(/es/img/provincias/baleares.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.badajoz{background:url(/es/img/provincias/badajoz.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.sevilla{background:url(/es/img/provincias/sevilla.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.soria{background:url(/es/img/provincias/soria.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.tarragona{background:url(/es/img/provincias/tarragona.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.tenerife{background:url(/es/img/provincias/tenerife.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.teruel{background:url(/es/img/provincias/teruel.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.toledo{background:url(/es/img/provincias/toledo.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.valencia{background:url(/es/img/provincias/valencia.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.valladolid{background:url(/es/img/provincias/valladolid.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.vizcaya{background:url(/es/img/provincias/vizcaya.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.zamora{background:url(/es/img/provincias/zamora.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.zaragoza{background:url(/es/img/provincias/zaragoza.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.leon{background:url(/es/img/provincias/leon.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.lerida{background:url(/es/img/provincias/lerida.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.lugo{background:url(/es/img/provincias/lugo.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.madrid{background:url(/es/img/provincias/madrid.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.malaga{background:url(/es/img/provincias/malaga.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.melilla{background:url(/es/img/provincias/melilla.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.murcia{background:url(/es/img/provincias/murcia.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.navarra{background:url(/es/img/provincias/navarra.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.orense{background:url(/es/img/provincias/orense.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.palencia{background:url(/es/img/provincias/palencia.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.pontevedra{background:url(/es/img/provincias/pontevedra.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.salamanca{background:url(/es/img/provincias/salamanca.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.segovia{background:url(/es/img/provincias/segovia.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.laspalmas{background:url(/es/img/provincias/laspalmas.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.larioja{background:url(/es/img/provincias/larioja.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.lacoruna{background:url(/es/img/provincias/lacoruna.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.jaen{background:url(/es/img/provincias/jaen.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.huesca{background:url(/es/img/provincias/huesca.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.huelva{background:url(/es/img/provincias/huelva.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.guadalajara{background:url(/es/img/provincias/guadalajara.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.granada{background:url(/es/img/provincias/granada.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.gerona{background:url(/es/img/provincias/gerona.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.guipuzcoa{background:url(/es/img/provincias/guipuzcoa.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.cuenca{background:url(/es/img/provincias/cuenca.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.cordoba{background:url(/es/img/provincias/cordoba.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.ciudadreal{background:url(/es/img/provincias/ciudadreal.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.ceuta{background:url(/es/img/provincias/ceuta.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.castellon{background:url(/es/img/provincias/castellon.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.cantabria{background:url(/es/img/provincias/cantabria.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.cadiz{background:url(/es/img/provincias/cadiz.png) no-repeat top left; background-size:contain;}
#mapa_prov.provactiva.caceres{background:url(/es/img/provincias/caceres.png) no-repeat top left; background-size:contain;}
#mapa_cities{background:url(/es/img/mapa_uk.png) no-repeat top left; background-size:contain; max-width:380px;}
#mapa_cities.cityactiva.londres{background:url(/es/img/provincias/londres.png) no-repeat top left; background-size:contain;}
#mapa_cities.cityactiva.manchester{background:url(/es/img/provincias/manchester.png) no-repeat top left; background-size:contain;}
.redoficinas{width:100%; display:inline-block; margin-top:0;}
.redoficinas dt{display:inline-block; width:100%; text-transform:uppercase; font-weight:bold; padding-top:12px;}
.redoficinas a{text-decoration:none; color:#263d77;}
.redoficinas a img{display:inline-block; float:left; width:20%; max-width:32px;height:26px;padding-right:6px;}
.redoficinas dd{margin-left:0; width:100%; display:inline-block; border-bottom:1px solid #ccc; -webkit-margin-start:0px; padding-left:32px; padding-bottom:5px;}
.redoficinas dd .DirCompleta, .redoficinas dd .Municipio, .redoficinas dd .Telefono{display:inline-block; width:100%;}
/********************************************************
SINIESTROS RECLAMACIONES DESKTOP
********************************************************/
.contenido form input, form .contenido input{width:54%; margin-left:1%; margin-top:1%; float:left; padding:2px 8px; min-height:24px;}
.contenido form input.small, form .contenido input.small {width:15% !important; display:inline-block; float:left; min-width:94px;}
.contenido form input.medio, form .contenido input.medio {width:29% !important; display:inline-block; float:left; min-width:94px;} /*Ocaso 230920015*/
.contenido form input.smallPlus, form .contenido input.smallPlus {width:20% !important; display:inline-block; float:left; min-width:94px;} /*Ocaso 230920015*/
form input.salida {border:none !important; background:none !important}
#cv_web .fila_botones label{letter-spacing:0px; margin-top:0.5%; display:inline-block;}
label.small{width:15% !important; text-align:center; display:inline;}
.asterisco+textarea{margin:1% 0px 0px 1%; width:54%; display:inline-block; min-height:88px; float:left;}
.hora{display:inline-block; width:34%; float:left; margin-top:2%; margin-left:2%;}
.entornoseguro{background:#e9effe; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:98%;
margin-top:6px; padding:5px 10px; margin-bottom:15px;}
.entornoseguro span {line-height:1.3em; font-size:01em;}
.entornoseguro img {margin-bottom:-5px; margin-right:5px;}
.contenido form input[type="radio"], .contenido form input[type="checkbox"], form .contenido input[type="radio"], form .contenido input[type="checkbox"], .fila_botones input[type="checkbox"]{width:auto !important; height:auto !important; cursor:pointer; background-color:transparent;}
.fila_botones label{letter-spacing:0px;}
.fila_botones label span.opcionbloque{display:inline-block; width:30%; max-width:170px;}
/**********************************
alerta DESKTOP
***********************************/
.alerta{margin-top:20px; padding-top:15px;}
.alerta span.number {margin-left:2px; display:inline-block;}
.alerta h2{text-align:center; margin-top:15px;}
article.alerta p {text-align:center;}
p a, li a {color:#0056c6;}
p a:hover,li a:hover, li a email:hover{text-decoration:underline !important;}
span.atencion, span.gracias {text-align:center; display:block;}
.alerta .error{color:#B90101;}
.alerta .correcto{color:#0F7406;}
/*ayuda*/
.ui-dialog .ui-dialog-content {padding:0px !important;overflow:hidden !important;}
.ui-widget-header .ui-icon {width:15px !important; height:20px !important;}
.ui-dialog .ui-dialog-titlebar-close:hover{border:none !important;}
.ui-dialog .ui-dialog-titlebar-close{padding:0px !important;}
.ui-draggable .ui-dialog-titlebar {border:none; color:#1e3672; font-weight:bold; font-size:1.3em;}
.ui-dialog .ui-dialog-titlebar {padding:10px !important;}
.ui-dialog .ui-dialog-title{ background:url(/es/img/logo_v.png) left top no-repeat; background-size:51px 35px; font-weight:bold !important; font-size:1.3em !important; padding-left:60px !important; text-transform:capitalize !important;}
.ui-corner-all {background:#e9effe !important;}
div#message{max-width:950px; margin:0px 10px 10px 10px; background-color:#fff;}
#message img {width:15%; float:left; margin:15px;}
#message article{margin-bottom:20px}
#message article h2 { background:none !important; color:#0056c6;}
#message article h2 a{ text-decoration:underline; color:#0056c6;}
#message article h2 a:hover{ text-decoration:none;}
#message h1 {padding:10px; margin-left:170px;}
#message h2{background:url(/es/img/bg_virtual.png) no-repeat left 5px; padding-left:17px; margin-left:25%; font-size:1.2rem; font-weight:normal;}
#message h2.activo{background:url(/es/img/bg_virtual2.png) no-repeat left 5px; /*background-size:10px 10px;*/}
#message h2 a:hover{color:#0056c6}
#message div {margin-bottom:8px;}
#message h2:focus, #dialog a:focus {border:none; box-shadow:none;outline:none;}
#message p{font-size:0.85em; background:#ffffff !important; margin:0px; padding:10px 15px; width:100%;}
#message span a, #message p a {color:#0056c6; text-decoration:underline;}
#message p a:hover {color:#0056c6; text-decoration:none !important;}
#message div.boton4 {margin-left:0px !important;}
#message div.fila_botones{margin-bottom:25px !important; margin-top:15px}
#message .pie {margin:0px !important;}
/********************************************************
IPAD
********************************************************/
@media only screen and (max-width:900px){
header, #container, footer section, .seguros .caja{width:100%; max-width:765px; margin-left:auto; margin-right:auto; margin-top:0;}
/******formulario***********/
.contenido form. form .contenido {max-width:none;}
.contenido form select, form .contenido select{width:50% !important; float:left; margin-top:5px; padding-right:25px;}
.contenido form select.small, form .contenido select.small{width:20% !important;}
form .contenido select[multiple=yes], .contenido form select[multiple=yes]{width:54% !important;}
.contenido form label, form .contenido label{width:40%;}
.contenido form label.labelDer, form .contenido label.labelDer {width: 94%;}
.contenido form label.radio, form .contenido label.radio{width:40%; vertical-align:top;}
.contenido .radio.tres label{width:31%; display:inline-block; float:left; clear:none; margin-top:0;}
form .contenido input, .contenido form input {width:50% !important;}
form .contenido .formulario_mapa select{width:100% !important;}
form .contenido input[maxlength="5"], .contenido form input[maxlength="5"]{width:15% !important; float:left; margin-left:1%;}
form .contenido input.smallPlus[maxlength="5"], .contenido form input.smallPlus[maxlength="5"] {width:20% !important; display:inline-block; float:left; min-width:94px;} /*Ocaso 230920015*/
form select.select {background-position:right center;}
form select {background-position:right center;}
form textarea{width:50% !important;}
label.small{width:10% !important;}
.hora {display:inline-block; width:25%;}
/*******mas informacion*************/
.panel_info_content select {width:50%!important; background-position:right center;}
.formulario_mapa form label, .formulario_mapa form select {width:100% !important; background-position:right center; margin-left:0;}
/*******informacion coorporativa**************/
.title.corporativa.promocion .btns {margin-right:0px;}
/********************************************************
RED DE OFICINAS IPAD
********************************************************/
/********************************************************
SINIESTROS RECLAMACIONES IPAD
********************************************************/
#infoweb input, #cv_web input{width:42.6%;}
.comparador .number, .producto .number {margin-right:371px;}
}
/********************************************************
SMARTPHONE // iPAD
********************************************************/
@media only screen and (max-width:580px){
header, #container, footer section, .seguros .caja{max-width:320px; margin-left:auto; margin-right:auto; margin-top:0; padding-left:0; padding-right:0;}
/** Tooltips **/
.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content {font-size:0.9em; line-height:1em;}
.custom-tooltip strong,.custom-tooltip ul li {padding-bottom:5px;}
/***************************************
header
***************************************/
/*BLOQUE DERECHO DE LA CABECERA*/
section.bloque_cabecera{width:100%; max-width:320px; margin:-192px auto 0 auto; display:inline-block; float:left;}
header a img {margin-top:113px; height:auto; width:99px;}
/*Bucador*/
.superior input#buscador {width:190px;}
form.gsc-search-box{width:100% !important;}
table.gsc-search-box{width:100% !important;}
input.gsc-input{border-color:#351c75; float:none; margin-top:2px; width:90% !important;}
/*Virtual*/
.virtual {padding:9px 0px; margin-top:1px;}
#opener{width:100%; max-width:320px;}
/*Logo*/
header h1 a img {margin-top:119px; margin-left:10px; margin-bottom:-5px; height:65px; width:102px;}
/*telefonosl*/
.telefonos.movil{display:block; margin-top:10px;}
.telefonos.dk{display:none;}
.telefonos {margin:5px 7px 5px 145px; padding:2px 10px 8px 5px;}
.number {font-size:1.5em; margin-left:3px;}
.name {font-size:0.8em; padding:17px}
.dch .name {padding:0px;}
.telefonos .dch {margin-top:-2px; margin-right:2px;}
/* botones externos */
.boton2 {padding:3px 0px 7px; height:22px; font-size: 0.9rem;}
.externos{margin-bottom:2px; margin-top:-2px; font-size:0.8em;}
.area, .area:hover{width:96px;}
.area.colaboradores{width:126px;}
.uk, .uk:hover{width:91px;}
.uk,.uk:hover, .area,.area:hover{padding-left:26px}
.ui-dialog-content section {margin-left:0px;}
.ui-dialog-content img{display:none;}
/*******************************************
container
******************************************/
#container{padding-top:10px}
/**********************************************************
CONTAINER INDEX SMARTPHONE
***********************************************************/
/*************************************************************
CONTAINER PRODUCTO SMARTPHONE
*************************************************************/
.fila_botones {margin-left:0px;}
.fila_botones .boton3 {display:none;}
.fila_botones .boton1 {width:100% !important; font-size:1.6rem !important; margin-right:0px; max-width:none !important; height:25px !important; padding-top:4px;}
/******** formulario*********/
.contenido form select.select, form .contenido select.select{width:18% !important;}
form .contenido .radio input{float:none; margin-top:0;}
form .contenido .radio input + input{margin-left:10px;}
form .contenido .tres label.radio {width:80% !important;}
/*.radio.tres {width:45% !important;}*/
.contenido form select.select {width:24% !important;}
form select {background-position:right center;}
.alert .asterisco{display:inline-block !important; margin-right:5px;}
input.small {width:17% !important; margin-top:6px;}
input.smallPlus {width:20% !important; margin-top:6px;} /*Ocaso 230920015*/
input.medio {width:29% !important; margin-top:6px;} /*Ocaso 230920015*/
input.clearLine{clear: none !important;} /*Ocaso 230920015*/
form textarea {width:86%; margin-left:1%; margin-top:1%;}
label.small {width:5% !important;}
p.incorrecto{margin-left:5px !important; padding-bottom:0px; margin-bottom:-4px;}
textarea+p.incorrecto{margin-left:5px !important;}
form p.incorrecto+textarea{width:97% !important; margin-top:5px;}
.familia > form{width:70%;}
/****************resultado***************/
#resultado .resulprecio{max-width:none;}
.otrosprecios{padding-left:0 !important; padding-right:0 !important;}
.otrosprecios .precio{margin-left:0px;}
#resultado .contenido form label, #resultado .contenido form label.input {width:100%;}
#resultado .contenido form input {width:94%; float:right;}
#resultado .contenido form label.datepicker {width:100%!important;}
#resultado .contenido form input#datepicker {width:29%!important;}
.panel_info_content img.ui-datepicker-trigger {left:-5px!important; float:right!important;}
#resultado .contenido form select {width:90.8%; display:inline-block; float:right;}
#resultado .contenido form.form_mapa select {width:96.8%;}
#resultado .contenido .panel_info_content select{background-position:right center;}
#resultado .contenido form input.input {width:20%; display:inline-block; float:right;}
#resultado .contenido form .radio{display:inline-block;}
#resultado .contenido form .radio input {float:left; margin-left:0px; margin-top:4px;}
.panel_info{width:100%;}
#resultado .panel{width:100%;}
.panel_content .contenido .boton4 {margin-right:0px; float:right;}
.otrosprecios .boton4 {float:right; margin-top:1px; margin-bottom:10px;}
div#newCalcBt {margin-right:5px;}
/********ventana flotante******/
#resultado .contenido form input{width:92%; display:inline-block; float:right;}
.fila .radio {width:100% !important;}
.fila .radio2 {width:100% !important; display:inline-block;}
/************************************************************
CONTAINER COMPARADOR SMARTPHONE
************************************************************/
/***********************************************************
INFORMACION CORPORATIVA SMARTPHONE
***********************************************************/
.title.corporativa {margin-top:10px; margin-bottom:5px; margin-left:10px;}
.btns{ display:none;}
.btns a{ margin:3px;}
.descripcion.corporativa{ display:inline-block;}
.historia{ width:96.6%; margin:5px;}
.columnas.datos_econ samp, .columnas.equipo_humano samp { display:inline-block; width:98.6%; min-height:none;}
.tablaeconomica { width:96.6%; font-size:0.9em;}
.consejo, .empresas{width:96.6%; margin:5px;}
.equipo_humano, .datos_econ{ padding:5px;}
/********************************************************
RED DE OFICINAS SMARTPHONE
********************************************************/
iframe_dtk{width:272 !important; height:300 !important;}
#resultado .contenido .contenido{ padding-left:0px; padding-right:0px; width:100%;}
#resultado .contenido .cabecera {width:100% !important; margin:0px; float:left;}
.formulario_mapa select {background-position:right center !important;}
.contenido.panel_content.tabla {width:100% !important;}
/********************************************************
SINIESTROS SMARTPHONE
********************************************************/
.comparador .number { margin-right:-20px; width:100%;}
.hora{display:inline-block; width:22%;}
.fila_botones label {width:93%; display:inline-block;}
.fila_botones input{/*float:left;*/}
.fila_botones label.optionlabel{margin-top:2px; line-height:1.3em;}
.fila_botones ul {padding-left:10%;}
.fila_botones ul li{width:95%; text-indent:-8px; line-height:1.3em; padding-bottom:5px;}
/*****************************************************
GLOSARIO SMARTPHONE
*******************************************************/
.fila_botones .ancla.boton3 {display:inline-block; margin-right:0px; margin-bottom:3px!important;}
#sidebar {height:55px; margin-left:5px;}
.flotante {height:55px; width:312px; margin-left:5px; top:90%;}
.flotante .ancla.boton3 {display:inline-block; margin-right:2px; margin-bottom:3px!important;}
/******************************************************
TABLA SCROLL SMARTPHONE
******************************************************/
#flip-scroll {width:274px;}
#flip-scroll .cf:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#flip-scroll * html .cf { zoom:1; }
#flip-scroll *:first-child+html .cf { zoom:1; }
#flip-scroll table { width:100%; border-collapse:collapse; border-spacing:0; }
#flip-scroll th,
#flip-scroll td { margin:0; vertical-align:top; }
#flip-scroll th { text-align:left; }
#flip-scroll table { display:block; position:relative; width:100%; }
#flip-scroll thead { display:block; float:left; }
#flip-scroll tbody { display:block; width:auto; position:relative; overflow-x:auto; white-space:nowrap; }
#flip-scroll thead tr { display:block; }
#flip-scroll th { display:block; text-align:right; }
#flip-scroll tbody tr { display:inline-block; vertical-align:top; }
#flip-scroll td { display:block; min-height:1.25em; text-align:left; }
/* sort out borders */
#flip-scroll th { border-bottom:0; border-left:0; padding:6px 5px 6px 0px;}
#flip-scroll td { border-left:0; border-right:0; border-bottom:0; }
/*div.barrasHor {display:none;}
div.combosHor {display:block;}
div.combosHor select.comboHorario {width:20%!important;}*/
}
/*** Formularios en iFrames ***/
@media only screen and (max-width:480px){
.panel_content .cabecera {width:100% !important; margin-left:0px;}
.panel_content .contenido {width:100% !important; margin-left:0px;}
form .contenido label, form .contenido label.input, form .contenido label.radio {width:auto;}
.contenido form label.labelDer, form .contenido label.labelDer {width: 90%; margin-top: 0;}
.panel_content.tabla td.importe {width: 40%;font-size: 2.3rem; vertical-align: top;} /*Ocaso 230920015 aqui*/
.contenido .radio.tres label{}
.contenido form label, .contenido form label.input, .contenido form label.radio {width:100%;}
.asterisco {display:none !important;}
.asterisco.smt {display:inline-table !important;vertical-align:top;}
/*.contenido input{width:85% !important; float:left;}*/
.contenido form .radio, form .contenido .radio{width:96% !important; vertical-align:top; margin-left:4%;}
.contenido form .radio input, form .contenido .radio input{width:6% !important; float:none;}
.contenido form select, form .contenido select, .contenido form input, form .contenido input{width:88% !important; margin:0 1% 7px 0!important; background-position:right center; clear:both;}
form .contenido input[maxlength="5"]{margin-left:0%; width:25% !important; clear:both; margin-top:0px; margin-bottom:7px;}
form .contenido textarea{width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important;}
.radio.tres{width:100% !important;}
.radio.tres input{margin-bottom:0 !important;}
.radio.dos{width:100% !important; margin-left:0 !important;}
.radio.dos label{width:25% !important; float:left; clear:none; padding:0 10px;}
.radio.dos label input[type="radio"]{margin-bottom:4px !important; margin-right:6px !important; background-color:transparent;}
.radio.dos.inform{width:62% !important; float:left;}
form .contenido select[multiple=yes], .contenido form select[multiple=yes]{width:100% !important;}
form .contenido label.filebuttons{width:100% !important; padding-right:0%; margin-top:-4px; margin-bottom:2px;}
.ui-datepicker-trigger{top:2px !important;}
.mapa_esp, .mapa_uk { display:none; height:0px;}
div.mapa_uk img, div.mapa_esp img, div.mapa_uk map , div.mapa_esp map , .bot_pais {display:none}
.formulario_mapa {width:100%; float:none; margin-top:0px;}
.form_mapa .boton4 {display:block; float:right; margin:0;}
.formulario_mapa .boton4{margin:20px 0px 10px 0px !important; display:inline-block !important; float:right !important;}
.contenido form.form_mapa select{float:left; width:100% !important;}
.scroll{overflow-y:hidden;overflow-x:scroll; width:273px;}
.otrosprecios .precio{width:100%; margin:0 0 -6px 0 !important;}
.otrosprecios .precio .fila_botones .precio{width:auto;}
.contenido form label.winputradio, form .contenido label.winputradio{padding-left:10px; width:55%;}
.contenido form label.winputradio + span, form .contenido label.winputradio + span{width:45%;}
.winputradio + span > .small{clear:none; margin-left:5px !important;}
.winputradio + span > .radio{clear:none;}
}
a:hover.enlacegeneral.avisolegal {text-decoration: none;}
a.enlacegeneral.avisolegal {color: #0056c6;}
td.naranja {color:orange !important;font-weight: bold !important;}
div.errorTop1 {background:#EAEAEA;padding-bottom:10px;margin-bottom:12px;border:1px solid #CECECE;}
strong.errorTop2 {display:block;background:#E2E2E2 url(/es/img/icoError.gif) no-repeat 3px 2px;color:#AB0202;border-bottom:1px solid #CECECE;padding:3px 0 3px 23px;}
div.errorTop3 {border:2px solid #AB0202;margin-bottom:12px;height:50px;overflow:auto;margin:10px 10px 0 10px;padding:3px;background:#fff;}
div.errorTop4 {color:#AB0202;}
/* iPads (vertical y horizontal) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
div.barrasHor {display:none;}
div.combosHor {display:block;}
div.combosHor select.comboHorario {width:10%!important;}
.contenido form input[type="checkbox"], form .contenido input[type="checkbox"], .fila_botones input[type="checkbox"]{-webkit-appearance:none; width:18px !important; height:18px !important; min-height:initial !important; border:1px solid #ccc; background-color:transparent;}
.contenido form input:checked[type="checkbox"], form .contenido input:checked[type="checkbox"], .fila_botones input:checked[type="checkbox"]{background-color:#57779e;}
.contenido form input[type="radio"], form .contenido input[type="radio"], .fila_botones input[type="radio"]{-webkit-appearance:none; width:14px !important; height:14px !important; min-height:14px !important; border:1px solid #ccc; border-radius:14px; padding:0; margin-bottom:0;}
.contenido form input:checked[type="radio"], form .contenido input:checked[type="radio"], .fila_botones input:checked[type="radio"]{background-color:#57779e !important;}
}
/* iPhone 5 (vertical y horizontal)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px){
div.barrasHor {display:none;}
div.combosHor {display:block;}
div.combosHor select.comboHorario {width:20%!important;}
div.combosHor select:nth-of-type(2).comboHorario{clear:right; margin-left:5px !important;}
.contenido form input[type="checkbox"], form .contenido input[type="checkbox"], .fila_botones input[type="checkbox"]{-webkit-appearance:none; width:18px !important; height:18px !important; min-height:initial !important; border:1px solid #ccc; margin-right:7px;}
.contenido form input:checked[type="checkbox"], form .contenido input:checked[type="checkbox"], .fila_botones input:checked[type="checkbox"]{background-color:#57779e;}
.fila_botones input[type="checkbox"]{margin-top:4px; vertical-align:top;}
.contenido form input[type="radio"], form .contenido input[type="radio"], .fila_botones input[type="radio"]{-webkit-appearance:none; width:14px !important; height:14px !important; min-height:14px !important; border:1px solid #ccc; border-radius:14px; padding:0; margin-bottom:4px !important;}
.contenido form input:checked[type="radio"], form .contenido input:checked[type="radio"], .fila_botones input:checked[type="radio"]{background-color:#57779e !important;}
.contenido form .radio, form .contenido .radio{float:left;}
.fila_botones label{width:86%; margin-top:5px;}
.contenido form .radio.tres, form .contenido .radio.tres{width:100% !important;}
.contenido .radio.tres label{width:33.33%;}
.radio.pctosinfo{min-width:96%;}
.radio.pctosinfo label{width:90%; display:inline-block; float:left; margin-top:-2px;}
}
/******************************************************
CORREOS GENERADOS COMPRA PRODUCTO
******************************************************/
#cuerpoCorreo.container{background:#FFF; border:1px #cecece solid; margin:0 auto 10px; padding:0; width:960px; color:#064FA3 !important;}
#cuerpoCorreo.container .header{width:960px;}
#cuerpoCorreo.container .header img{max-width:100%; max-height:100%; margin:auto; display:block;}
#cuerpoCorreo.container .content{padding:20px 80px;}
#cuerpoCorreo.container .content h1, #cuerpoCorreo.container .content h2{display:block; font-size: 1.5em; text-align:right; width:100%; margin: 0 !important;}
#cuerpoCorreo.container .content h3 {font-size: 1.4em;}
#cuerpoCorreo.container .content h4 {margin: 0 !important;}
#cuerpoCorreo.container .content article{ padding:0}
#cuerpoCorreo.container .content p {color: #064FA3;font-size:1.2em; text-align: justify;}
#cuerpoCorreo.container #info{background-color:#064FA3;color:#FFF;padding:10px 10px;font-size:1.2em}
#cuerpoCorreo.container #info ul{list-style:disc;margin-bottom:5px}
#cuerpoCorreo.container #info ul li{margin-bottom:5px}
#cuerpoCorreo.container #mensaje .listaTel{color: #064FA3 !important; list-style:outside disc !important; margin-bottom:5px; padding-left:30px; list-style:none;font-size:1.2em}
#cuerpoCorreo.container #mensaje .prenumber{margin-right:15px}
#cuerpoCorreo.container #mensaje .number {background-image: url(/es/img/ico_telefono.png) no-repeat scroll left center; color: #0056c6; display: inline; font-size: 1.5em; margin-left: -9px; margin-top: -4px; padding-left: 15px;}
#cuerpoCorreo.container .boton5{float:none;}
#cuerpoCorreo.container .footer{max-width:960px; width:100%; padding:10px; text-align:center}
#cuerpoCorreo.container .footer img{max-width:30%; max-height:30%; margin:auto; display:block;}
#cuerpoCorreo.container{background:#FFF; border:1px #cecece solid; margin:0 auto 10px; max-width:960px; padding:0; width:100%; color:#064FA3 !important;}
#cuerpoCorreo.container .header{max-width:960px; width:100%;}
#cuerpoCorreo.container .header img{max-width:100%; max-height:100%; margin:auto; display:block;}
#cuerpoCorreo.container .content{padding:20px 80px;}
#cuerpoCorreo.container .content h1, #cuerpoCorreo.container .content h2{display:block; font-size: 1.5em; text-align:right; width:100%; margin: 0 !important;}
#cuerpoCorreo.container .content h3 {font-size: 1.4em;}
#cuerpoCorreo.container .content h4 {margin: 0 !important;}
#cuerpoCorreo.container .content article{ padding:0}
#cuerpoCorreo.container .content p {color: #064FA3;font-size:1.2em; text-align: justify;}
#cuerpoCorreo.container #correo div#info{background-color:#064FA3;color:#FFF;padding:10px 10px;font-size:1.2em}
#cuerpoCorreo.container #correo div#info ul{list-style:disc;margin-bottom:5px}
#cuerpoCorreo.container #correo div#info ul li{margin-bottom:5px}
#cuerpoCorreo.container #mensaje .listaTel{color: #064FA3 !important; list-style:outside none disc !important; margin-bottom:5px; padding-left:30px; list-style:none;font-size:1.2em}
#cuerpoCorreo.container #mensaje .prenumber{margin-right:15px}
#cuerpoCorreo.container #mensaje .number{display:inline}
#cuerpoCorreo.container .boton5{float:none;}
#cuerpoCorreo.container .footer{max-width:960px; width:100%; padding:10px;}
#cuerpoCorreo.container .footer img{max-width:30%; max-height:30%; margin:auto; display:block;}
/******************************************************
SERVISA - Aplicaciones web
******************************************************/
.panel_content .cabeceraServisa {background-color: #A4A5A5;}
#detalleOficina .redServisa {background-color: #E1E1E1 !important; margin: 20px 0 5px !important;}
#detalleOficina ul.detalleOfiServisa {width:98%; margin-bottom:20px; overflow:hidden;}
#detalleOficina ul.detalleOfiServisa li {line-height:1.5em; float:left; display:inline;}
#detalleOficina ul.detalleOfiServisa li {width:40%;}
#detalleOficina ul.detalleOfiServisa li.imgOfi {width:100%;}
#mapa_provServisa { background: url(/red_web/img/mapa_esp.png) no-repeat top left; background-size: contain; max-width: 380px; }
/********************************************************
SMARTPHONE SERVISA - Aplicaciones web
********************************************************/
@media only screen and (max-width:580px) {
#detalleOficina ul.detalleOfiServisa li {width:100%;}
#detalleOficina ul.detalleOfiServisa li img {display:block; margin: 5px;}
#detalleOficina ul.detalleOfiServisa li img.zoom2 {width:60% !important; left: 20px !important}
}