@charset "utf-8";
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top;
	 }
header, footer, section, article, aside, hgroup {
	display: block;
	width:100%;
}
@font-face {
    font-family: 'UniversCondensedLight';
    src: url('univers-condensedlight-webfont.eot');
    src: url('univers-condensedlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('univers-condensedlight-webfont.woff') format('woff'),
         url('univers-condensedlight-webfont.ttf') format('truetype'),
         url('univers-condensedlight-webfont.svg#UniversCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
p{
	font-size:1.3em;
}
body {
	font-family: 'UniversCondensedLight';
	background-color: #e0e0e0;
	margin:0 auto;
	font-size:1em;
}
#general{
	background-image:url(../images/fdo_general.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#lubrax{
	background-image:url(../images/fdo_lubrax.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#shell{
	background-image:url(../images/fdo_shell.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#contenedor{
	margin:0 auto;
	width:955px;
	height:100%;
}

header{
	margin:0 auto;
	width:955px;
	height:158px;
	position:relative;
	display:block;
}
#contenedor header .logos{
	height:117px;
}
	
#contenedor header .izquierda{
	padding:0 0 0 20px;
	margin:0;
	text-align:left;
	float:left;
	width:300px;
	position:relative;
}

#contenedor header .derecha{
	padding-right:40px;
	text-align:right;
	width:150px;
	float:right;
}
nav{
	font-size:0.8em;
	font-weight:bold;
	display:block;
	position:relative;
	margin:10px 0 0 0;
	overflow: visible;
}
#botonera{
	width:100%;
	position:relative;
	display:block;
}
/*ul{
	vertical-align:middle;
	height:45px;
	margin:0 auto;
	padding:11px;
}
li{
	display:inline;
	padding-right:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-top:18px;
	background-image:url(../images/fdo_botonera_separador.gif);
	background-position:right;
	background-repeat:no-repeat;
	vertical-align:middle;
}

ul a{
	color:#000000;
	text-decoration:none;
}
ul a:hover{
	color:#000000;
	text-decoration:underline;
}*/

#medio{
	vertical-align:top;
	margin:10px 0 10px 0;
	margin:0 auto;
	width:955px;
	height:100%;
	vertical-align:middle;
	position:relative;
}
.contenidohome{
	background:url(../images/imagen_prehome.png) no-repeat;
	height:212px;
	margin:0px 0 10px 0;
	display:block;
	position:relative;
}
.contenidohome h1{
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	font-weight:normal;
	padding:40px 0 0 0;
	display:none;
}
.cajashome p{
	text-align:center;
	font-size:10px;
}
.cajashome{
	padding:0 8px 0 0;
	text-align:center;
	width:740px;
	float:left;
}
.cajashome h1{
	font-size:1em;
	margin-bottom:5px;
	font-weight:normal;
}
.companias a{
	background:url(../images/cajas_home_companias.png) no-repeat;
	width:365px;
	height:150px;
	display:block;
}
ul,li {
	list-style-type:none;
	margin:0px;
	position:relative;
	width: 120;
	height: 40;
	float: left;
}
.petrobras a{
	background-position:0px 0px; 
	height:150px;
	z-index:1;
	text-decoration:none; 
	border:0;
	float:left;
	margin-right:10px;
	position:relative;
}
.petrobras a:hover{
	z-index:1;text-decoration:none; border:0;
	background-position:0px -150px; 
}
.shell a{
	z-index:1;
	text-decoration:none;
	border:0;
	background-position:-365px 0px;
	float:left;
	position:relative;
	height:150px;
	width:365px;
}
.shell a:hover{
	height:150px; z-index:1;text-decoration:none; border:0;
	background-position:-365px -150px;
} 
.companias a p{
	display:none;
}
nav .redes{
	font-size:0.8em;
	font-weight:bold;
	display:block;
	position:relative;
	margin:10px 0 0 0;
	width: 100px;!important
	padding:0;
}
.redes a{
	background:url(../images/redes.png) no-repeat;
	width:40px;
	height:40px;
}
.facebook a{
	height:40px; z-index:1;text-decoration:none; border:0;
	float:left;
	margin-right:10px;
	width:40px;
	position:relative;
}
.facebook a:hover{
	z-index:1;text-decoration:none; border:0;
	background-position:0px -40px; 
}
.twitter a{
	width:40px;
	z-index:1;
	text-decoration:none; 
	border:0;
	background-position:-40px 0px;
	float:left;
	position:relative;
}
.twitter a:hover{
	height:40px;
	z-index:1;
	text-decoration:none;
	border:0;
	background-position:-40px -40px;
	float: left;
} 
.redes li a p{
	display:none;
}
.colderhome{
	float:right;
	border-left:1px solid #cccccc;
	padding:0px 0px 0 20px;
	height:140px;
	margin:30px 0 0 0;!important
	position:relative;
	display:inline;
	width:145px;
}
.colderhome h1{
	color:#cc0000;
	font-size:1.8em;
	margin:0 0 5px 0;
}
.colderhome p{
	font-size:1em;
	margin:0 0 5px 0;
}
footer{
margin:0 auto;
height:20px;
vertical-align:middle;
padding-top:20px;
width:955px;
position:relative;
}
footer p{
font-size:0.7em;

}
footer .izquierda{
float:left;
width:350px;
text-align:left;
}
footer .derecha{
float:right;
width:150px;
text-align:right;
}


