/* elementos básicos */
body {position:relative; margin:0; padding:0;}
#page div, #page ul, #page li, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page img, #page table, #page span {position:relative; overflow:hidden; margin:0; padding:0; float:none; border:none;}
#page {font:normal 12px/150% Arial, Helvetica, sans-serif; color:#333; line-height:17px}
#page p {position:relative; overflow:hidden; margin:0;  float:none; border:none;}

	/* elementos de Títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {padding:0; margin:0 0 1em 0; line-height:normal; font-weight:bold; letter-spacing:-0.03em; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;}
#page h1 a:link, #page h2 a:link, #page h3 a:link, #page h4 a:link, #page h5 a:link, #page h6 a:link, #page h1 a:visited, #page h2 a:visited, #page h3 a:visited, #page h4 a:visited, #page h5 a:visited, #page h6 a:visited {text-decoration:none;}
#page h1 {font-size:24px; color: #0066cc; margin-bottom:20px;}
#page h2 {font-size:24px; color:#0066cc; margin-bottom:10px} 
#page h2.bigger {font-size:18px; color:#0066cc; margin-bottom:10px; font-weight:normal} 
#page h3 {font-size:14px; color:#333;}
#page h4 {font-size:14px; color:#0066cc;}
#page h5 {color:#333;}
#page h6 {color:#333;}

	/* elementos de texto */
#page small {font-size:11px; color:#666;}
#page b,#page strong{/*negrita*/}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden; background:transparent; clear:both; height:1px; border:none; border-top:1px solid #DDD; margin:20px 0;}


	/* política de enlaces */
#page a:link {text-decoration:underline; color: #0066cc; font-weight:normal;}
#page a:visited {text-decoration:underline; color: #0066cc; font-weight:normal;}
#page a:hover, #page a:active {text-decoration:underline; color: #003871;}
#page a img {border:0;}
#page #destacado .txt a:link, #page #destacado .txt a:visited,#page #destacado .txt a:hover {color:#fff;}

	/* listas */
#page #content ul {list-style:none; margin:2em;}
#page #content ul li {list-style:none; margin-bottom:1.2em; font-weight:bold; color:#333; background:url(../images/bullet.png) 0 6px no-repeat; padding-left:10px;}

	/* formularios */
#page fieldset {border:none; padding:0;}
#page fieldset legend {}
#page fieldset span {}
#page label {color:#333; font-size:11px; display:block; float:left; padding-top:3px;} 
#page input {} 
#page textarea{} 
#page textarea:focus, #page #container input:focus {} 
#page select {}


/********************** MAQUETACIÓN *******************************/

/* PAGE */
#page {background: #DFE4E6 url(../images/fnd_body.png) 0 0 repeat-x; height:100%;}
#page #page_wrap {width:940px; margin:0 auto; background:url(../images/fnd_page.png) 0 0 no-repeat;}
#page .wrap {margin:0 auto;}
#page .wrap .wrap {margin:0 auto;}
#page .wrap .wrap .wrap {margin:0;}


/** HEADER **/
#page #header {width:100%; height:60px;}
#page #header .wrap {height:134px;}
#page #header #logo {width:328px; top:15px; left:0;}
#page #header #logo img {float:left}
#page #header #logo p {float:left; margin:24px 0 0 5px}
#page #header #logo strong {color:#ABC5DC;}

/** SHORTCUTS **/
#page #shortcuts {float:right; margin:40px 10px 0 0; color:#CDEFF7; font-size:12px; width:550px; text-align:right;}
#page #shortcuts .wrap {}
#page #shortcuts a {color:#FFCC00; text-decoration:underline; font-weight:bold; font-size:15px;}
#page #shortcuts a.connected {color:#FFF; text-decoration:underline; font-size:12px;}


/** LAYER NAV **/
#page #layer_nav {position:absolute; top:10px; right:0px;}
#page #layer_nav .wrap{margin:0;}
#page #layer_nav ul {position:relative;}
#page #layer_nav li {display:block; text-align:center; font-size:12px; float:left; height:30px; margin:0 11px 0 0;}
#page #layer_nav li a{text-decoration:none; color:#E0E9F1; font-weight:bold; margin:0 0 0 8px; padding:6px 0 10px 0px;  display:block;}
#page #layer_nav li:hover, #page #layer_nav li .over{ float:left;}
#page #layer_nav li a:hover{color:#FFF;}
#page #layer_nav li.selected {}
#page #layer_nav li.selected a{color:#7092B4;  display:block;}


/** FOOTER **/
#page #footer {width:100%; margin:0px 0 20px 0;  padding:0; color:#666}
#page #footer a {color:#666}
#page #footer .wrap{}
#page #footer #end_footer {border-top:1px solid #B7B7B7; padding-top:8px}
#page #footer #texfooter {float:left;}
#page #footer #texfooter a {}
#page #footer #powered {float:right; font-size:10px; padding-right:15px;}
#page #footer #powered a {}

