/*<span id="tcm:51-119443_tcm:51-77879-32">*/@import url("generica.css");

 

/*              ----------------------------    ;   limpio       ----------------------------------------           */

 

.seccion {background:#319c96; width:780px; margin:0; text-align:left; float:left}

 

 
.col_centhome{width:633px; float:left; margin:8px 15px 0 0; text-align:left}
/* * html .col_centHome {width:633px} /* para ie6 */ */

#mContenido .col_centhome img { border:0px; }

 

 

/* herramientas b2b aplicaciones */

.herramientas_b2b {width:100%; font-size:11px; color:#013655; padding:4px 0; background-color:#fff; text-align:left}

.herramientas_b2b ul {margin:0 0 0 6px; padding:0}

.herramientas_b2b li {list-style:none; display:inline; padding-left:20px}

.herramientas_b2b li.home {background:url(/imagenes/imgplantilla/home.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.mensaje {background:url(/imagenes/imgplantilla/icoMensajes.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.demo {background:url(/imagenes/imgplantilla/icoDemo.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.correo {background:url(/imagenes/imgplantilla/icoCorreo.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.boletin {background:url(/imagenes/imgplantilla/icoBoletin.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.modificar {background:url(/imagenes/imgplantilla/icoModificar.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.imprimir {background:url(/imagenes/imgplantilla/icoImprimir.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.pregunta {background:url(/imagenes/imgplantilla/icoPregunta.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.alertas {background:url(/imagenes/imgplantilla/ico_alertas.gif) no-repeat; padding-right:10px}

.herramientas_b2b li.cerrar {background:url(/imagenes/imgplantilla/icoCerrar.gif) no-repeat}

.herramientas_b2b li.cliente {padding-left:120px; vertical-align:top; text-align:right; color:#319c96; font-weight:bold;}

 

 

.herramientas_b2b a {color:#013655; text-decoration:none}

.herramientas_b2b li.cerrar {color:#CD0001}

.herramientas_b2b li.cerrar a{color:#CD0001}

.herramientas_b2b a:hover {text-decoration:underline}

 

/*Sobreescribiendo de genérica y añadiendo para las aplicaciones a petición de otros */

/*Sobreescribir*/

.caja7 h5.solred_p {height:42px;background:url(/imagenes/imgplantilla/solred_portugal.gif) no-repeat 420px 0px}

.caja7 h5.geesst {height:50px;background:url(/imagenes/imgplantilla/GEESST_COLOR.gif) no-repeat 450px 0px}

.caja7 h5.aviacion {height:42px;background:url(/imagenes/imgplantilla/aviacion.gif) no-repeat 380px 0px}

/*Añadir nuevo*/

.caja7 h5.granel {height:45px;background:url(/imagenes/imgplantilla/camion_cisterna.jpg) no-repeat 420px 0px}

.herramientas_b2b li.duplicado {background:url(/imagenes/imgplantilla/icoDupFac.gif) no-repeat; padding-right:10px}

/**/

 

/* botonera izq */

.marco {border:1px solid #319c96}

.b2b, .b3b {background:#319c96}

.b1b {background:#FE0032}

.up { background:#319c96}

 

 

 

/* migas de pan */

.estoy{color:#319c96}

 

/*cajas*/

 

 

 

.cajaizq1 {background:#ffcccc}

.cajaizq1 img {border:1px solid #319c96}

 

.cajaizq2 img{border:1px solid #319c96}

.cajaizq2 .titulo_artic {color:#319c96; background:url(/imagenes/imgplantilla/icono5.gif) no-repeat 0 3px}

.cajaizq2 .titulo_artic:hover {color:#319c96; background-image:url(/imagenes/imgplantilla/iconoOn.gif)}

 

 

 

.titulos_bloq {background:#319c96 url(/imagenes/imgplantilla/esq_selec_dereYPF_verde_de.gif) no-repeat right}

.titulos_bloq h4 {background:url(/imagenes/imgplantilla/esq_selec_dereYPF_verde_izq.gif) no-repeat 0 0}

 

#gris .titulos_bloq, #gris.titulos_bloq{background:#677985 url(/imagenes/imgplantilla/esqDeTitNot.gif) no-repeat right;}

#gris .titulos_bloq h4, #gris.titulos_bloq h4{background:url(/imagenes/imgplantilla/esqIzTitNot.gif) no-repeat 0 0;}

 

.caja1 h4 {color:#319c96}

.caja1 img {border:1px solid #319c96}

 

 

.caja2 {font-size:12px; color:#333; padding-bottom:10px; text-align:left; overflow: auto; float:left; width:100%;}
/* IE6 Only */
* html .caja2 {font-size:11px; color:#333; padding-bottom:10px; text-align:left; overflow: auto; float:left; width:778px;} 
/* Fin estilo IE6 Only*/
/* Safari 3+ Y  Chrome 1+*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.caja2 {font-size:12px; color:#333; padding-bottom:10px; text-align:left; overflow: auto; float:left; width:778px;} 
}
/* Fin estilo Safari 3+ Y  Chrome 1+*/
/* FireFox */
@-moz-document url-prefix() {
.caja2 {font-size:12px; color:#333; padding-bottom:10px; text-align:left; overflow: auto; float:left; width:778px;}
}
/*Fin estilo Firefox*/


/**/

.caja2 a{color:#319c96;}

/**/

.caja2 h5 {margin:0; padding:0 0 .1em 0; font:bold 16px arial; color:#319c96}

 

.caja5 a {color:#319c96;}

.mas a {color:#319c96; font-size:11px; text-decoration:none}

.mas a:hover {color:#319c96;}

 

 

.caja2  .seccion_artic {color:#319c96; font-weight:bold; background:url(/imagenes/imgplantilla/icono2_verde.gif) no-repeat 0 3px;padding-left:13px; text-decoration:none}

.caja2  .seccion_artic:hover {color:#319c96; font-weight:bold; background:url(/imagenes/imgplantilla/icono2_verde.gif) no-repeat 0 3px;padding-left:13px; text-decoration:underline;}

 

/* ******************************** PARA LAS SUBHOMES EN VERDE ****************************************** */

/*

.titulos_bloqVerde {background:#00ac53 url(/imagenes/imgplantilla/esqDeTitNotVerde.gif) no-repeat right}

.titulos_bloqVerde h4 {background:url(/imagenes/imgplantilla/esqIzTitNotVerde.gif) no-repeat 0 0}

*/

 

 

 

 

 

 

/* yahoooads */

 

.clsResultTitle

{

    color: #319c96;

}

 

.clsResultDescription

{

    /*color: #848A8A;*/

}

.clsURL

{

    COLOR: #319c96;

}

 

.clsMargin

{

   border:1px solid #319c96;

}

 

.cabeceraPublicidadYahoo{

background-color: #319c96;

color: #fff;

}

 

.titular3Yahoo{

float: right;

clear:both;

font-size: 10px;

margin: 0px 2px 2px 0px;

color: #319c96;

}

 

 

 

 

 

 

 

/*              ----------------------------       sucio      ----------------------------------------           */

 

 

#menu_hd {display:inline; width:780px}

 

#opcion, #opcion ul {float:left; width:780px; list-style:none; background:#FFFFFF; color:#585858; text-align:left; padding:0; margin: 0; height:22px; display:block; padding:3px 0px;} /* Esta es la cabecera de los menus */

#opcion li.cab {float:left; padding:0; /*width:120px;*/ /*background:url(/imagenes/imgplantilla/decoMen.gif) no-repeat 5px 9px;*/  font:normal 11px arial}

#opcion li.cab a {display:block; width:auto; color:#585858; margin:0; padding:4px; padding-left:12px; border-right:1px solid #787878;padding-left:20px; padding-right:14px;} /* link cabeceras apagado */

#opcion li.cab .sinBarra{border: none;}

 

/*#opcion li.cab a.on{background-color:#95A2AB;font-weight:bold;}*/

 

 

#opcion li.cab a:hover {width:auto; text-decoration:none; color:#fff; background-color:#95A2AB; /*font-weight:bold*/}/*link cabeceras encendido */

#opcion li ul {display:block; position:absolute; left:-999em; width:150px; color:#555; font-weight:normal; border:1px solid #93A1AA; margin:0; text-align:left; font-size:10px; background-color:#FFFFFF; height:auto}/*Esta es la caja flotante de los submenus*/

 

#opcion ul.sub_stc {width:150px; font-weight:normal; border:1px solid #93A1AA; margin-right:4px; margin-top:1px; text-align:left; font-size:10px; background-color:#DFE3E6; height:auto}/*Esta es la caja flotante de los submenus*/

#opcion.stc {background-color:transparent; height:80px}

 

#opcion ul.sub_stc6 {width:125px; font-weight:normal; border:1px solid #93A1AA; margin-right:4px; margin-top:1px; text-align:left; font-size:10px; background-color:#DFE3E6; height:auto}

 

#opcion li ul.subopcion li, #opcion ul.sub_stc li {background:url(/imagenes/imgplantilla/icoMenT1.gif) no-repeat 3px 5px}

#opcion li ul.subopcion a, #opcion ul.sub_stc a {color:#585858; text-decoration:none; width:100%; margin:0; padding:0; padding-left:10px;}

#opcion li ul.subopcion a:hover, #opcion ul.sub_stc a:hover {width:100%; text-decoration:underline; color:#cc0011; background-color:transparent; font-weight:normal}

#opcion li li { width:100%}/* esta es la anchura de la caja de los submenus encendidos */

#opcion li ul.subopcion ul, #opcion li ul.sub_stc ul {margin:-15px 0 0 120px; border:1px solid #93A1AA}/* Esta es la distancia a la que aparece el submenu */

#opcion li:hover ul ul, #opcion li:hover ul ul ul, #opcion li.sfhover ul ul, #opcion li.sfhover ul ul ul {left:-999em; width:100%;}

#opcion li:hover ul, #opcion li li:hover ul, #opcion li li li:hover ul, #opcion li.sfhover ul, #opcion li li.sfhover ul, #opcion li li li.sfhover ul {left: auto;}

#opcion li:hover, #opcion li.sfhover {color:#999}

 

 

 

 

 

 

.q1 {background:#319c96 url(/imagenes/imgplantilla/esqr2.gif) no-repeat right}  

.q1 h4 {background:url(/imagenes/imgplantilla/esqr.gif) no-repeat 0 0; font-size:12px; font-weight:bold; color:#fff; margin:0; padding:2px 0 0 .5em; height:16px; vertical-align:middle}

 

.caja8 {width:100%; font-size:11px; color:#333; padding-bottom:10px; margin: 15px auto 0 auto; text-align:left; float:left;}

.caja8 h5 {margin:5px 0 10px 0; font:bold 14px arial; color:#319c96; width:100%}

.caja8 h5 img {margin:0px 0 0px 100px; text-align:right; vertical-align:top}

.caja8 span { width:130px; float:left; text-align:right; margin-right:6px}

 

 

.ctexto1 {width:140px; height:17px}

.ctexto2 {width:105px; height:17px}

 

 

 

.caja9 {width:100%; font-size:11px; color:#333; border-bottom:1px solid #319c96; padding-bottom:10px; margin: 0 auto 0 auto; text-align:left; overflow: auto}

.caja9 h4 {margin:10px 0 10px 0; padding:0; color:#319c96; font-size:14px}

.caja9 img {float:left; margin:0 10px 0 0}

.caja9 p{ margin:0}

.caja9 a {color:#FB9212}

.caja9 a:hover {color:#FB9212; text-decoration:underline}

.caja9 .mas { float:left; clear:both; margin:10px 0 0 0; background:url(/imagenes/imgplantilla/pointer5.gif) no-repeat 0 5px; padding-left:10px}

 

 

 

.caja11 {width:100%; font-size:12px; color:#333; padding-bottom:10px; margin:5px 12px 11px 0px; text-align:left; overflow: auto; float:left;}

.caja11 img {float:left; margin:0 10px 0 0}

.caja11 h5 {margin:0; font:bold 16px arial; color:#319c96}

 
 .caja12 {width:100%; margin:0; font-size:11px; text-align:left; padding:0; }
/* IE6 Only */
* html .caja12 {width:100%; margin:0; font-size:10px; text-align:left; padding:0; }
/* Fin IE6 Only*/
/* Safari 3+ Y  Chrome 1+*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.caja12 {margin:0; font-size:11px; text-align:left; padding:0; width:304px;}
}
/* Fin estilo Safari 3+ Y  Chrome 1+*/
/* FireFox */
@-moz-document url-prefix() {
.caja12 {margin:0; font-size:11px; text-align:left; padding:0; width:304px;}
}
/*Fin estilo Firefox*/


.caja12  img {float:left; margin:0 7px 3px 0; border:1px solid #319c96}

.caja12  .enl {color:#319c96; font-weight:bold; background:url(/imagenes/imgplantilla/icono2_verde.gif) no-repeat 0 3px;padding-left:13px; text-decoration:none}

.caja12  .enl:hover {text-decoration:underline}

.caja12  .enl2 {color:#319c96; font-weight:bold; text-decoration:none}

.caja12  .enl2:hover {text-decoration:underline}

.caja12  p{margin:0; padding:0; color:#000}
/* Safari 3+ Y  Chrome 1+*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.caja12  p{margin:0; padding:0; color:#000; width:304px}
}
/* Fin estilo Safari 3+ Y  Chrome 1+*/
/* FireFox */
@-moz-document url-prefix() {
.caja12  p{margin:0; padding:0; color:#000; width:304px}
}
/*Fin estilo Firefox*/


 

#mContenido .login { float:right}

.login .boxcontent {margin-top:0px; border:0;}

.caja12 .b1, .caja12 .b2, .caja12 .b1b, .caja12 .b2b, .caja12 .b3, .caja12 .b3b{height:1px; padding:0; float:none}

 

/*   colores en rojo para la caja...

.caja12 .b2,.caja12 .b3 {background:#319c96}

.caja12 .b2b, .caja12 .b3b{background:#319c96}

.caja12 .b1 {background:#dfe3e6;}

.caja12 .b1b {background:#dfe3e6;}

.caja12 .boxcontent{background:#dfe3e6; padding:0; }

.caja12 .boxcontent p{background:#0000FF;}

.caja12 .boxcontent .formu{color:#4F728E}

*/

 

 

 

 

 

.caja13 {font-size:11px; color:#333; text-align:left; padding:0}

.caja13  h5{margin:15px 0 0 0; padding:0; color:#319c96; font-weight:bold; font-size:13px}

.caja13  ul{margin:10px 0 0 0; padding:0;}

.caja13  li{list-style:none; background:url(/imagenes/imgplantilla/pointer5.gif) no-repeat 0 5px; padding-left:10px}

.caja13 a {color:#333; text-decoration:none; font-size:11px;}

.caja13  a:hover{color:#319c96; text-decoration:underline}

.caja13  select{font-size:11px; color:#566876; border:1px solid #7E9DB9; margin:4px 0 0 4px; padding:0; cursor:hand}

.caja13  ul ul{margin:0; padding:0 0 0 12px}

.caja13  ul ul li {list-style:none; background:url(/imagenes/imgplantilla/pointer6.gif) no-repeat 0 6px; padding-left:8px}

.caja13 .promo {margin-top:12px; color:#000; font-weight:bold;}

 

 

 

.caja14 {width:100%; font-size:11px; color:#333; padding-bottom:10px; margin: 0 auto 0 auto; text-align:left; overflow: auto; float:left}

.caja14 h4 {margin:0 0 10px 0; padding:0; font-size:11px; color:#319c96}

.caja14 img {float:left; margin:0 10px 0 0}

.caja14 .articulo {float:left; width:320px}

.caja14 a {color:#FB9212; text-decoration:none}

.caja14 a:hover {color:#FB9212; text-decoration:underline}

.caja14 .mas {margin:0; background:url(/imagenes/imgplantilla/pointer5.gif) no-repeat 0 5px; padding-left:10px}

.caja14 .promo {float:right;}

.caja14 .promo img {float:right; margin:0; padding:0; float:left;}

 

 

 

.caja15 {width:100%; font-size:11px; color:#333; padding-bottom:10px; margin: 0 auto 0 auto; text-align:left; overflow: auto; float:left}

.caja15 p {padding:5px 0 0 0; margin:0}

.caja15 img {float:left; margin:0 10px 0 0}

.caja15 h5 {margin:0; font:bold 14px arial; color:#319c96}

.caja15 .promo {margin:6px 0 6px 0; font-size:12px}

 

 

 

.caja16 {width:100%; font-size:11px; color:#333; padding-bottom:10px; margin: 5px auto 0 auto; text-align:left; overflow: auto; float:left; }

.caja16 p {padding:5px 0 0 0; margin:0}

.caja16 img {float:right; margin:5px 5px 5px 10px; border:1px solid #319c96}

.caja16 h5 {margin:0; font:bold 14px arial; color:#319c96}

.caja16 .promo {margin:6px 0 6px 0; font-size:12px}

.caja16 .mas { float:left; clear:both; margin:10px 0 0 0; background:url(/imagenes/imgplantilla/pointer5.gif) no-repeat 0 5px; padding-left:10px}

.caja16 .mas a {color:#319c96; font-size:11px; text-decoration:none}

.caja16 .mas a:hover {color:#319c96; font-size:11px; text-decoration:underline}

 

 

 

.caja17 h5 {margin:0; font:bold 14px arial; color:#319c96}

.caja17  div { margin:4px 0 4px 0}

.caja17  span { width:130px; float:left; text-align:right; margin-right:6px}

 

 

 

 

 

 

.compo3 {float:left; width:100%; color:#333; border-bottom:.05em solid #013656; text-align:left}

.b1 {float:left; padding:.4em 0 0 0; background:#E6EBEF; }

.b2 {float:left; padding:.4em 0 0 0; width:100%}

 

.compo3 h5 {color:#319c96; font-size:1em; margin:0; padding:0; border-bottom:.05em solid #013656; padding-bottom:.8em}

 

 

 

.compo4 {float:left; width:100%; color:#333; border-bottom:.05em solid #013656; padding:.4em 0 .5em 0; text-align:left}

.compo4 h5 {color:#319c96; font-size:1em; margin:0; padding:0}

.compo4 h6{ font-weight:bold; font-size:.8em; color:#003756; margin:0; padding:0}

.compo4 p.desta {font-size:.8em; color:#013656}

.compo4 p {margin:0; padding:0; font-size:.7em; color:#333; padding-top:1.1em}

.compo4 ul.lista {margin:.5em 0 0 .5em;padding:0}

.compo4 ul.lista li {list-style:none;margin:0;padding:0;color:#003756;line-height:1.6em}

.compo4 ul.lista li a {color:#003756; text-decoration:none}

.compo4 ul.lista li a:hover {color:#319c96}

.compo4 ul.resulta {margin:1.5em 0 0 0; padding:0; font-size:1.1em}

.compo4 ul.resulta li {list-style:none; margin:0; padding:0; line-height:2em}

.compo4 ul.resulta li a {color:#319c96; text-decoration:none; background:url(/imagenes/imgplantilla/icono.gif) no-repeat 0 .25em; padding-left:1.2em;  font-weight:bold}

.resulta li a:hover {color:#319c96;background-image:url(/imagenes/imgplantilla/icono.gif); text-decoration:underline}

 

 

 

 

/* ************************************** PARA BIODIESEL SUBHOME ************************************* */

 

#mContenido .caja2 .seccion_articVerde:link, #mContenido .caja2 .seccion_articVerde:active, #mContenido .caja2 .seccion_articVerde:visited {color:#00ac53; font-weight:bold; background:url(/imagenes/imgplantilla/icono7.gif) no-repeat 0 3px;padding-left:13px; text-decoration:none}

#mContenido .caja2 .seccion_articVerde:hover {color:#00ac53; font-weight:bold; background:url(/imagenes/imgplantilla/icono7.gif) no-repeat 0 3px;padding-left:13px; text-decoration:underline;background:url(/imagenes/imgplantilla/icono7.gif) no-repeat 0 3px;}

 

.titulos_bloqVerde {background:#00ac53 url(/imagenes/imgplantilla/esqDeTitNotVerde.gif) no-repeat right}

.titulos_bloqVerde h4 {background:url(/imagenes/imgplantilla/esqIzTitNotVerde.gif) no-repeat 0 0}

 

.caja2 h5.verde {margin:0; padding:0 0 .1em 0; font:bold 16px arial; color:#00ac53;}

#verde.caja2 img{border: 1px solid #00ac53;}

 

 

 

 

 

/* ************************************************ NUEVO MARZO 2008 ************************* */

 

/* ***************************** MENU HD PARA YPF **************** */

 

.menu_h ul li a:link{

color: #000;

border-right:none;

}

.menu_h ul li a:active{

color: pink;

border-right:none;

}

.menu_h ul li a:visited{

color: #000;

border-right:none;

}

.menu_h ul li a:hover{

color: #fff;

border-right:none;

}

 

 

.menu_h a.on:link{

color: #fff;

}

.menu_h a.on:active{

color: #fff;

}

.menu_h a.on:visited{

color: #fff;

}

.menu_h a.on:hover{

color: #fff;

}

 

 

 

 

.menu ul li a:link{

color: #000;

border-right:none;

}

.menu ul li a:active{

color: pink;

border-right:none;

}

.menu ul li a:visited{

color: #000;

border-right:none;

}

.menu ul li a:hover{

color: #fff;

border-right:none;

}

 

.menu a.on:link{

color: #fff;

}

.menu a.on:active{

color: #fff;

}

.menu a.on:visited{

color: #fff;

}

.menu a.on:hover{

color: #fff;

}

 

.caja3 h5, .caja4 h5{

color: #318c96;

}

input.separa{

padding:0 3px;

font-size:11px;

background:#318c96;

color:#FFFEFF;

cursor:hand;

}

 

#mContenido a:link{

color: #318c96;

}

#mContenido a:active{

color: #318c96;

}

#mContenido a:visited{

color: #318c96;

}

#mContenido a:hover{

color: #318c96;

}

 

.caja2 img {

border: 1px solid #318c96;

}

 

.formulario h5{

color: #318c96;

}

.lineahor{

border-top:1px solid #318c96;

}

 

/* ************************ enlaces de menu columna izq ***************** */

 

.menu_flot .marco ul li a:link{

background-image:url(/imagenes/imgplantilla/icoMenT1.gif);

}

.menu_flot .marco ul li a:active{

background-image:url(/imagenes/imgplantilla/icoMenT1.gif);

}

.menu_flot .marco ul li a:visited{

background-image:url(/imagenes/imgplantilla/icoMenT1.gif);

}

.menu_flot .marco ul li a:hover{

background-image:url(/imagenes/imgplantilla/icoMenT2.gif);

}

 

/* ************** linea debajo del menu col izq ********************** */

.b1b{

background-color: #318c96;

}

/* *************** color de menu_h en PYS YPF ************************ */

 

 

#menu_hd ul.subopcion li a:hover{

color: #0000cc;

}/*
</span>*/