html{
height:100%;
min-height:100%;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#5D5D5D;
width: 100%;
margin: 0px;
padding: 0px;
text-align:center;
height:100%;
background:#C2C3C4 url(images/pxFondo.jpg) top repeat-x;
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FFCC99;
scrollbar-darkshadow-color: #CC3300;
scrollbar-face-color: #F68427;
scrollbar-highlight-color: #FF9900;
scrollbar-shadow-color: #FF9933;
scrollbar-track-color: #FFFFFF;
overflow:auto;
}
/* Estilos del container */
#container {
position:relative;
top:0px;
width:769px;
padding:0px;
height:437px;
vertical-align:middle;
margin:0px;
text-align:left;
margin:auto;
border:1px solid #333333;
background-color:#ffffff;
}
#lateral{
position:absolute;
width:62px;
height:435px;
background-image:url(images/lateral.gif);
}
#contenido{
position:absolute;
top:0px;
left:62px;
width:704px;
height:432px;
background:url(images/fondoContenido.jpg) no-repeat bottom left;
}
/*------------------------------------MENU------------------------------
-------------------------------------------------------------------------*/
#menu{
position:relative;
top:0px;
width:704px;
height:46px;
background:url(images/pxMenu.gif) repeat-x;
}
#cuadroMenu{
position:relative;
top:17px;
left:8px;
}
.elementoMenu{
position:relative;
padding:0px 10px 0px 11px;
}
td .elementoMenu a{
font-size:12px;
color:#5D5D5D;
font-weight:bold;
text-decoration:none;
}
td .elementoMenu a:hover{
color:#F68427;
}
/*---------------------------CUERPO-----------------------------*/
#flash{
position:relative;
width:694px;
height:146px;
background:url(images/galeriaMadera.jpg);
}
#cuerpo{
position:relative;
width:703px;
}
#cuerpoLeft{
position:absolute;
margin:15px 0px 0px 5px;
width:475px;
height:220px;
}
#cuerpoRight{
position:absolute;
width:205px;
border-left:1px solid #cccccc;
height:220px;
left:486px;
margin-top:15px;
}
#logo{
position:absolute;
bottom:10px;
width:200px;
text-align:right;
}
td #logo a{
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#F68427;
padding-right:17px;
}
#pie{
width:769px;
text-align:right;
}
td #pie a{
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:0px 5px 0px 5px;
}
td #pie a:hover{
color:#F68427;
}
.logo_valero {
float:left;
position:relative;
width:46px;
margin-top:5px;
}
.logo_valero a{
padding:0px;
border:none;
}
.logo_valero a img{
border:none;
}
/*--------------------------ESTILOS GENERALES---------------------------------*/
td{
font-size:11px;
color:#878C95;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#F68427;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#F68427;
border-bottom: 1px solid #F68427;
margin:8px 0px 6px 0px;
padding:1px 1px 1px 20px;
width:430px;}
h4{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#aaaaaa;
border-bottom: 1px solid #aaaaaa;
margin:8px 0px 6px 0px;
padding:1px 1px 1px 20px;
width:430px;}
h3{
color:#A0A4A7;
font-size:14px;}
h5{
color:#6970B0;
font-size:14px;
margin: 15px 0px 2px 10px ;}
ul{
color:#CC6666;
font-size:11px;}
b{
font-size:12px;
font-weight:bold;
color:#333333;
}
.orange{
font-size:11px;
font-weight:bold;
color:#FD7303;
}
.gris{
font-size:11px;
font-weight:bold;
color:#878787;}
#cuadroInfo p{
margin:0px;
}
.nombreDistribuidor{
font-size:14px;
position:relative;
font-weight:bold;
color:#DB5200;}
.sectorDistribuidor{
font-size:11px;
font-weight:bold;
color:#F68427;}
.zonaDistribuidor{
position:relative;
text-align:center;
color:#333333;
font-size:11px;
font-weight:bold;}
.mailDistribuidor a{
color:#C24A02;}
hr{
margin-top:15px;}
/*-----------------------ESTILOS PARA LAS PAGINAS CON IMAGEN PEQUEÑA---------------*/
#cuerpoLeft2{
position:absolute;
margin:12px 0px 0px 0px;
padding-left:5px;
width:475px;
height:372px;
border:1px solid #cdcdcd;
overflow:auto;
}
#cuerpoPro2{
position:absolute;
margin:12px 0px 0px 0px;
padding-left:5px;
width:475px;
height:372px;
border:1px solid #cdcdcd;
overflow:auto;
}
#cuerpoLeft3 {
position:absolute;
margin:12px 0px 0px 0px;
width:480px;
height:372px;
border:1px solid #cdcdcd;
overflow:auto;
}
#cuerpoLeft2 div{
position:relative;
/*width:451px;*/
}
#cuerpoRight2{
position:absolute;
width:221px;
height:387px;
left:480px;
}
#logo2{
position:absolute;
width:220px;
text-align:center;
}
#imagenPeq{
position:absolute;
bottom:1px;
width:213px;
height:152px;
margin-left:7px;
/*background:url(images/Img_pequena.jpg) no-repeat;*/
}
/*-----------------------------------QUIENES SOMOS--------------------------------*/
.contenidoDerecha{
position:absolute;
width:475px;
margin:10px 5px 0px 0px;
text-align:right;
bottom:10px;
}
/*-----------------------------------AREA CLIENTES--------------------------------*/
.contenidoCentrado{
width:475px;
margin:10px 5px 0px 0px;
text-align:center;
}
#formularioCliente{
position:relative;
margin-left:90px;
border:1px solid #cccccc;
width:270px;
padding:5px;}
/*-----------------------------------AREA CONTACTAR-------------------------------*/
#formulario{
position:relative;
top:-10px;
margin-left:40px;
padding: 5px 5px 5px 15px;
border:1px solid #cccccc;
width:380px;
height:180px;
}
#formulario2/*en contactar2 para que elijan*/{
position:relative;
top:10px;
margin-left:20px;
padding: 5px 5px 5px 5px;
width:380px;
}
#pieForm{
width:450px;
position:relative;
margin:10px 0px 0px 10px;;
font-size:9px;
color:#666666;}
/*----------------------------------DONDE ESTAMOS---------------------------------*/
#mapa{
/*padding:10px 1px 5px 1px;*/
}
#direccion{
width:205px;
position:absolute;
top:62px;
margin:10px 0px 0px 15px;
}
/*------------------------------------MENU CATALOGO-----------------------------*/
#menuSecciones{
position:absolute;
top:62px;
margin:10px 0px 0px 7px;
height:155px;
width:213px;
}
#SubContenido{
position:relative;
top:62px;
margin:10px 0px 0px 10px;
height:152px;
width:213px;
}
#SubContenido a{
color:#FD7303;
font-weight:bold;
}
.seccion{
border-bottom:1px solid #dedede;
width:200px;
padding:3px 2px 3px 5px;
margin:1px;}
.seccion a{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;}
.seccion a:hover{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#F68427;}
/*------------------------------------CATALOGO-----------------------------*/
#catalogo{
width:460px;
margin:5px 0px 0px 5px;}
#imgCatalogo{
width:440px;
height:280px;
overflow:hidden;
background:url(images/catalogo.jpg) no-repeat;
position:absolute;
bottom:-1px;
left:-4px;}
*html #imgCatalogo{
bottom:-14px;
left:-6px;}
.listadoSeccion{
margin:5px 3px 10px 3px;
text-align:center;
float:left;
width:200px;
height:155px;
border:1px solid #FDF0E2;
padding:2px;
background:url(images/sombra.gif) bottom repeat-x;
}
.listadoSeccion a{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding-top:2px;
/*width:220px;*/
position:relative;
}
.listadoSeccion a:hover{
color:#F68427;
text-decoration:underline;}
.elementoImg{
text-align:center;
margin-left:5px;
}
.cuadroProd{
position:relative;
margin:0px 0px 0px 2px;
color:#888888;
font-size:12px;
}
.nombreProd{
position:relative;
background:#aaaaaa;
font-weight:bold;
color:ffffff;
font-size:12px;
margin:5px 0px 6px 0px;
padding:1px 1px 1px 10px;
}
.volver{
position:relative;
clear:both;
width:400px;}
/*------------------------------------NOTICIAS-----------------------------*/
#noticias a{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;}
#noticias a:hover{
color:#cc6666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#noticias {
width: 470px;
height: 360px;
overflow:auto;
}
.noticiasBox{
position:relative;
width:430px;
border:1px solid #ededed;
background:url(images/sombra2.gif) bottom repeat-x;
margin:0px 0px 4px 4px;
padding:3px 3px 10px 3px;
}
#noticias .tituloNoticia a{
position:relative;
font-size:14px;
text-align:center;
color:#DA6200;
}
#noticias .tituloNoticia a:hover{
position:relative;
font-size:14px;
text-align:center;
color:#F68427;
}
.tituloNoticia{
text-align:center;
margin:4px 0px 2px 0px;}
.subtituloNoticia{
position:relative;
text-align:center;
margin-bottom:10px;
color:#999999;
font-size:11px;
font-weight:bold;
}
#noticias .leerMas a{
color:#555555;
font-size:11px;
font-weight:bold
}
.fechaNoticia{
}
.error{
font-weight:bolder;
color:#FF0000;
font-size:14px;
}