/* CSS Document*/
/*** Tags HTML ***/
* {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; margin:0; padding:0;}
body {margin:0; padding:0; border:0; text-align:center;}
html>body {margin:0; padding:0;}
a, a:hover {text-decoration:none;}
div {overflow:hidden;}
form {margin:0; padding:0;}
img {border:0;}
.separa {clear:both; height:1px; margin:0; padding:0;}

/*-------------------oo------------------------*/

/*IMAGEN PARA EL BODY*/
body.sinsup {background:url(/prontus_supervisores/imag/back/bg_body.jpg) no-repeat center top;}


/* BLOQUES PRINCIPALES*/
#main {width:996px; margin:0 auto; text-align:left; background:url(/prontus_supervisores/imag/back/bg_main.gif) repeat-y left top;}
#main .auxi-main {width:980px; margin:20px auto;}
#head {width:996px; margin:0 auto; text-align:left;}
#footer {width:996px; margin:0 auto 15px; text-align:left; background:url(/prontus_supervisores/imag/back/bg_footer.gif) repeat-y left top; border-bottom:1px solid #CCCCCC;}
/**/
#cont-left {width:630px;  float:left; margin:10px 0 10px; padding:0; }
#cont-right {width:315px; float:right; margin:0;}
#cont-rightop {width:315px; float:right; margin:0;}
/**/
#content-art {margin:0; padding:0;}
#content-art .auxi-art {margin:10px;}

/*-------------------oo------------------------*/

/*HEAD*/
#head .logo {width:405px; float:left; height:110px;}
#head .foto-fade {width:590px; float:right; height:110px;}

/*botonera*/
#head .botonera {width:996px; margin:0; background:url(/prontus_supervisores/imag/head/bg_botonera.jpg) no-repeat left top;}
#head .botonera .auxi {width:995px; margin:1px 0 0;}
#head .botonera a {display:block; float:left; height:27px; border-left:1px solid #c0c0bf; margin:0;}
#head .botonera a span {display:block; margin:5px 22px 0; font-size:14px; color:#014c8f;}
#head .botonera a:hover {background:#014c8f; border-left:1px solid #014c8f;}
#head .botonera a:hover span {color:#fff;}
/**/
#head .head-bot {margin:6px 0 0; height:40px; background:url(/prontus_supervisores/imag/head/bg_head2.jpg) no-repeat left top;}
#head .head-bot .auxi {margin:0 12px 0;}
#head .head-bot .link-items {margin:12px 0 0; width:675px; float:left;}
#head .head-bot .link-items a {display:block; float:left; margin:0 15px 0 0;}
#head .head-bot .link-items a img {float:left; margin:0 3px 0 0;}
#head .head-bot .link-items a span {color:#014c8f; font-size:11px;}
#head .head-bot .link-items a:hover span {color:#CC0000;}

/*buscador*/
#head .buscador {width:213px; height:27px; float:right; margin:6px 0 0; background:url(/prontus_supervisores/imag/head/bg_search.gif) no-repeat left top;}
#head .buscador table {margin:5px 0 0 10px;}
#head .campo {width:155px; font-size:12px; color:#666; border:none; padding:0; margin:0; background:none;}

/*-------------------oo------------------------*/

/*MENÚ RIGHT*/

/*AREA 1*/
#cont-right h1.rotulo-tres {display:block; overflow:hidden; margin:0; padding:0; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#cont-right h1.rotulo-tres span {display:block; margin:10px 15px; font-size:14px; color:#cc0000;}
/* IE6 Only */
* html #cont-right h1.rotulo-tres {width:313px;}
/**/
#cont-right .auxi-right {width:310px;}
#cont-right .ar1 {margin:0; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#cont-right .ar1 .auxi {margin:0 15px 10px;}
#cont-right .ar1 span {font-size:11px; color:#336699;}
#cont-right .ar1 h2.titular, #cont-right .ar1 h2.titular a {display:inline; font-size:11px; color:#333; font-weight:normal;}
#cont-right .ar1 h2.titular a:hover {color:#bb0f26;}
/* IE6 Only */
* html #cont-right .ar1 {width:313px;}
/**/
#cont-right .end {border-bottom:1px solid #CCC; margin:0 0 10px;}

