/* CSS LA OTRA CARNE */ 
/* BLUONE DISE„O & TRADE MARKETING, 2007 */ 
/* www.bluone.cl */



/* Estructura principal */ 


html {
height: auto;
}

body {
background: #000000 url(../imagenes/background.jpg) repeat-x;
height: auto;


font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:0.7em;
line-height:1;
color: #ffffff;
}

#box {
background: #4a4a4a;
width: 800px;
height: auto;
margin: 20px auto 20px auto;
padding: 10px;
}

#cabecera {
background: #000000;
width: auto;
height: 250px;
}

#menu {
background: #5d5d5d;
margin: 1px auto 0 auto;
_margin: 0px auto 0 auto;

height: 45px;
text-align: center;
border-bottom: #fcb92b solid 10px;
}

#contenido {
background: #313131;
width: auto;
height: auto;
color: #FFFFFF;
padding: 25px;
}

#footer{
background: #5d5d5d;
width: auto;
height: 50px;
padding: 10px 0 0 0;
text-align: center;
color: #999;
}

/* Areas de informaci—n dentro de #contenido  */ 

.left_info { 
height: auto;
width: 365px;
float: left;
margin: 0 0 15px 0;
line-height: 1.3em;
}

.right_info { 
height: auto;
width: 365px;
float: left;
margin: 0 0 15px 0;
line-height: 1.3em;
margin-left: 20px;
}

.center_info { 
height: auto;
width: 720px;
background: #3f3f3f;
border: #636363 solid 1px;
padding: 15px;
line-height: 1.3em;
margin-bottom: 15px;
}

.center_info_cita { 
height: auto;
width: 680px;
background: #3f3f3f url(../imagenes/comillas.gif) no-repeat;
border: #636363 solid 1px;
padding: 15px 15px 15px 45px;
line-height: 1.3em;
margin-bottom: 15px;
}


.imagen_cuadro{ 
height: auto;
width: 210px;
float: left;
border-right: #636363 solid 1px;
}

.texto_cuadro{ 
height: auto;
width: 470px;
float: left;
padding: 0 0 0 15px;
line-height: 1.3em;
}


/* Textos */ 

.titulo { 
	color: #fcb92b; 
	font-size: 1.6em; 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	line-height: 1.3em;
	background:  url(../imagenes/dot.gif) repeat-y;
	padding-left: 10px;
}

.subtitulo { 
	color: #fcb92b; 
	font-size: 1.2em; 
	font-family: Georgia, "Times New Roman", Times, serif;
	background:  url(../imagenes/dot.gif) repeat-y;
	padding-left: 10px;
}

.gris { 
	color: #666666; 
	font-size: 1em; 
	font-family: Georgia, "Times New Roman", Times, serif;
}

.naranjo { 
	color: #fcb92b; 
	font-size: 1em; 
	font-weight: bold;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


/* Link */ 

a  {
	color: #fcb92b;
	font-size: 1em;
	font-weight: bold;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
}

a:hover { 
	color: #fcb92b;
	text-decoration:underline; 
}

a:vsited { 
	color: #bbbbbb; 
}



/* Link */ 

/* Lista Menu */ 

a {
outline: 0px;

}

/* Lista Menu */ 
	
ul.menu { 
margin: 0;
padding: 5px 0 10px 0;
}

ul.menu li { 
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}

ul.menu li a { 
padding: 5px 0px 12px 10px;
_padding: 5px 0px 0px 10px;
background: #000000 url(../imagenes/menu_normal.gif) no-repeat;
color: #FFFFFF;
text-decoration: none;
}

ul.menu li a span { 
background: url(../imagenes/menu_normal_end.gif) no-repeat right;
padding: 5px 10px 12px 0px;
_padding: 5px 10px 7px 0px;
}

ul.menu li a:hover, ul.menu .activo  {  
padding: 5px 0px 21px 10px;
_padding: 5px 0px 0px 10px;
background: #fcb92b url(../imagenes/menu_hover.gif) no-repeat;
}

ul.menu li a:hover span, ul.menu .activo span { 
background: url(../imagenes/menu_hover_end.gif) no-repeat right;
padding: 5px 10px 21px 0px;
_padding: 5px 10px 16px 0px;
}



/* Clear */ 


.clear { 
clear: both; 
}

/* FORMULARIO */

.formulario {
background-color: #ffffff;
padding: 2px 0 2px 0 ;
border: 1px solid #cccccc;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}