/*INICIO BOTONERA*/

#primeNavWrap {
  color:#FFFFFF;
  float:left;
  width:100%;
  z-index:100;
  padding:5px;

}
ul.primeNav-sf .select {
	color:#ee1d25;
	display:inline;
	background-image:url(../images/fdo_botonera_separador.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-bottom:6px;
	padding-left:15px;
	padding-top:6px;
	float:left;
}

/* begin superfish ************************************ begin superfish */
ul.primeNav-sf {
	width: 100%;
	font-size: 100%;
	line-height: -1em;
	/*border-bottom: 1px solid #8f0000;*/
	/*background: url(../images/bottom.png) repeat-x bottom;*/
	float: left;
	
}
ul.primeNav-sf, ul.primeNav-sf * {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	
}
ul.primeNav-sf li {
	float: left;
	margin: 0px;
	position: relative; 							/*  for superfish  */
	z-index: 100;									/*  for IE6 - keeps drop downs above content [aaron] */
	float:left;
}
ul.primeNav-sf li a {
	margin:0px;
	text-decoration: none;
	color: #000000;
	display: block;
	position: relative;
	background-image:url(../images/fdo_botonera_separador.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-bottom:6px;
	padding-left:15px;
	padding-top:6px;
	
}
ul.primeNav-sf li a:hover {
text-decoration:underline;
}

ul.primeNav-sf li a:visited {
	color: #000000;									/*  for IE6 - reinforcing override of visited link color [aaron] */
}

/* essential to superfish */
ul.primeNav-sf ul {
	position: absolute;
	top: -999em;									/* hide main dropdowns */
	width: 15em;									/* width of all dropdowns */
	line-height: 1.25em;							/* allow for spacing on two line links */	
	
}

ul.primeNav-sf li li {
	width: 100%;
	top:-3px;
	left:0px;
	
}
.botarriba{
	background-image:url(../images/bde-bot-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:1px;
	z-index:97;
}

ul.primeNav-sf li:hover ul,
ul.primeNav-sf li.sfHover ul {
	left: 0;
	top: 26px;										/* main dropdowns start at bottom of red line */
	z-index: 99;									/* dropdowns appear above everything else */
}

ul.primeNav-sf li:hover li ul,
ul.primeNav-sf li.sfHover li ul {
	top: -999em;									/* hide fly-out dropdowns */
}

ul.primeNav-sf li li:hover ul,
ul.primeNav-sf li li.sfHover ul {
	left: 16em;										/* for fly-outs; same as width of dropdowns */
}

ul.primeNav-sf li.opposite li:hover ul,
ul.primeNav-sf li.opposite li.sfHover ul {
	left: -16em;									/* last two dropdowns appear to the left */
	top: 0;
}

ul.primeNav-sf li li:hover li ul,
ul.primeNav-sf li li.sfHover li ul {
	top: -999em;
}

ul.primeNav-sf li li li:hover ul,
ul.primeNav-sf li li li.sfHover ul {
	left: 16em;
	top: 0;
}

/* skin for superfish */
ul.primeNav-sf ul li a {
	/*border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	padding: 5px 10px 8px 10px;				/* dropdown links slighty shorter than primary nav */
}

ul.primeNav-sf ul li {
	background: #eee;								/* main dropdowns background */
}

ul.primeNav-sf ul li li {
	background: #ccc;
	color:#FFFFFF;	/* fly-out dropdowns background */
					
}

ul.primeNav-sf li li:hover, 

ul.primeNav-sf li li a:focus, 
ul.primeNav-sf li li a:hover, 
ul.primeNav-sf li li a:active {
	background-color: #ed1c24;
	color:#FFFFFF;
	margin:0px;
	text-decoration:underline;
}

ul.primeNav-sf li.active,  
ul.primeNav-sf li.sfHover {
	background-color:#ed1c24;
	color:#FFFFFF;
	margin:0px;
}

ul.primeNav-sf li.active a, 
ul.primeNav-sf li:hover a, 
ul.primeNav-sf li a.sfHover {
	background-color:#ed1c24;
	color:#FFFFFF;
	margin:0px;
	
}

ul.primeNav-sf ul ul {
	border-top: none;
  	z-index: 100;
}

ul.primeNav-sf li.active li a,
ul.primeNav-sf li:hover li a,
ul.primeNav-sf li li:hover a,
ul.primeNav-sf li li a.sfHover {
  background-image: none;
  color:#ffffff;
  font-weight:normal;
  text-align:left;
  margin:0px;
}



/*** arrows for superfish **/
ul.primeNav-sf ul a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	z-index:90px;
}

ul.primeNav-sf .sf-sub-indicator {
	display: none;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
ul.primeNav-sf ul .sf-sub-indicator { display: inline; background-position:  -10px 0; }
ul.primeNav-sf ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
ul.primeNav-sf ul a:focus > .sf-sub-indicator,
ul.primeNav-sf ul a:hover > .sf-sub-indicator,
ul.primeNav-sf ul a:active > .sf-sub-indicator,
ul.primeNav-sf ul li:hover > a > .sf-sub-indicator,
ul.primeNav-sf ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	border-radius: 0 0 17px 17px;
	-moz-border-radius: 0 0 17px 17px;
	-webkit-border-radius: 0 0 17px 17px;
	behavior:url(border-radius.htc);
}

/* shadows for superfish */
ul.primeNav-sf ul,
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 10px 10px 0;
	border-radius: 0 0 17px 17px;
	-moz-border-radius: 0 0 17px 17px;
	-webkit-border-radius: 0 0 17px 17px;
	behavior:url(border-radius.htc);
	z-index:90;
	color:#FFFFFF;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.
 a{
	color:#ffffff;
	text-decoration:none;
	z-index:1000;
}
.sf-with-ul-on a:hover{
	color:#ffffff;
	background-color:#ed1c24;
	text-decoration:underline;
}
li .selec{
	color:#ed1c24;
}

/* end superfish ************************************ end superfish */

/*FIN BOTONERA*/

.nombreseccion{
	background-color:#fbb040;
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	behavior:url(border-radius.htc);
	padding-top:24px;
	padding-bottom:5px;
	padding-left:18px;
	padding-right:18px;
	margin-top:0px;
}
.nombreseccion h1{
	font-size:1.5em;
	color:#ed1c24;
	font-weight:normal;
}
.nombreseccion a{
	color:#ed1c24;
	text-decoration:none;
}
.nombreseccion a:hover{
	color:#ed1c24;
	text-decoration:underline;
}
#contenido1columna{
	float:left;
	width:935px;
	padding: 15px 10px;
}
#contenido2columnas{
	float:left;
	width:955px;
	zoom: 1; /* For IE6 */
}
#contenido2columnas .left{
	width:630px;
	padding-left:20px;
	padding-right:12px;
	padding-bottom:15px;
	padding-top:15px;
	text-align:justify;
	float:left;
	zoom: 1; /* For IE6 */
}
#contenido2columnas .left p{
	font-size:1em;
}
#contenido2columnas .right{
	width:270px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:15px;
	text-align:justify;
	float:right;
	height:430px;
	zoom: 1; /* For IE6 */
}
#contenido2columnas .right .contacto{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:20px;
	border:#ffffff 5px solid;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	behavior:url(border-radius.htc);
   /* Para Explorer < 9 */
	height:100%;
	color:#FFFFFF;
	background:#cc0000;
	height:260px;
	box-shadow:5px 5px 5px #8E8E8E;
	-webkit-box-shadow:5px 5px 5px #8E8E8E;
	-moz-box-shadow:5px 5px 5px #8E8E8E;
}
#contenido2columnas .right .contacto a{
	color:#FFFFFF;
	text-decoration:none;
}
#contenido2columnas .right .contacto a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
}
#contenido2columnas .right .contacto h2{
	font-size:1.4em;
}
#contenido2columnas .right .contacto p{
	font-size:1em;
}
#contenido2columnas .right .solicite{
	padding:18px 0px 12px 55px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:#ffffff 5px solid;
	behavior:url(border-radius.htc);/* Para Explorer < 9 */
	color:#FFFFFF;
	box-shadow:5px 5px 5px #8E8E8E;
	-webkit-box-shadow:5px 5px 5px #8E8E8E;
	-moz-box-shadow:5px 5px 5px #8E8E8E;
	background:url(../images/solicite_cotizacion.jpg) bottom  no-repeat #0b8f50;
	height:50px;
}
#contenido2columnas .right .solicite h2{
	font-size:1.7em;
	margin:0;
	font-weight:normal;
	line-height:20px;
}
#contenido2columnas .right .solicite h3{
	font-size:1.1em;
	margin:0;
	font-weight:normal;
	line-height:20px;
}
#contenido2columnas .right .solicite a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}
#contenido2columnas .right .solicite a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:normal;
}
#contenido2columnas .right .siganos{
	padding:0px 20px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:#ffffff 5px solid;
	behavior:url(border-radius.htc);/* Para Explorer < 9 */
	color:#e0e0e0;
	box-shadow:5px 5px 5px #8E8E8E;
	-webkit-box-shadow:5px 5px 5px #8E8E8E;
	-moz-box-shadow:5px 5px 5px #8E8E8E;
	background:#ffffff;
	height:80px;
	margin:20px 0 0 0;
	zoom: 1; /* For IE6 */
}
#contenido2columnas .right .siganos h2{
	width:130px;
	font-size:1.4em;
	color:#ed1c24;
	display:inline;
	float:left;
	padding:10px 0 0 0;
	margin:0;
}
#contenido2columnas .right .siganos nav{
	display:inline;
	width:190px;
	margin:0px;
	padding:0;!important
	float:right;
}
#contenido2columnas .right .siganos p{
	font-size:1em;
	width:220px;
	color:#333;
}
.destacado{
	font-weight:bold;
	color:#ed1c24;
}
#contenido2columnas a{
	color:#ed1c24;
	text-decoration:none;
}
#contenido2columnas a:hover{
	font-weight:bold;
	text-decoration:underline;
}
a:visited{
	color:#ed1c24;
}
.aclaracion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
.form{
	border:#d9d9d9 solid 1px;
	font-size:11px;
}
#productos{
	width:945px;
	height:310px;
	margin:0 auto;
}

