/* CSS Document - Lipigas - Distribuidores*/

/*** Tags HTML ***/
* { font-family:Arial,Helvetica,Sans-Serif,Verdana,Tahoma;}
body { margin:0px; padding:0px; border:0px; background:url(/prontus_distribuidores/imag/auxi/back_curva2.gif) no-repeat center top; background-color:#FFFFFF;}
html>body { margin:0px; padding:0px;}
a { text-decoration:none; }
a:hover { text-decoration:none; color:#CC0000; }
a:hover * { text-decoration:none; }
form { margin:0px; padding:0px;}
.separa  {clear:both;}

/* BLOQUES PRINCIPALES */
#head, .head {width:779px; overflow:hidden; clear:both; margin:0; padding:0;}
#main {overflow:hidden; width:755px; clear:both; margin:0; padding:0; background:url(/prontus_distribuidores/imag/port/back_uno.gif) repeat-y left center;}
#mainLog {overflow:hidden; width:440px; clear:both; margin:0; padding:0;}
#footer {overflow:hidden; width:750px; clear:both; margin:5px 0 10px; height:75px; background:url(/prontus_distribuidores/imag/foot/back_foot.jpg) no-repeat left top;}
.mainFoot {overflow:hidden; width:755px; clear:both; margin:0; padding:0 0 5px; background:url(/prontus_distribuidores/imag/port/back_foot1.jpg) no-repeat left bottom;}
.mainTop {overflow:hidden; width:755px; clear:both; margin:0 0 42px; padding:5px 0 1px; background:url(/prontus_distribuidores/imag/port/back_top1.jpg) no-repeat left top; text-align:left;}

/*ACCESO*/
#mainAcceso {overflow:hidden; width:596px; clear:both; margin:0; padding:0;}
.accesoFoot {overflow:hidden; width:596px; clear:both; margin:68px 0 0; padding:0; background:url(/prontus_distribuidores/imag/acce/foot.jpg) no-repeat left bottom;}
.accesoTop {overflow:hidden; width:596px; clear:both; margin:0 0 45px; padding:0; background:url(/prontus_distribuidores/imag/acce/top.jpg) no-repeat left top; text-align:left;}
.accesoTop .bajada {margin:58px 17px 20px 55px; clear:both; font-size:12px; font-weight:bold; color:#01377D;}
.accesoTop .texto {font-size:12px; font-weight:normal; color:#000000;}
.accesoTop .separa, .accesoTop .separa a {font-size:11px; color:#003366;}
.accesoTop .separa a:hover {color:#FF6600;}


/*FOOTER*/
#footer, #footer * {font-size:11px; color:#01377D;}
#footer .texto {margin:0; clear:both;}

/*MARGIN CERO*/
.col287 .area2 .bajada p, .col280 .area2 .bajada p {margin:0;}
/*HOVER ROJO*/
.col275 .area1a a:hover, .col275 .area1b a:hover, .encuesta a:hover, .col287 .area2 .titular a:hover, #footer *:hover, .col287 .area2 .titularL a:hover {color:#CC0000;}
/*HOVER NEGRO*/
.eco .nar:hover {color:#000000;}

/*MAIN*/
.rotulo, .eco .rotulo {font-size:14px; font-weight:bold; color:#FF9900; margin:0 0 7px;}
/*primera columna*/
.col275 {width:275px; float:left; clear:left; overflow:hidden; margin:53px 0 0;}
.col275 .area1a {width:215px; clear:both; margin:0 0 5px 10px; padding:0 0 5px; background:url(/prontus_distribuidores/imag/port/ico_corazon1.gif) no-repeat left top; border-bottom:1px solid #FFF9E1;}
.col275 .area1b {width:215px; clear:both; margin:0 0 5px 10px; padding:0 0 5px; background:url(/prontus_distribuidores/imag/port/ico_corazon1.gif) no-repeat left top; border-bottom:1px solid #FFF9E1;}
.col275 .area1a a {display:block; margin:0 0 0 20px; font-size:12px; color:#000000;}
.col275 .area1b a {display:block; margin:0 0 0 20px; padding:0 20px 3px 0; font-size:12px; color:#000000; background:url(/prontus_distribuidores/imag/auxi/ico_act.gif) no-repeat right top;}
/**/
.encuesta {width:205px; clear:both; overflow:hidden; margin:60px 0 0 28px; font-size:11px; color:#4C483A;}
.encuesta a {font-size:11px; color:#4C483A;}
/*segunda columna*/
.col287 {width:275px; float:left; overflow:hidden; margin:53px 0 0;}
.col287 .area2 {width:235px; clear:both; overflow:hidden; margin:0 0 7px 12px;}
.col287 .area2 .foto {float:left; overflow:hidden; border:3px solid #FFFBEB; margin:0 11px 0 0;}
.col287 .area2 .titular, .col287 .area2 .titular a {font-size:11px; font-weight:bold; color:#000000;}
.col287 .area2 .titularL {font-size:14px; font-weight:bold; color:#FF9900; background:url(/prontus_distribuidores/imag/auxi/flecha_nar.gif) no-repeat left top;}
.col287 .area2 .titularL a {font-size:14px; font-weight:bold; color:#FF9900; margin:0 0 0 12px;}
.col287 .area2 .bajada {font-size:11px; color:#000000;}
/**/
.indica {width:235px; clear:both; overflow:hidden; margin:0 0 13px 12px; padding:12px 0 0; border-top:1px solid #FFF9E1;}
/*tercera columna*/
.col280 {width:205px; float:left; clear:right; overflow:hidden; margin:11px 0 0;}
/**/
.col280 .search {background:url(/prontus_distribuidores/imag/sear/back_search.gif) no-repeat left top; clear:both; margin:0 0 10px 12px;}
.search table {margin:0 0 0 6px;}
.search .campo {font-family:Arial,Helvetica,Sans-Serif,Verdana,Tahoma; font-size:12px; color:#000000; border:1px solid #FFFFFF;}
/**/
.col280 .banner {margin:0 0 7px 12px; clear:both;}
/**/
.col280 .area3 {width:180px; clear:both; margin:0; border-top:1px solid #345F97; padding:2px 0 0; font-size:11px; color:#FFFFFF;}
.col280 .area3 .titular, .col280 .area3 .titular a {font-size:14px; font-weight:bold; color:#FFFFFF; margin:0 0 0 7px;}
.col280 .area3 .titular a:hover {color:#459DD2;}
.col280 .area3 .player {clear:both; margin:0 0 3px;}
.col280 .area3 p {margin:0 0 0 7px;}
.col280 .area3 .titular p {margin:0;}

/*LOGIN*/
.loginFoot {overflow:hidden; width:440px; clear:both; margin:68px 0 0; padding:0; background:url(/prontus_distribuidores/imag/logi/foot_login.jpg) no-repeat left bottom;}
.loginTop {overflow:hidden; width:440px; clear:both; margin:0 0 45px; padding:0; background:url(/prontus_distribuidores/imag/logi/top_login.jpg) no-repeat left top; text-align:left;}
.loginTop .bajada {margin:58px 17px 20px; clear:both; font-size:14px; font-weight:bold; color:#F19101;}
.loginTop .campo {height:35px; background:url(/prontus_distribuidores/imag/logi/campo_login.jpg) no-repeat left top;}
.loginTop .texto {font-size:12px; font-weight:normal; color:#000000;}
.loginTop .field {margin:4px 5px 0; padding:0; border:none; font-size:12px; font-weight:normal; color:#000000; background:none; width:180px;}
.loginTop .boto {cursor:pointer; border:none;}
.loginTop .separa, .loginTop .separa a {font-size:11px; color:#003366;}
.loginTop .separa a:hover {color:#FF6600;}

/*INDICADORES*/
.eco {width:235px; clear:both; overflow:hidden; margin:0 0 7px 12px; padding:5px 0 0; border-top:1px solid #FFF9E1; color:#333129; font-size:11px;}
.eco {width:400px; clear:both; overflow:hidden; margin:0 0 7px 12px; padding:5px 0 0; border-top:1px solid #FFF9E1; color:#333129; font-size:11px;}
.eco * {color:#333129; font-size:11px;}
.ecoL {width:114px; float:left; clear:left; overflow:hidden; border-right:1px solid #CBC4A3;}
.ecoR {width:114px; float:right; clear:right; overflow:hidden;}
.eco .nar {font-size:11px; font-weight:bold; color:#FF9900;}

/*INDICADORES*/
.eco2 {width:235px; clear:both; overflow:hidden; margin:0 0 7px 12px; padding:5px 0 0; border-top:1px solid #FFF9E1; color:#333129; font-size:11px;}
.eco2 {width:400px; clear:both; overflow:hidden; margin:0 0 7px 12px; padding:5px 0 0; border-top:1px solid #FFF9E1; color:#333129; font-size:11px;}
.eco2 * {color:#333129; font-size:11px;}
.ecoL2 {width:114px; float:left; clear:left; overflow:hidden; border-right:1px solid #CBC4A3;}
.ecoR2 {width:114px; float:right; clear:right; overflow:hidden;}
.eco2 .nar {font-size:11px; font-weight:bold; color:#FF9900;}

/*ENCUESTA*/
.encuesta {width:205px; clear:both; overflow:hidden; margin:25px 0 7px 28px; padding:5px 0 0; color:#4C483A; font-size:11px;}
.encuesta .rotulo {font-size:14px; font-weight:bold; color:#FF9900; margin:0 0 7px;}
.encuesta * {color:#4C483A; font-size:11px;}
.boto {font-family:Arial,Helvetica,Sans-Serif,Verdana,Tahoma; font-size:11px; font-weight:bold; color:#4C483A; background:url(/prontus_distribuidores/imag/auxi/back_boto.gif) repeat-x left top; border:1px solid #837F6A; cursor:pointer;}


/*FIN*/