/* -----------------------------------------------------------------------
 AXA CSS 
----------------------------------------------------------------------- */

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* ajuste font size */
body, html{font-size: 62.5%;}
body {font-size: 101%; font-family: arial, sans-serif;}
html>body {font-size: 100%;}

/* modelo de caja */
div:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}

/* typography.css */
body {background:#fff; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#111;}
h1 {font-size:100%; /*letter-spacing: 0; line-height:1;*/}
h2 {font-size:1.6em}
h3 {font-size:1.6em; line-height:1;}
h4 {font-size:1.4em; line-height:1.25; }
h5 {font-size:1.4em; font-weight:bold}
h6 {font-size:1.4em; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p, li, dt, dd, th, td, label, legend {font-size:1.2em; color:#333}
li li{font-size:100%}
a:focus, a:hover {color:#0F3183; text-decoration:underline;}
a {color:#103184;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 0 1.5em 0; padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
/*tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}*/
tfoot {font-style:italic;}
caption {background:#eee;}
input, textarea{font-family:Arial, Helvetica, sans-serif;}

/* LAYOUTS */
body{background:#DCECFC url('img/bgBody.gif') repeat-y top center}
#popUp2 #container {background:#fff; width:75.2em; margin:0 auto;}

/* COMPONENTES */
#cabecera .wrap{padding:1.2em 0 0}

/* COMPONENTES ESTRUCTURALES */

/* c1_header */
#popUp2 .c1_header{background:url('img/bgC1_popUp2.gif') no-repeat top center; position:relative;}
#popUp2 .c1_header .wrapper{background:url('img/bgC1_popUp2.gif') no-repeat bottom center; padding:1.7em 1.7em 1em}
.c1_header p.logo{font-size:100%; margin-left:1.7em}
.c1_header p.logo{float:left;}
.c1_header p.logo a{display:block}
.c1_header .grupoBienvenidaUtilidades{float:right; width:43em; margin-right:1.7em}
/**/
#popUp2 .c1_header .wrapper{height:7em;}

/*COMUNES*/
.indentado {display: block;left: -999em;line-height: 0;position: absolute;text-indent: -999em;}

/*popUp2*/
#popUp2 #cabecera .titu01 {color: #113184;font-size: 2em; padding: 1.1em 1.5em 0 0;float:right}
#popUp2 #cuerpo{ font-size:0.92em; padding:0 0 5em 0; }
#popUp2 #cuerpo .wrap{padding:0 1.7em}
#popUp2 #cuerpo .wrap #contenido{margin:0 48px; background:url(../recursos/bgSup_form.jpg) no-repeat 90% top; min-height:20em}

/*FORMULARIO*/
.poliza { background:url(img/bg_poliza_izq.gif) no-repeat 0 0;display: inline-block;margin:8em 0 2.6em 0.8em; padding-left:27px}
.poliza span{ background:url(img/bg_poliza_der.gif) no-repeat 100% 0;display: inline-block;padding:6px 1em 0.5em 0em;}
.poliza *{ color:#113184}
.poliza label{ font-size:1.3em; font-weight:bold}
.poliza input{border:0; background:none}
/*modFrmTit*/
.modFrmTit{background:url(img/bg_mod_tit.png) no-repeat 0 0; width:602px; height:2.9em; text-align:center; padding:22px 0 0 0;}
.modFrmTit_ie{background:url(img/bg_mod_tit.gif) no-repeat 0 0}
.modFrmTit p{ color:#113184; font-size:1.4em;}
/*modFrm*/
.modFrm{background:url(img/bg_mod_cen.gif) repeat-y 0 0; font-size:1.1em}
.modFrm_int{ background:url(img/bg_mod_sup.gif) no-repeat 0 0;}
.modFrm_int2{ background:url(img/bg_mod_inf.gif) no-repeat 0 100%; padding:25px; width:552px}
.modFrm .titu02{background:url(img/bg_legend.gif) no-repeat 0 100%; color:#113184; display:block; width:100%; padding:0 0 18px 0; font-size:1.4em; font-weight:bold; margin-bottom:20px}
.modFrm .titu02 span{ background:url(img/bolo01.gif) no-repeat 0 center; padding:0 0 0 10px}
/**/
.modFrm fieldset{padding:0 0 20px 0}
.interior{padding:0 10px}
.fila {clear: both;float: none;height: 100%;margin: 0;overflow: hidden;margin-bottom: 8px;}
.fila label { float:left; width:76px; padding:0 2px 0 0; color:#333333}
.fila input {margin:0 16px 0 0; float:left; width:166px; padding:0 2px 0 0}
.fila2 {clear: both;float: none;/*height: 100%;*/margin:16px 0 0 0;overflow: hidden;}
.fila2 label {margin-bottom: 10px; padding:0 2px 0 0; color:#333333; display:block; font-weight:bold}
.fila2 input {margin:0 16px 10px 0; width:166px; padding:0 2px 0 0}
/*anchos titulos margenes*/
.wFecha{width:100px}
.w520{width:520px}
.w320{width:320px}
.w130{width:130px}
.wAuto{ width:auto!important}
.padTop30{padding-top:30px}
.titu03{ background:url(img/bg_titu03_izq.gif) no-repeat 0 0; padding:0 0 0 11px; margin-bottom:20px; display:inline-block;}
.titu03 span{ background:url(img/bg_titu03_der.gif) no-repeat right top; padding:0; display:inline-block;}
.titu03 span span {background: url("img/bg_titu03_inf.gif") no-repeat scroll 75% bottom transparent;color: #FFFFFF;font-size: 0.75em;padding:7px 20px 11px 0; display:inline-block;}

/*TABLAS*/
.tabla01 {clear: both;margin: 20px 0 16px;vertical-align: middle;width: 100%; }
.tabla01 th {background-color: #313132;color: #313132;font-size: 1.2em;font-weight: bold;padding: 14px 10px 12px; text-align:center}
.tabla01 th span{ background:url(img/bg_h.gif) repeat-x 0 100%; display:block; padding-bottom:10px}
.tabla01 td {padding: 6px 10px 5px;}
.tabla01 .t01 {background-color:#f6f7fa}
.tabla01 .t02 {background-color:#f3f4f9; border-left:3px solid #ffffff}
.tabla01 td label{font-size:1em; float:left; padding-right:14px}
.tabla01 td input{ float:left}

/*btn01*/
.botoneraCen{text-align:center; margin:0 auto}
.btn01{background:url(img/btn01_izq.png) no-repeat 0 0;padding:0 0 0 12px; display:inline-block;}
.btn01 input{color:#ffffff; background:url(img/btn01_der.png) 100% 0 no-repeat;padding:7px 30px 8px 20px;cursor:pointer;white-space:nowrap;overflow:visible; width:auto; display:inline-block; border:0}
.btn01 a{color:#ffffff;background: url(img/btn01_der.png) 100% 0 no-repeat;padding:4px 10px 4px 0;cursor:pointer;white-space:nowrap;overflow:visible; width:auto; display:inline-block; border:0; font-weight:bold}
.btn01 a:hover{text-decoration:underline; color:#ffffff}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .btn01 { padding:0 0 0 10px; }.btn01 input{margin-top:0; padding-top:8px}}

/**/
.spc{border:2px solid #c4cce1; background:#f1f3f8; padding:4px 8px; display:inline-block; margin:0 0 20px -8px}
.spc label{color:#000000}

/****************LISTADOS******************/
.ulRadio, .ulRadio li{list-style:none; margin:0; padding:0}
.ulRadio li label{font-size:1em; color:#333333}

/**********MODULOS***************/
.cont01{background:url(img/bg_cont01_sup.gif) no-repeat 0 0; padding:9px 0 0 0; margin:0 0 13px 0}
.cont01 .int{background:url(img/bg_cont01_inf.gif) no-repeat 0 100%; padding:0 0 9px 0}
.cont01 .int2{background:url(img/bg_cont01_cen.gif) repeat-y 0 0; padding:0 16px; overflow:hidden; height:100%}
.unico{background:none; padding:9px 0 0 0; margin:0 0 13px 0}
.unico .int{background:none; padding:0 0 9px 0}
.unico .int2{background:none; padding:0 16px; overflow:hidden; height:100%}

.tt{cursor:pointer}
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip p, #tooltip div { margin: 0; }
#tooltip.tooltip01 {border: none;padding:41px 7px 0 7px;opacity:1;background:url(img/tooltip_sup.png) no-repeat 0 0;}
#tooltip.tooltip01 div.inner {background:url(img/tooltip_inf.png) no-repeat 0 100%;width: 318px;}
#tooltip.tooltip01 p {padding:0 20px 0px 20px; top:-20px; position:relative; color:#000000}


/*6 marzo: formulario nuevo*/
.alCentro { text-align:center}
.m2oculto {display:block; position: absolute; left: -999em; text-indent: -999em; line-height: 0;}
#contenido.modelo2 .fila input.w30 {width: 30px}
#contenido.modelo2 .fila input.w90 {width: 90px}
#popUp2 #cuerpo .wrap #contenido.modelo2 {margin:0 48px; background-image:none; min-height:20em}
.fotoCabecera { float:right;padding: 0 20px 0 0 ; margin-bottom:-8px; display:block; position:relative}
#contenido.modelo2 .fila { margin-bottom:12px}
#contenido.modelo2 .nota { font-size:.9em}
#contenido.modelo2 .fila input {float:none; display:inline-block; width:auto}
#contenido.modelo2 .fila label { display:inline-block;padding: 2px 12px 0 0; width:auto; float:none}
#contenido.modelo2 .fila select {display:inline-block; margin: 0 16px 0 0;font-family: Arial, Helvetica, sans-serif;font-size: 1.3em;}
#contenido.modelo2 .fila .ulRadio { float:none;display:inline; display:inline-block;list-style: none;margin: 0;padding: 0}
#contenido.modelo2 .frm01 .ulRadio li {float:none;display:inline; display:inline-block}
* html #contenido.modelo2 .frm01 .ulRadio { display:inline; position:relative; vertical-align:middle  }
*+html  #contenido.modelo2 .frm01 .ulRadio  {display:inline; position:relative; vertical-align: middle} 
* html #contenido.modelo2 .frm01 .ulRadio li { display:inline; position:relative; vertical-align:middle}
*+html  #contenido.modelo2 .frm01 .ulRadio li {display:inline; position:relative; vertical-align:middle} 
#contenido.modelo2 .frm01 .ulRadio li input { margin: 4px;}
#contenido.modelo2 .frm01 span.label {    font-size: 1.2em;}
#contenido.modelo2 .frm01 label.especial { font-weight:bold}
.modFrm .m2columnas {font-size:.9em; padding-top:30px}
.m2columnas .m2colIzda { float:left; width:51%}
.m2columnas .m2colDcha {float:right; width:48%}
.fila input.btnResultado, #m2Resultado.fila input.w205{ padding: 3px 10px; text-transform:uppercase}
.fila input.btnResultado { width:auto;overflow:visible}
.m2columnas .c1, .m2columnas .c2 , .m2columnas .c3 { display:inline-block;margin-right:2%;width: 30%} 
.m2columnas .c1 {text-align:right}
#contenido.modelo2 .fila .c1 label { padding:0}
#contenido.modelo2 .fila  .c2 input { width:6em}
#contenido.modelo2 .fila .c3 input { width:84%; margin-right:0}
#contenido.modelo2 .fila .c1 select { margin-right:0}
#contenido.modelo2 .fila input, #contenido.modelo2 .fila select { font-size:1.2em}