#productos .automotores{
	background-image:url(../images/caja_productos_automotores.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:135px;
	height:120px;
	font-size:11px;
	padding-top:190px;
	padding-left:25px;
	padding-right:30px;
	padding-bottom:10px;
	float:left;
	
}
#productos .industriales{
	background-image:url(../images/caja_productos_industriales.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:135px;
	height:120px;
	font-size:11px;
	padding-top:190px;
	padding-left:25px;
	padding-right:30px;
	padding-bottom:10px;
	float:left;
}
#productos .grasas{
	background-image:url(../images/caja_productos_grasas.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:135px;
	height:120px;
	font-size:11px;
	padding-top:190px;
	padding-left:25px;
	padding-right:30px;
	padding-bottom:10px;
	float:left;
}
#productos .marinos{
	background-image:url(../images/caja_productos_marinos.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:135px;
	height:120px;
	font-size:11px;
	padding-top:190px;
	padding-left:25px;
	padding-right:30px;
	padding-bottom:10px;
	float:left;
}
#productos .especialidades{
	background-image:url(../images/caja_productos_especialidades.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:135px;
	height:120px;
	font-size:11px;
	padding-top:190px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	float:left;
}
.iconovermas{
	text-align:right;
	padding-top:10px;
}
#productos2cajas{
	width:945px;
	height:80x;
	margin:0 auto;
	padding-top:10px;
	margin-bottom:20px;

}
#productos2cajas .left{
	float:left;
	width:463px;
	display:inline;
	margin-left:5px;
	margin-right:8px;
}
#productos2cajas .right{
	float:left;
	width:463px;
	display:inline;
	margin:0;
} 
.listadoprod{
	background-image:url(../images/separador_punteado.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:45px;
	font-size:1em;
	vertical-align:middle;
	padding-left:15px;
}
#contenido1columna table td {
	font-family: 'UniversCondensedLight';
	font-size:0.90em;
}
bordes
#cajacolder {  	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:#cc0000;	
	behavior:url(border-radius.htc);   /* Para Explorer < 9 */
	zoom:1;
}
input:focus { border: 3px solid #999; }input:invalid { border: 3px solid #F00; }

/* ROLLOVER */

.fader img { 
-moz-transition: all 1s ease-in-out; 
-webkit-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 
}

img.estado1, .fader:hover img.estado2 { 
opacity: 1.0; /* Estado normal, se ve .estado1, y valor de regreso luego de hacer hover a .estado2 */
} 

.fader:hover img.estado1, img.estado2 { 
opacity: 0; /* Al hacer hover a .estado1, arranca transición */
}

/*CAJAS PRODUCTOS*/
/*General Mosaic Styles*/
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:300px;
	height:156px;
	margin:0px 5px 10px 5px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	background-image: url(../img/progress.gif);
}
.mosaic-block a:hover{ text-decoration:none;}
.details{ margin:15px 12px; width:300px; }	
.details h4{ font:1.4em 'UniversCondensedLight';color:#fff; color:#0b8f50; text-shadow:1px 1px 0 #0e643b; line-height:160%; }
.details p{ font:1em 'UniversCondensedLight'; color:#aaa; color:#2a2a2a; text-align:left; text-shadow:1px 1px 0 #9c9c9c;}
.details a{ text-decoration:none;}

.details .texto{
	width:145px;
	float:left;
	display:inline;
	position:relative;
}
.details .boton{
	width:80px;
	float:right;
	right:50px;
	display:inline;
	position:relative;
	padding:40px 0 0 0;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#c2c2c1;
	}
	.mosaic-overlay a:hover{
		text-decoration:none;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../images/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../images/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:0px;
			right:-136px;
			height:156px;
			background:url(../images/bg-black.png);
		
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:0.9;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter:alpha(opacity=90);
				text-decoration:none;
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/
.volver{
	text-align:right;
	font-size:0.8em;
}
.volver a{
	font-weight:normal;
	color:#666;!important
}