/* INI popup */
div.popup{
	position:absolute;
	text-align:left;
	width:400px;
	background:url('../images/fondo_popup.gif') bottom left repeat-x #f0f0f0;
	z-index:999;
	padding:0;
	overflow:visible;
	border:1px solid #909090
}
div.popup_content{padding:0 10px 4px 10px;overflow:auto;height:280px}
#popup_overlay{
  background-color:#f0f0f0;
  /* The following properties should not be changed */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:500px;
}
span.popup_link,a.popup_link{
  cursor:pointer;
  border-bottom:1px dotted;
}
span.popup_closebox{cursor:pointer}
.popup_draghandle{cursor:move}
.popup_titlebar{background:#336699;color:#ffffff;text-align:right}
/* END popup */

div.sized{width:800px;height:500px;padding:10px;overflow:auto}

/*td{vertical-align:middle}*/

h1,.title{
	font-size:150%;
	font-weight:bold;
	color:#909090;
}
h2,.title2{
	font-size:130%;
	font-weight:bold;
	color:#909090;
}
h3,.boxtitle{
	font-size:110%;
	font-weight:bold;
	color:#909090;
}

h1 img,h2 img,h3 img{vertical-align:middle}

/*
pre{color:#666666}
legend{color:#888888;font-weight:bold}
*/

.imagebox{margin:0;padding:4px;border:0}
.textbox{margin:2px;text-align:justify}
.box,.boxthin{
	border:.1em solid #cccccc;
	margin-top:.2em;
	background:url('../images/fondo_popup.gif') bottom left repeat-x #f0f0f0;
}
.box{
	padding:8px 24px;
}
.boxthin{
	padding:4px;
}
.boxtitle{
	margin:0;
	padding:2px;
	border:none;
	text-align:left;
	background-color:#eeeeee;
}
.boxcontent{
	margin:0;
	padding:8px 2px 16px 2px;
	border:none;
	text-align:left;
	background:url('../images/fondo_popup.gif') bottom left repeat-x #f0f0f0;
}
p.boxtitle{background-color:transparent}
th,.celda1,.destacado,.destacado_doble{background:#999999;padding:1px;color:#ffffff}
hr{border:1px solid #cccccc;height:1px;}
.mini{font-size:90%;}
.maxi{font-size:110%;}
.border{border:1px solid #c0c0c0}
.underline{border-bottom:1px solid #c0c0c0}
.overline{border-top:1px solid #c0c0c0}
.coloreado{background-color:#f0f0f0}
form{margin:0}
textarea, input, select{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#555566;
}
input.boton{width:10em;cursor:pointer}
input.botonbig{width:10em;height:4em;cursor:pointer}
.inverted{color:#e0e0e8}
.resaltado1{background:#ffff66}
.resaltado2{background:#a1fd02}
.listadoclaro{background:#F8F8F8}
.listadonormal{background:#F0F0F0}
.listadoresaltado{background:#fbf1c9}
.listadodestacado1{background-color:#ccccff}
.listadodestacado2{background-color:#ffcccc}

.ball_blue,.ball_red{padding:2px 2px 2px 20px}
.ball_blue{background-image:url('../images/shell/bullet_ball_glass_blue16.gif')}
.ball_red{background-image:url('../images/shell/bullet_ball_glass_red16.gif')}
.ball_blue,.ball_red{background-position:top left;background-repeat:no-repeat}

a.boton:link,a.boton:visited,a.boton:hover,a.boton:active{color:#555566;border:.1em solid #003c74;padding:2px 8px;text-decoration:none;background:#f8f8f8}
a.boton_next:link,a.boton_next:visited,a.boton_next:hover,a.boton_next:active,
a.boton_prev:link,a.boton_prev:visited,a.boton_prev:hover,a.boton_prev:active,
input.boton_next,input.boton_save{color:#555566;border:1px solid #003c74;text-decoration:none}
a.boton_next:link,a.boton_next:visited,a.boton_next:hover,a.boton_next:active{padding:3px 10px 3px 24px;background:url('../images/flechita_open.gif') top left no-repeat #f8f8f8}
a.boton_prev:link,a.boton_prev:visited,a.boton_prev:hover,a.boton_prev:active{padding:3px 10px 3px 24px;background:url('../images/flechita_back.gif') top left no-repeat #f8f8f8}
input.boton_next,input.boton_save{padding:2px 8px 2px 24px;cursor:pointer}
input.boton_next{background:url('../images/flechita_open.gif') top left no-repeat #f8f8f8}
input.boton_save{background:url('../images/flechita_save.gif') top left no-repeat #f8f8f8}

div.message{background-color:#ffffdb;color:#333333;border:2px solid #f6e4b8;padding:4px;margin:0 0 1em 0}

div.date{float:left;padding:2px 4px 2px 4px;background:#fff9dd;color:#663333;text-align:center;font-size:12px;border:1px solid #333366}
div.date span{display:block;font-size:16px;font-weight:bold}

.menu div{padding:4px 0}

.cuadrante{color:#666666;font-weight:bold}

a:link,a:visited{color:#0000ff;text-decoration:none}
a:hover,a:active{color:#0000ff;text-decoration:underline}

img.ico{
	margin:0 8px 0 0;
	float:left;
	width:36px;
	height:25px;
}

.separado0{padding-top:0.5em}
.separado1{padding-top:1em}
.separado2{padding-top:2em}
.separado3{padding-top:3em}
.separado1both{padding-top:1em;padding-bottom:1em}
.separado2both{padding-top:2em;padding-bottom:2em}
.separado3both{padding-top:3em;padding-bottom:3em}

div.fila{clear:both;margin:0px;padding:0px;border:0px}
div.columna,div.columnadoble{float:left;padding:0px;margin:0px;border:0px}
div.columna{width:33%}
div.columnadoble{width:66%}
div.bloque,div.bloqueposit{
	padding:6px 6px 0px 6px;
	margin:4px 0px 0px 0px;
	border:0px;
	width:206px
}
div.bloque{background:url('../images/fondo_bloque.gif') top left no-repeat}
div.bloqueposit{
	background:url('../images/fondo_bloqueposit.gif') top left no-repeat;height:115px;
	font-size:9px;
	color:#336699;
	width:200px;
	overflow:auto
}
div.bloquedoble{
	background:url('../images/fondo_bloquedoble.gif') top left no-repeat;
	padding:6px;
	margin:4px 0px 0px 0px;
	border:0px;
	width:424px
}
.bloque_titulo{
	background:url('../images/flechita.gif') top left no-repeat;
	padding:2px 2px 4px 20px;
	font-weight:bold;
}
.bloqueposit_titulo{color:#c9450e;font-weight:bold;margin-bottom:4px}
.bloque_item,.bloque_item_blink,.bloque_item_noticia{padding:2px 2px 2px 20px}
.bloque_item,.bloque_item_noticia{background-image:url('../images/flechita2.gif');background-position:top left;background-repeat:no-repeat}
.bloque_item_new{padding:2px 2px 2px 45px;background:url('../images/flechita2new.gif') top left no-repeat}
.bloque_item_noticia{height:96px;overflow:hidden}
.bloque_item_blink{background:url('../images/flechita2blink.gif') top left no-repeat}
.bloque_item a:link, .bloque_item a:visited,
.bloque_item_new a:link, .bloque_item_new a:visited,
.bloque_item_blink a:link, .bloque_item_blink a:visited,
.bloque_titulo a:link, .bloque_titulo a:visited{
	text-decoration:none;
	color:#3075aa; /* 575da4 */
}
.bloque_item a:hover, .bloque_item a:active,
.bloque_item_new a:hover, .bloque_item_new a:active,
.bloque_item_blink a:hover, .bloque_item_blink a:active,
.bloque_titulo a:hover, .bloque_titulo a:active{
	text-decoration:underline;
	color:#0000ff; /* 3c75aa */
}
.nodo_titulo{
	background:url('../images/flechita4.gif') top left no-repeat;
	padding:4px 4px 8px 24px;
	font-weight:bold;
	font-size:12px;
	color:#575da4
}
.nodo_item,.nodo_item_sinflecha{padding:4px 4px 4px 24px;font-size:12px}
.nodo_item{background:url('../images/flechita3.gif') top left no-repeat}
.nodo_item a:link, .nodo_item a:visited{
	text-decoration:none;
	color:#3075aa;
}
.nodo_item a:hover, .nodo_item a:active{
	text-decoration:underline;
	color:#0000ff;
}

ul.pestanas{
	padding:0;
	margin:0;
	list-style-image:url('../images/pixel.gif');
}
ul.pestanas li{
	float:left;
	margin:0 0 0 1px;
	padding:4px 0 0 0px;
	height:24px;
	background:url('../images/fondo_pestana.gif') top left repeat-x #f0f0f0;
	border:1px solid #c0c0c0;
}
ul.pestanas a:link,ul.pestanas a:visited,
ul.pestanas a:hover,ul.pestanas a:active{
	font-weight:bold;text-decoration:none;margin:0 8px;color:#333399
}
ul.pestanas li.on{
	background:url('../images/fondo_pestana_on.gif') top left repeat-x #ffffff;
	border-bottom:1px solid #f0f0f0;
}
ul.pestanas li.on a{border-bottom:none}
div.pestanascontent{clear:both;padding:20px 10px 0 10px;background:url('../images/fondo_pestanascontent.gif') top left repeat-x}

div.folioinforme{width:860px; margin:0 auto}

.invertido a:link,.invertido a:visited,.invertido a:hover,.invertido a:active{color:#00234c}

.deslizador_open{height:9px;background:url('../images/down.gif') center center no-repeat #f0f0f0}
.deslizador_close{height:9px;background:url('../images/up.gif') center center no-repeat #f0f0f0}

.color1{color:#3333aa}

.demo{color:#ff9900;font-weight:bold}

table.megabotones_simuladores td.logo{height:64px;width:69px;vertical-align:middle;padding:9px 0px 8px 9px}
table.megabotones_simuladores td.texto{height:64px;width:436px;vertical-align:middle;padding:9px 70px 8px 0px}
tr.simuladores_megaboton_off{background:url('../images/simuladores/megaboton_off.png') top left no-repeat #cccccc}
tr.simuladores_megaboton_on{background:url('../images/simuladores/megaboton_on.png') top left no-repeat #cccccc}

div.megabotones{margin:0 auto; width:584px}
div.megabotones ul{padding:0; margin:0 auto; list-style-image:url('../images/pixel.gif'); text-align:left}
div.megabotones ul img{vertical-align:middle; float:left; padding-right:10px}
div.megabotones ul li{
	margin:10px 0;
	padding:9px 70px 0px 9px;
	height:55px;
	width:505px;
	background-color:#f0f0f0;
	background-position:top left;
	background-repeat:repeat-x;
	cursor:pointer;
	font-size:110%;
}
div.megabotones ul a:link, div.megabotones ul a:visited,
div.megabotones ul a:hover, div.megabotones ul a:active{
	text-decoration:none;
	color:#666666
}
div.megabotones ul.simuladores li{
	background-image:url('../images/simuladores/megaboton_off.png');
}div.megabotones ul.simuladores li.on{
	background-image:url('../images/simuladores/megaboton_on.png');
}
div.megabotones ul.utiles li{
	background-image:url('../images/utiles/megaboton_off.png');
}div.megabotones ul.utiles li.on{
	background-image:url('../images/utiles/megaboton_on.png');
}
div.megabotones ul.informacioncontratos li{
	background-image:url('../images/informacioncontratos/megaboton_off.png');
}div.megabotones ul.informacioncontratos li.on{
	background-image:url('../images/informacioncontratos/megaboton_on.png');
}

/* INI - sedese */

select#ccaa{
	 font-weight:bold;
	 width:200px;
}
select#ccaa option{
	 font-weight:normal;
}
div.sedese{
	text-align:center;
}
div.sedese img{
	padding:10px;
}
div.sedese_botones{
	text-align:center;
}
div.sedese_botones img{
	padding:0 8px;
}
div.sedese_cuadrante{
	width:870px;
	margin:0 auto;
}
div.sedese_cuadro{
	width:400px;
	border:1px solid #cccccc;
	margin:10px 5px 0 5px;
	padding:10px;
}
div.sedese_cuadro_doble{
	width:800px;
	border:1px solid #cccccc;
	margin:10px 5px 0 5px;
	padding:10px;
}
div.sedese_cuadrante h3{
	margin-top:0;
}
div.sedese_cuadrante ul{
	padding:0;
	margin:0 auto;
	list-style-image:url('../images/pixel.gif');
	text-align:left;
}
div.sedese_cuadrante ul a{
	display:block;
	margin:0;
	padding:4px 30px 2px 10px;
	height:30px;
	width:358px;
	background-color:#f0f0f0;
	background-position:top left;
	background-repeat:repeat-x;
	cursor:pointer;
	font-weight:normal;
}
div.sedese_cuadrante ul a:link, div.sedese_cuadrante ul a:visited{
	background-image:url('../images/sedese/botonli_off.png');
	color:#666666;
}
div.sedese_cuadrante ul a:hover, div.sedese_cuadrante ul a:active{
	background-image:url('../images/sedese/botonli_on.png');
	text-decoration:none;
	color:#000000;
}

/* FIN - sedese */

/* Inicio FadePopup */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1162px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 2px outset;
	background-color: #ECE9D8;
	z-index:1002;
	overflow: auto;
}

.white_content iframe {
	border: none;
}
/* Fin FadePopup */

div.banners {
	text-align: center;
}
div.banners>div {
	display: inline-block;
}
div.banners>div a,
div.banners>div a span{
	color: #000 !important;
	text-decoration: none !important;
}
div.banners>div a img{
	width: 100%;
}
div.banners>div a span{
    display: block;
    position: relative;
	overflow: hidden;
    height: 0;
	margin-top: 0;
    text-align: center;
	font-weight: bold;
	background-color: rgba(255,255,255,0.5);
	padding: 1em 0 0 0;
	-webkit-transition: opacity 0.2s, height 0.2s, margin-top 0.2s;
	-moz-transition: opacity 0.2s, height 0.2s, margin-top 0.2s;
	opacity: 0;
}
div.banners>div a:hover span{
	height: 60px;
	margin-top: -60px;
	opacity: 1;
}

@media (min-width: 1px) {
	div.banners>div {
		width: 100%;
		margin:1em 0;
	}
}
@media (min-width: 320px) {
	div.banners>div {
		width: 94%;
		margin:1em 3%;
	}
}
@media (min-width: 420px) {
	div.banners>div {
		width: 44%;
		margin:1em 2%;
	}
}
@media (min-width: 1024px) {
	div.banners>div {
		width: 30%;
		margin:1em 1.5%;
	}
}
@media (min-width: 1280px) {
	div.banners>div {
		width: 22%;
		margin:1em 1%;
	}
}