#page #footer #links {position:relative; overflow:hidden;background-color:#017AD0;  padding:0 40px 20px 40px; width:940px; border-top:5px solid #63AFE5; margin-bottom:50px; }
#page #footer #links .grouplinks ul {margin:5px 0 0 10px; padding:0; list-style:none; }
#page #footer #links .grouplinks li {margin:0 0 2px 0; padding:0; list-style:none}
#page #footer #links .grouplinks li a {color:#FFF; text-decoration:none}
#page #footer #links .grouplinks li a:hover {color:#FFF; text-decoration:underline}
#page #footer #links .grouplinks {position:relative; float:left; width:180px;  margin:15px 35px 15px 0; background-color:#017AD0;}
#page #footer #links .grouplinks strong{font-size:14px; color:#FFCC00; margin-bottom:5px}

#page #container #content #content_bottom {margin-top:20px}
#page #container #content #content_bottom .pregunta {font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size:190%; height:25px; color:#0066cc; padding:5px 0; font-weight:bold; letter-spacing:-0.04em;}


/** CONTAINER **/
#page #container {padding:0; margin:30px 0 0 0;}
#page #container .wrap{}

	/*uncol*/
#page #container #content {}
#page #container #content .wrap {}

#page #container #content #top_box {height:20px; background:url(../images/top_box.gif) 0 0 no-repeat; padding:0 40px}
#page #container #content #bottom_box {height:20px; background:url(../images/bottom_box.gif) 0 0 no-repeat; padding:20px 40px}
#page #container #content #middle_box {background:url(../images/middle_box.gif) 0 0 repeat-y; width:860px; padding:20px 40px;}

	/*content*/
#page #container #content .untercio {float:left; margin:0 50px 0 0; width:250px;}
#page #container #content .dostercios {float:left; width:570px; margin-right:10px;}
#page #container #content .unmedio {float:left; width:420px; margin-right:20px;}
#page #container #content .uncuarto {float:left; width:199px; margin:20px 20px 20px 0; display:inline;}
#page #container #content .last{margin-right:0;}

	/*btn*/
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat;font-size:11px;margin:5px 0 5px 0;padding:0 10px;height:31px;float:right;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat;padding:7px 10px 7px 0; color:#FFF; font-weight:bold; font-size:14px; display:block; text-decoration:none;}
#page .btn a:visited {color:#FFF;text-decoration:none;}
#page .btn a:hover {text-decoration:underline;}

	/*logos*/
#page #logos{background-color:#FFEFAE; padding:25px 20px; margin:30px 0 0 0; height:60px;}
#page #logos a{margin:0 30px 0 0;}
	
	/*auxiliares*/
#page .floatleft{float:left;}
#page .floatright{float:right;}
#page img.left {float:left; padding:0px 10px 0 0;}
#page img.right {float:right; padding:0px 0px 0 10px;}
#page .txtleft{text-align:left;}
#page .txtright{text-align:right;}
#page .txtcenter{text-align:center;}
#page .cleaner {clear:both;height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
#page .backcolor {background-color:#E5E5E5}
#page .colored {color:#D11E50;}
#page .colored1 {color:#333333;}
#page .colored2 {color:#0066CC;}
#page .separador {border-bottom:1px solid #DDD}
#page .bloque {width:100%; height:auto; display:inline-block;}


	/*lightbox*/
iframe {background-color:transparent;} 
body.lightbox{font:normal 11px Arial, Helvetica, sans-serif; color:#333; line-height:18px; margin:10px 20px; background-color:transparent;}
body.lightbox #page{background:none;}
body.lightbox #page p{margin-bottom:10px;}
body.lightbox #page p.sep{margin-left:30px;}
body.lightbox #page p.sep_doble{margin-left:60px;}

/*txt*/
#page span.txt_h2{color:#FFCC00; font-size:18px; font-weight:bold; padding-top:15px; letter-spacing:-1px; height:40px; line-height:40px;}
#page span.txt_h3{font-weight:bold; font-size:110%;}

/* caja azul con bordes*/
#page .boxBorder {background-color:#D9E8F7; border:3px solid #B9D5F1; width:834px; padding:10px}
#page .boxBorder .left {float:left}
#page .boxBorder .right {float:right; text-align:right}
#page .boxBorder .left h1 {font-size:18px; font-weight:bold; margin-bottom:1px}
#page .boxBorder .right h2 {margin-bottom:3px}
#page .boxBorder input { /*vertical-align:middle;*/ border:0}
#page .boxBorder strong {font-size:115%}
#page .boxBorder .right big {color: #D11E50; font-weight:bold; font-size:24px}
#page .boxBorder .right .question{float:left; margin-right:20px;}
#page .boxBorder .down {margin-top:7px}
#page .boxMessage {padding:20px 10px;}
#page .boxMessage a {font-weight:bold}