/*AREA 2*/
.box-edic {margin:0 0 10px; border:1px solid #CCC;}
.box-edic .auxi {margin:15px 20px;}
/* IE6 Only */
* html .box-edic {width:313px;}
/**/
.box-edic .ar2 {width:130px; float:left; text-align:center;}
.box-edic .ar2 .foto {margin:0 0 5px;}
.box-edic .ar2 h3.titular, .box-edic .ar2 h3.titular a {font-size:11px; color:#666; font-weight:normal;}
.box-edic .ar2 h3.titular a:hover {color:#bb0f26;}

/*AREA 3*/
.mini-edic {width:115px; float:right;}
/**/
.mini-edic .ar3 {width:115px; text-align:center; margin:0 0 10px;}
.mini-edic .ar3 .foto {margin:0 0 5px;}
.mini-edic .ar3 h3.titular, .mini-edic .ar3 h3.titular a {font-size:11px; color:#014c8f; font-weight:normal;}
.mini-edic .ar3 h3.titular a:hover {color:#bb0f26;}

/*BANNER*/
#cont-right .banner-dos {margin:0 0 10px;}
#cont-right .banner {padding:19px 0 4px 4px; margin:0 0 10px; background:url(/prontus_supervisores/imag/back/bg_publihori.gif) no-repeat left top #cecece;}

/*AREA 4*/
#cont-right h1.rotulo-cuatro {display:block; overflow:hidden; margin:0; padding:0; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#cont-right h1.rotulo-cuatro span {display:block; margin:10px 20px; font-size:12px; color:#cc0000;}
/* IE6 Only */
* html #cont-right h1.rotulo-cuatro {width:313px;}
/**/
#cont-right .ar4 {border-left:1px solid #CCC; border-right:1px solid #CCC;}
#cont-right .ar4 .auxi {margin:0 20px 10px;}
#cont-right .ar4 .foto {float:left; margin:0 7px 0 0;}
#cont-right .ar4 h3.titular, #cont-right .ar4 h3.titular a {font-size:12px; color:#666;}
#cont-right .ar4 h3.titular a:hover {color:#bb0f26;}
#cont-right .ar4 p.bajada {color:#666; font-size:11px; text-align:justify;}
/* IE6 Only */
* html #cont-right .ar4 {width:313px;}

/*-------------------oo------------------------*/

/*ENCUESTA*/
.box-poll {margin:0 0 10px; border:1px solid #CCC; background:url(/prontus_supervisores/imag/back/bg_poll.jpg) no-repeat right top;}
.box-poll .auxi {width:160px; margin:8px 15px;}
.box-poll h1.rotulo {font-size:18px; color:#ce1126; font-weight:normal; margin:0 0 5px; border:0;}
.box-poll h3.titular {font-size:14px; color:#000; font-weight:normal; margin:0 0 10px;}
.box-poll .item {color:#000; font-size:11px; margin:0 0 5px;}
.box-poll .boton {background:#014c8f; padding:2px 4px; font-size:11px; color:#FFF; cursor:pointer; border:none;}
.box-poll .nav {margin:5px 0 0; color:#000; font-size:11px;}
.box-poll .nav a {color:#014c8f;}
.nav a:hover {color:#bb0f26;}
.box-poll .enc-gracias {font-family:Arial,Tahoma,sans-serif; margin:0; font-size:11px; color:#FF0000; text-align:center; font-weight:bold;}

/*-------------------oo------------------------*/

/*FOOTER*/
#footer .auxi-foot {width:700px; margin:10px auto; text-align:center;}
#footer .auxi-foot h2.titular {color:#666; font-size:14px; font-weight:normal;}
#footer .auxi-foot p {color:#666; font-size:11px;}
#footer .auxi-foot p a {color:#014c8f;}
#footer .auxi-foot p a:hover {color:#bb0f26;}


/*FIN*/