/* CSS Document */
/*** Tags HTML ***/
* {font-family:Arial,Helvetica,Sans-Serif,Verdana,Tahoma; margin:0; padding:0;}
body {margin:0; padding:0; border:0; background-color:#FFFFFF;}
html>body {margin:0; padding:0;}
a {text-decoration:none; color:#000000; }
a:hover {text-decoration:none; color:#CC0000;}
a:hover * {text-decoration:none; color:#CC0000;}
h1, h2, h3, h4 {margin:0px; padding:0px; font-variant:normal;}
.separa, .spacer {clear:both; overflow:hidden;}
div {overflow:hidden;}
img {border:none;}

/*ESTILOS PARA EL BODY*/
#head {width:968px; margin:15px auto 0; text-align:left;}
#main {width:968px; margin:0 auto; background:url(/prontus_lipigas/imag/home/back968.jpg) repeat-y left top; text-align:left;}
#main-top {height:15px; background:url(/prontus_lipigas/imag/home/top968.jpg) no-repeat left top;}
#main-foot {background:url(/prontus_lipigas/imag/home/foot968.jpg) no-repeat left bottom;}
#footer {width:970px; margin:20px auto; background:url(/prontus_lipigas/imag/foot/back_footer.jpg) no-repeat left bottom; padding:0; text-align:left;}

/*ESTILOS PARA HEAD*/
#head .logo {width:365px; float:left;}
#head form {margin:0; clear:none; display:inline;}
#head .head-cont {width:590px; float:right;}
#head .head-botonera {text-align:right; margin:0 0 20px; font-size:11px; color:#0066cc;}
#head .head-botonera a {font-size:11px; color:#0066cc;}
#head .head-botonera a:hover {color:#ff6600;}
#head .head-cuerpo {width:490px; margin:0 0 0 85px; font-size:11px;}
#head .head-cuerpo table a {background:url(/prontus_lipigas/imag/auxi/flecha_nar.gif) no-repeat left top; padding:0 15px 0 10px; font-size:11px; color:#ff6600; font-weight:bold;}
#head .head-cuerpo table a:hover {color:#00377c;}
#head .head-cuerpo table img {margin:0 0 10px;}
#head .head-cuerpo table ul {margin:0 0 0 15px;}
#head .head-cuerpo table ul li { list-style:none; /*list-style-image:url(/prontus_lipigas/imag/auxi/flecha_morada.gif);*/ border-bottom:1px solid #eaeef4; padding:0 0 5px; margin:0 0 5px; font-size:12px; color:#01377d; font-weight:bold;}
#head .head-cuerpo table ul li .naranjo {font-size:15px; color:#ff9900; font-weight:bold;}

/*ESTILOS PARA FOOTER*/
#footer .auxi {width:950px; margin:9px auto 0;}
#footer .foot-banner {width:268px; float:left; padding:15px 20px 0;}
#footer .boto-uno {width:115px; margin:25px 0 0; padding:0 5px 0 0; float:left; background:url(/prontus_lipigas/imag/foot/tra_of.gif) no-repeat left top;}
#footer .boto-uno a {display:block; width:115px; background:url(/prontus_lipigas/imag/foot/tra_of.gif) no-repeat left top;}
#footer .boto-uno a:hover {background:url(/prontus_lipigas/imag/foot/tra_on.gif) no-repeat left top;}
#footer .boto-dos {width:120px; margin:25px 0 0; padding:0 5px 0 0px; float:left; background:url(/prontus_lipigas/imag/foot/faq_of.gif) no-repeat left top;}
#footer .boto-dos a {display:block; width:120px; padding:0 5px 0 0px;background:url(/prontus_lipigas/imag/foot/faq_of.gif) no-repeat left top;}
#footer .boto-dos a:hover {padding:0 5px 0 0px;background:url(/prontus_lipigas/imag/foot/faq_on.gif) no-repeat left top;}
#footer .boto-tres {width:96px; margin:25px 0 0; float:left; background:url(/prontus_lipigas/imag/foot/bol_of.gif) no-repeat left top;}
#footer .boto-tres a {display:block; width:96px; background:url(/prontus_lipigas/imag/foot/bol_of.gif) no-repeat left top;}
#footer .boto-tres a:hover {background:url(/prontus_lipigas/imag/foot/bol_on.gif) no-repeat left top;}
#footer .ban-av {width:110px; float:left; margin:0 20px 0 0;}
#footer .ban-av2 {width:110px; float:right; padding:15px 20px 0  0;}

/*HEAD SECUNDARIOS*/
.head-foot {width:968px; margin:0 auto; background:url(/prontus_lipigas/imag/head/footh_968.gif) no-repeat left bottom #ffcc00; text-align:left;}
.head-top {width:968px; margin:0 0 9px; background:url(/prontus_lipigas/imag/head/toph_968.gif) no-repeat left top;}
/*rótulo*/
.head-top .rotulo, .head-top .rotulo-prod {width:310px; float:left; margin:18px 0 0;}
.head-top .rotulo-ext {width:400px; float:left; margin:18px 0 0;}
.head-top .rotulo-pro {width:190px; float:left; margin:18px 0 0;}
.head-top .rotulo-ser {width:210px; float:left; margin:18px 0 0;}
.head-top .rotulo p, .rotulo-ext p, .head-top .rotulo-prod p {margin:0 0 11px 30px; font-size:18px; color:#003366; font-weight:bold; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
.head-top .rotulo-pro p {margin:0 0 11px 20px; font-size:18px; color:#003366; font-weight:bold; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
.head-top .rotulo-ser p {margin:0 0 11px 20px; font-size:18px; color:#003366; font-weight:bold; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
/*botones*/
.head-top .links, .head-top .links-prod {width:655px; float:left; margin:18px 0 0;}
.head-top .links a, .head-top .links-prod a {display:block; float:left; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; padding:0 0 0 14px;}
.head-top .links a span, .head-top .links-prod a span {display:block; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; text-align:center; padding:0 14px 0 0;}
.head-top .links a span span, .head-top .links-prod a span span {display:block; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; text-align:center; padding:0; line-height:25px;}
.head-top .links a:hover, .head-top .links-prod a:hover {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/left_boto.gif) no-repeat left top; padding:0 0 0 14px;}
.head-top .links a:hover span, .head-top .links-prod a:hover span {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/right_boto.gif) no-repeat right top; text-align:center;}
.head-top .links a:hover span span, .head-top .links-prod a:hover span span {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/flecha.gif) no-repeat center top; text-align:center; cursor:pointer;}
/*botones proveedores*/
.head-top .links-pro {width:765px; float:left; margin:18px 0 0;}
.head-top .links-pro a {display:block; float:left; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; padding:0 0 0 7px;}
.head-top .links-pro a span {display:block; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; text-align:center; padding:0 7px 0 0;}
.head-top .links-pro a span span {display:block; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; text-align:center; padding:0; line-height:25px;}
.head-top .links-pro a:hover {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/left_boto.gif) no-repeat left top; padding:0 0 0 7px;}
.head-top .links-pro a:hover span {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/right_boto.gif) no-repeat right top; text-align:center;}
.head-top .links-pro a:hover span span {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/flecha.gif) no-repeat center top; text-align:center; cursor:pointer;}
/*botones clientes*/
.head-top .links-ser {width:745px; float:left; margin:18px 0 0;}
.head-top .links-ser a {display:block; float:left; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; padding:0 0 0 7px;}
.head-top .links-ser a span {display:block; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; text-align:center; padding:0 7px 0 0;}
.head-top .links-ser a span span {display:block; height:32px; font-size:12px; color:#003366; font-weight:bold; background:none; text-align:center; padding:0; line-height:25px;}
.head-top .links-ser a:hover {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/left_boto.gif) no-repeat left top; padding:0 0 0 7px;}
.head-top .links-ser a:hover span {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/right_boto.gif) no-repeat right top; text-align:center;}
.head-top .links-ser a:hover span span {font-size:12px; color:#FFF; background:url(/prontus_lipigas/imag/head/flecha.gif) no-repeat center top; text-align:center; cursor:pointer;}