body{
	background-color:rgb(250,250,250);
}

#container{
    padding:0 0;
    margin:0 auto;
    border:1px solid black;
    width:800px;
    color:rgb(246,208,148);
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

#head{
    position:relative;
    background-color:rgb(155,6,8);
    width:auto;
    /* height:150px; */
    height:220px;               
}

#cuerpo{
    width:100%;
    height:auto;
    background-color:rgb(155,6,8);
    background-image:url("../img/degradado-rojo.jpg");
    background-position:left top;
    background-repeat:repeat-x;
}

#logo{
    position:absolute;
    right:10px;    
	top:15px;	
}

#head p{
    width:400px;                
    font-weight:bold;               
    margin:0 0 0 20px;
    padding:65px 0 0 30px;
    text-align:center;
    letter-spacing:0.8px;
}       

#head p span{
    white-space:nowrap;
}

#producto-recomendado{
	position:absolute;
	top:10px;
	left:0;
	font-weight:bold;
	background-color:rgb(255,199,23);
	width:250px;
	height:30px;
	font-size:1.5em;
	text-decoration:underline;
	padding:0 0 0 30px;
}

#anno{
	position:absolute;
    bottom:0;
    right:10px;
	font-size:4.4em;
	color:black;
}

#anno .oi{
	position:absolute;
	top:-8px;
	left:-33px;
	color:rgb(155,6,8);	
}

#destacado{            
    position:relative; 
    background-color:rgb(255,199,23);
    width:100%;
    height:370px;
    margin:0 0;
    padding:0 0;
    color:rgb(155,6,8); 
}


#destacado .oi{
    float:left;
	width:430px;
	padding:5px 0 0 30px;
}

#destacado p{
    margin:0 0;
    padding:0 0;
	font-size:1em;
}

#destacado p.datos-empresa{
	margin-top:70px;
    color:black;	
	font-weight:bold;
	font-size:1.05em;
}

.producto-recomendado{
	text-decoration:underline;
	font-size:1.8em;
	margin:30px 0;
	padding:0;
}

#destacado a{
	color:black;
	font-size:1.1em;
	text-decoration:none;	
}

#destacado p.datos-empresa span{
    white-space:nowrap;	
}

#destacado h3{
	font-size:1.3em;
    margin:1px 0;
    padding:0 0;
}

#destacado .img-destacada{
    float:right;
    margin:0 0;
    padding:0 0;
}   

#cuerpo{
	font-size:1.2em;
	padding:0 0 50px 0;
}

#cuerpo .oi{
	padding:40px 0 30px 50px;
}     

#cuerpo h4{
	margin:0;
	padding:0;
	display:inline;
	font-size:1.1em;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:bold;
	color:rgb(255,199,23);
}

#cuerpo .producto{
	position:relative;
	margin:10px 0 0 0;	
	padding:2px 100px 10px 15px;
	width:500px;
	font-size:0.8em;	
	border-bottom:1px solid rgb(255,199,23);
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:0.03em;	
}

#cuerpo .producto span.precio{
	position:absolute;
    background-color:rgb(255,199,23);
	width:150px;
	height:25px;
	right:-100px;
	bottom:-1px;
	color:rgb(155,6,8);
	line-height:2em;
	font-weight:bold;
	text-align:center;
}

#cuerpo .producto span{
	white-space:nowrap;
}

#foot{
	/* background-color:rgb(155,6,8); */
	background-color:rgb(155,20,25);
	color:rgb(255,199,23);
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding:5px 0 5px 0;
}

#foot2{
    /* background-color:rgb(155,6,8); */
    background-color:rgb(255,199,23);
    color:rgb(155,20,25);
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    padding:5px 0 5px 0;
	text-align:center;
}

ul.menu, ul.menu2{
	font-size:1.0em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0 0 8px -10px;
	padding:0;	
}

ul.menu li,ul.menu2 li {	
	display:inline;	
}

.menu a{
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	text-transform:capitalize;
	color:rgb(255,199,23);
	border-right:2px solid rgb(255,199,23);
	letter-spacing:0.2em;	 
}

.menu2 a{
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
    text-transform:capitalize;
    color:rgb(155,6,8);
    border-right:2px solid rgb(155,6,8);
    letter-spacing:0.2em;
}

.menu a:hover{
	border-top:1px solid rgb(255,199,23);	
	border-right:2px solid rgb(255,199,23);
}

.big{
    font-size:20px;
}

.medium{
    font-size:15px;
}

.little{
    font-size:12px;
}

.top-spacing{
    line-height:35px;
}

.logo{
    
}

/*----------------- Formulario   ------------------------------- */
.contacto{
    /*    
    margin-top:40px;
    padding:30px 0 50px 20px;
    */  
    padding:35px 0 50px 20px;
}

#contacto fieldset{ 
    border:1px solid rgb(220,220,220);
    margin:0;
    padding:0;  
}

#contacto legend{
    font-weight:bold;
    font-size:1.05em;
    color:black;    
}

#contacto input:focus, #contacto textarea:focus{
    background-color:rgb(240,240,240);
}

#contacto input, #contacto textarea{
    background-color:rgb(250,250,250);
    font-size:0.9em;
    width:230px;
    color:#00145D;  
}

#contacto label{
    width:100px;
    clear:left;
    float:left; 
    margin:0;
    padding:0 0 0 15px;             
}

#contacto label, #contacto input, #contacto textarea, #contacto select{
    margin:8px 0 0 0;
}

#contacto textarea, #contacto input, #contacto select{
    float:left;
}

#contacto .boton{
    width:100px;
    float:right;
    margin:10px 5px 0 0;
    color:rgb(255,199,23);
	background-color:rgb(155,6,8);
	font-weight:bold;
	border:1px solid black;
}

/* ------------------------------------------------------------ */