/* CSS Document */
html, body{
width:100%;
height:10%;
margin:0px;
padding:0px;
font-family:verdana;
}

.clear{
clear:both;
}

#cuerpo{
width:100%;
height:100%;
}

/**************
	FUENTES
***************/

.txt_pie{
font-size:10px;
color:#a7a7a7;
}

.txt_enlaces{
font-size:11px;
color:#a7a7a7;
}

.txt_enlaces_2{
font-size:11px;
color:#000;
}

.txt_enlaces_3{
font-size:11px;
color:#f26100;
}

.txt_01{
font-size:12px;
color:#000;
}

.txt_02{
font-size:14px;
color:#f26100;
font-weight:bold;
}

.txt_03{
font-size:10px;
color:#f26100;
}

.txt_04{
font-size:10px;
color:#a7a7a7;
}

.txt_05{
font-size:12px;
color:#f26100;
font-weight:bold;
}

.txt_06{
font-size:12px;
color:#000;
font-weight:bold;
}

.txt_05_b{
font-size:12px;
color:#f26100;
}

.txt_06_b{
font-size:12px;
color:#000;
}



.txt_07{
font-size:12px;
color:#a7a7a7;
}

.txt_08{
font-size:10px;
color:#000;
}



/**************
	CABECERA
***************/

#cabecera{
position:relative;
width:100%;
height:235px;
background-image:url(../imagenes/fondo_cabecera.png);
background-repeat:repeat-x;
}

#sup_logo{
position:relative;
padding-left:71px;
top:12px;
width:876px;
}

#sup_logo ul{
margin:0px;
padding:0px;
list-style:none;
}

#sup_logo li{
float:left;
margin-right:10px;
}

#sup_logo li a{
text-decoration:none;
color:#a7a7a7;
}

#sup_logo li .activo,#sup_logo li a:hover{
text-decoration:none;
color:#f26100;
}

#logo{
position:relative;
background-image:url(../imagenes/cabecera.png);
width:876px;
height:90px;
top:33px;
}

/**************
	CENTRO
***************/

#centro{
position:relative;
top:-90px;
width:876px;
min-height:400px;
height:auto;
z-index:1px;
}

#centro_1{
position:absolute;
float:left;
width:171px;
height:264px;
background-image:url(../imagenes/fondo_centro_1.png);
z-index:2;
left: 0px;
top: 0px;
}

#centro_top{
position:relative;
float:right;
width:705px;
height:45px;
background-image:url(../imagenes/fondo_centro_top.png);
}

#centro_medio_1{
position:absolute;
float:left;
width:1px;
height:219px;
background-color:#fff;
left: 170px;
top: 37px;
z-index:3;
}

#centro_medio_2{
position:relative;
float:right;
width:706px;
min-height:96px;
height:auto;
background-image:url(../imagenes/fondo_centro_3.png);
background-repeat:repeat-y;
z-index:2; 
}

*html #centro_medio_2{
height:96px;
}

#centro_bajo{
position:relative;
float:right;
width:706px;
height:45px;
background-image:url(../imagenes/fondo_centro_bottom.png);
}

#background{
position:absolute;
/*background-image:url(../imagenes/ilustracion_fondo.jpg);*/
width:504px;
height:170px;
z-index:3;
left: 3px;
top: -40px;
}

#centro_enlaces{
position:absolute;
width:132px;
height:141px;
left: 38px;
top: 264px;
}

#centro_enlaces ul{
margin:0px;
padding:0px;
list-style:none;
}

#centro_enlaces li a{
text-decoration:none;
color:#afafaf;
}

#contenido{
position:relative;
width:650px;
min-height:315px;
height:auto;
left:40px;
z-index:4;
}

#menu {
position:relative;
top:45px;
left:2px;
width:154px;
height:125px;
}

#menu ul{
margin:0px;
padding:0px;
list-style:none;
}

#menu li a {
text-decoration:none;
margin-bottom:15px;
display:block;
height:11px;
background-position:bottom;
}

#menu li a:hover,#menu li .activo{
text-decoration:none;
color:#00CC33;
background-position:top;
}

/**************
	PIE
***************/

#pie{
position:relative;
top:-90px;
width:876px;
height:18px;
padding-right:80px;
}

/***************
	CONTACTO
***************/

.marco_mapa{
position:relative;
background-image:url(../imagenes/marco_mapa.png);
float:left;
width:362px;
height:324px;
}

#mapa{
position:relative;
margin-top:8px;
width:336px;
height:304px;
}

#formulario{
position:relative;
float:right;
width:275px;
height:auto;
}

.input_text{
width:115px;
float:left;
border:1px solid #000;
}

.input_text_l{
width:253px;
float:left;
border:1px solid #000;
}

.input_text_box{
width:253px;
height:60px;
float:left;
border:1px solid #000;
}

/**************
	PRODUCTOS
**************/

#productos_left{
position:relative;
height:auto;
width:236px;
float: left;
}

#ficha{
position:relative;
width:236px;
min-height:30px;
background-color:#ffd6ba;
padding-bottom:5px;
}


#ficha ul{
list-style-type:none;
padding:10px;
margin:0;
}

#ficha li{
padding:1px 5px;
margin:0;
}

#ficha li a{
color:#000;
line-height:18px;
}

#productos{
position:relative;
width:100%;
height:auto;
}

#productos_foto{
float:left;
width:265px;
height:235px;
background-image:url(../imagenes/marco_productos.jpg);
background-repeat:no-repeat;
}

#productos_text{
float:left;
width:350px;
height:230px;
margin-left:10px;
}

#linea{
clear:both;
width:100%;
height:5px;
border-bottom: 1px solid #000;
}

#marco_productos{

width:261px;
height:235px;
}

/********************
	POP UP
********************/

#cabecera_pop{
position:relative;
width:367px;
height:130px;
background-image:url(../imagenes/fondo_pop_up.jpg);
background-repeat:repeat-x;
}

#logo_pop{
position:relative;
top:18px;
background-image:url(../imagenes/logo_pop_up.jpg);
width:359px;
height:93px;
z-index:1;
}

#texto_pop{
width:300px;
height:240px;
position:relative;
left:35px;
overflow:auto;
font-size:11px;
color:#6c6a6a;
}

#texto_recomienda{
width:245px;
height:280px;
position:relative;
left:55px;
overflow:auto;
font-family:arial;
line-height:15px;
font-size:13px;
font-weight:bold;
color:#6c6a6a;
}

.text_area_pop{
width:245px;
background-color:#bdbdbd;
border:0px solid #bdbdbd;
}

/********************
	MAPA WEB
********************/

#mapa_web{
position:relative;
width:340px;
height:230px;
margin-left:60px;
}

#mapa_web_i{
position:relative;
float:left;
height:230px;
width:135px;
}

#mapa_web_d{
position:relative;
float:left;
height:230px;
width:188px;
}

#mapa_web_i a, #mapa_web_d{
font-family:georgia;
font-size:16px;
color:#a7a7a7;
font-weight:bold;
text-decoration:none;
}

#mapa_web_d{
font-family:georgia;
font-size:12px;
color:#a7a7a7;
font-weight:bold;
text-decoration:none;
}