@charset "utf-8";
/* CSS Document */

body{
background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size:0.75em;
}

a{
text-decoration: none;
}

a img{
border: none;
}

*{
padding: 0;
margin: 0;
}

/*CONTENEDOR*/

#contenedor{
width: 900px;
height: 400px;
margin: auto;
}


/* CABECERA */

#cabecera{
width: 900px;
height: 80px;
clear: both;
margin: auto;

}

#logotipo{
width: 220px;
height: 80px;
float: left;
}
#publicidad{
	width: 130px;
	height: 80px;
	float: right;
	background-repeat: no-repeat;
}

#publicidad1{
	width: 130px;
	height: 80px;
	float: right;
	background-repeat: no-repeat;
}
#publicidad2{
	width: 130px;
	height: 80px;
	float: right;
	background-repeat: no-repeat;
}
#publicidad3{
	width: 130px;
	height: 80px;
	float: right;
	background-repeat: no-repeat;
}


#botonera{
	width: 768px;
	height: 40px;
	position: relative;
	float: left;
}
#botoneraSuperior{
	width: 680px;
	height: 80px;
	position: relative;
	float: left;
}

#home{
width: 85px;
height: 25px;
float: left;
margin-top: 55px;
}


#idioma{
width: 85px;
height: 25px;
float: left;
margin-top: 55px;
}



/* CUERPO*/

#cuerpo{
	width: 768px;
	height: 350px;
	position: relative;
	float: left;
	background-image: url(../images/fondo_cuerpo.png);
}

#auspicios{
	width: 130px;
	height: 350px;
	position: relative;
	float: left;
}

#cuerpoContacto{
	width: 768px;
	height: 400px;
	position: relative;
	float: left;
	background-image: url(../images/fondo-contacto.png);
}

#flash{
	width: 100%;
	height: 400px;
	position: static;
	z-index: 0;
}


#aviso{
width: 900px;
height: 80px;
margin: auto;

}

.centrar{
	position:absolute;
	bottom:37px;
	margin:0px;
	padding:0px;
	filter:alpha(opacity=80);
	moz-opacity:0.8;
	khtml-opacity: 0.8;
	opacity: 0.8;
	z-index: 2;
	left:202px;
	width:400px;
	height: 300px;
}

/* DATOS */

#contenedor-datos{
width: 268px;
height: 412px;
position: absolute;
top: 0;
left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}


#instrucciones{
height: 240px;
padding: 20px 20px;
}

#instrucciones p{
color: #333;
text-align: justify;
}

#instrucciones p a{
color: #333;
text-align: justify;
text-decoration: none;
color: #CC0000;
}

#instrucciones p a:hover{
color: #999;
}

#direccion{
height: 132px;
padding: 0 15px;
color: #666;
}

#direccion p{
font-size: 0.8em;
}

#direccion a{
text-decoration: none;
color: #CC0000;
font-size: 0.75em;
}

#direccion a:hover{
color: #999;
}

.mail{
font-size: 0.75em;
}




/* FORMULARIO CONTACTO */

#formulario{
width: 500px;
height: 412px;
position: relative;
left: 268px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-left: 1px dashed #999999;
border-collapse: collapse;
}

#contact-area {
padding-top: 30px;
margin-left: 90px;
height: 382px;
width: 320px;
}

#contact-area h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #CC0000;
margin-left: 88px;
padding-top: 10px;
clear: both;
}

#contact-area h6{
width: 170px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.85em;
color: #CC0000;
margin-left: 110px;
padding-top: 5px;
border-top: 1px dashed #666;
clear: both;
line-height: 1.6em;
}

#contact-area input, #contact-area textarea {
width: 220px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0px 0px 10px 0px;
padding: 2px;
border: 1px solid #CCC;
float: left;
}


#contact-area textarea {
height: 70px;
}

#contact-area textarea:focus, input:focus{
border: 1px solid #333333;
}

#contact-area input:focus{
border: 1px solid #333333;
}


#contact-area input.submit-button {
width: 60px;
float: right;
margin-right: 10px;
border: 1px solid #999;
}

label {
float: left;
text-align: right;
width: 80px;
font-size: 0.9em;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666;
line-height: 1em;
padding: 4px 5px 3px 3px;
}

.obligado{
color: #CC0000;
}

input, select, textarea{
color: #666;
} 

/* LINKS CATALOGO */

#links-catalogo{
	width: 224px;
	height: 345px;
	float: left;
	background-image: url("../imgs/fondo-links.jpg"/*tpa=http://www.caffarena.cl/perfectbody/imgs/fondo-links.jpg*/);
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#links-catalogo ul#categorias {
list-style-type: none;
text-align: left;
line-height: 3em;
padding: 15px;
}

#categorias li a{
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
}

#categorias li a:hover {
	color: #FF0000;
}

#categorias li a.current {
color: black;
}

ul#productos{
list-style-type: none;
text-align: left;
line-height: 1.5em;
width: auto;
padding-left: 5px;
}