/* CSS Document */
*{padding:0;margin:0;}a{text-decoration:none;outline:none;}a:active{color:white;background-color:#d9d9d9;}
.skiplink{display:none;}h1{font-size:200%;}

h2{font-size:140%;

}

h3{
margin-top:0.1em;
display:block;
font-size: 120%;
}
hr{
float:left;
color:#999999;
}
.imgizq{
float:left;
margin-left:1em;
margin-top:1em;
border-style:solid;
border-color:#999999;
border-width:thin;
}
.imgGde{
margin:0.1em auto;
width:54.5em;
height:25.8em;
padding:0em;
}
.tabla{
margin-left:10px;
}
.fila{
background-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width:2px;
}
.tdTextoLocales{
text-align:left;
margin-left:20px;
padding-left:70px;
padding-right:100px;
padding-bottom:40px;
}
.tdImagenLocales{
padding-top:10px;
padding-left:30px;
padding-right:50px;
}
.tdTextoProd{
text-align:left;
padding-left:0px;

}
.tdImagenProd{
padding-top:40px;
padding-right:50px;
padding-left:40px;
}
.imgProducto{
padding:5px;
margin-right:20px;
margin-left:auto;
margin-bottom:15px;
width:177px;
border-style:solid;
border-width:0.1em;
border-color:#999999;
}
.imgDirEmail{
margin-left:170px;
margin-right:auto;
margin-top:40px;
border-style:none;
}

.imgMap{
padding:5px;
border-style:solid;
border-width:0.1em;
border-color:#999999;
margin-bottom:40px;
}

.imgMap a:active{
border-color:#00CCFF;
border-width:0.3em;
}
.imgMapGde{
padding-left:50px;
margin-right:auto;
margin-left:auto;
}
.btnVolver{
text-align:center;
font-weight:bold;
display:block;
margin-top:30px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
width:147px;
height:auto;
padding:10px;
background-color:#FFFFFF;
background-image:url("imagenes/btnVolver2.png");
background-repeat:no-repeat;
background-position:center;
color:#FFFFFF;
font-size:120%;
}
.btnVolver a:hover{
border-color:#000000;
border-bottom-style:dotted;
border-width:0.1em;
}
.error{
margin-bottom:0.1em;
margin-top:0.1em;
margin-right:0.4em;
margin-left:0.4em;
border-style:solid;
color:#FF0000;
background-color:#FF9999;
font-weight:bold;
}
address{
font-style:normal;
font-size:82%;
letter-spacing:1.2px;
color:#cccccc;
}
/*************************************************************
                      FORMULARIO
***************************************************************/
form{
background-color:#eee;
width:400px;
padding:30px;
border:1px solid #8c8c8c;
}
input:focus, textarea:focus{
background-color:#d9d9d9;
}
label{
display:block;
padding-left:1em;
}	
#nombre, #email, textarea{
width:300px;
border:1px solid #8c8c8c;
margin-left:10px;
margin-bottom:10px;
}
#submit{
margin-left:1px;
margin-bottom:1px;
}
textarea{
height:70em;
}
/**************************************************************
                      BODY
**************************************************************/
body{
color:#333333;
background-color:#8c8c8c;
font-family: Verdana, Arial, 
Helvetica, sans-serif;
font-size:small;
}
/**************************************************************
                    #WRAPPER
**************************************************************/
#wrapper{
margin-right:auto;
margin-top:0em;
margin-left:auto;
margin-bottom:0em;
width:auto;
/*height:900px;*/
height:auto;
color:#333333;
background-color:#333333;/*gris*/
background-image:url("imagenes/fondo3.JPG");
background-position:top;


}

/***************************************************************
                  ENCABEZADO
***************************************************************/
#encabezado{
margin:0 auto;
height:150px;
width:780px;
color:#808080;
background-color:#808080;
background-image:url('imagenes/imgfondo1.png');
background-repeat:no-repeat;
border-style:none;
}

#encabezado h1, #encabezado h2{
color:#dadada;/*gris*/
float:right;
text-align: right;
margin-right:1px;
margin-top:40px;
margin-bottom:1px;
padding-top:20px;
padding-bottom:2px;
display:inline;
}
#encabezado p{
color:#dadada;
text-align:right;
margin-bottom:5px;
margin-right:5px;
}


#encabezado a .imgizq:hover{
border-color:#FFFFFF;
border-style:dotted;
border-width:1px;
}
#encabezado a .imgizq{
width:308px;
height:94px;
border:none;
margin-top:20px;
}

/***************************************************************
                       NAVEGACION
***************************************************************/

#navegacion{
text-align:center;
margin-right:auto;
margin-left:auto;
margin-top:1px;
margin-bottom:0em;
list-style:none;
width:780px;
height:34px;
/*color:#241602;*/
color:#333333;
background-color:#ffffff;
background-image:url('imagenes/imgNavegacion.png');
background-repeat:no-repeat;
border-style:none;
padding-bottom:5px;
}

#navegacion ul{
margin-left:5%;
text-align:right;
}

#navegacion li {
/*width: 18%;*/
width:17%;
padding-top:10px;
text-align:center;
font-weight:bold;
float: left;
list-style:none;
border-color:#808080;
border-right-color:#999999;
border-right-style:dotted;
border-right-width:2px;

}

#navegacion a{
color:#707070;
display:block;
text-align: center;
}
#navegacion a:hover, #inicio #navi01 a, #servicios #navi02 a, #productos #navi03 a, #locales #navi04 a, #consultas #navi05 a{
/*background-color:#CCCC66;*/
color:#CCCCFF;
}
body #consultas #navegacion a{
color:#FFFFFF;
background-color:#CCCC66;
}

/***************************************************************
                 AREATEXTO
****************************************************************/
#areatexto {
text-align:left;
color:#666666;
background-color:white;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top:1px;
height:auto;
width:780px;
padding-bottom:20px;
border-style:solid;
border-color:#999999;
border-width:1px;
border-top-style:none;
}
#areatexto p{
padding-left:80px;
padding-right:80px;
}

#areatexto h2, h3{
font-weight:bold;
color:#0066FF;
padding-left:80px;
text-align:left;
padding-bottom:10px;
padding-top:10px;
}
#areatexto h1{
padding-top:10px;
padding-bottom:10px;
}
#consultas #areatexto h1, #inicio #areatexto, #inicio #areatexto h1, #inicio #areatexto h2{
text-align:center;
}

#inicio #areatexto h1{
margin-top:20px;
margin-bottom:40px;
font-size:200%;
color:#0066FF;
}
#areatexto form{
margin-left:auto;
margin-right:auto;
}
#consultas #areatexto{
height:400px;
}

/****************************************************************
                 PIE
****************************************************************/
#pie {
clear:both;
padding-top:10px;
padding-bottom:10px;
font-size:80%;
text-align:center;
color:#CCCCCC;
background-color:#333333;
margin-right:auto;
margin-top:0px;
margin-left:auto;
width:780px;
height:auto;

}
/****************************************************************/