body {
	margin: 0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size: 70%;
	color:#38302B;
	background-color: #38302B;
	background-repeat:repeat-x;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

#contenedor{
	width: 800px;
	margin: 0px auto;
}

#cabecera{
	width:800px;
	margin:0px;
	padding:0px;
}

#logo{
	float:left;
	padding: 0px;
	margin: 25px 0px 0px 0px;
}

#menu{
	float:right;
	margin:65px 0px 0px 0px;
	height:50px;
	padding:0px;
}

#foto_home{
	width:800px;
	height:250px;
	text-align:right;
	background-color: #30302B;
	border-bottom: 1px solid #38302B;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:right;
	background-repeat:no-repeat;
}

#foto{
	clear:both;
	width:800px;
	height:240px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#272523;
	text-align:left;
	background-repeat:no-repeat;
}

#contenido_home{
	clear:both;
	padding: 0px 0px;
	width:800px;
	margin: 0px 0px;
	background-repeat:repeat-y;
}

#contenido{
	clear:both;
	padding: 0px 0px;
	width:800px;
	margin: 0px 0px 0px 0px ;
}

#home_izda{
	float: left;
	padding: 0px 0px;
	width:200px;
	margin: 0px 0px 0px 0px;
	background-image:url(imagenes/texto_izda.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	background-color: 673b15;
}

#home_ctro{
	float: left;
	padding: 5px 5px;
	width:390px;
	height:190px;
	margin: 0px 0px 0px 0px;
	background-color: #59493f;
}

#home_dcha{
	float: left;
	padding: 25px 20px;
	width:160px;
	height:150px;
	margin:  0px;
	background-color: #272523;
}

#lateral{
	float:left;
	padding: 0px;
	width:280px;
	margin: 0px 0px 0px 0px;
	color:#59493f;
	
	}
	
#foto_int{
	float:right;
	padding: 0px;
	width:520px;
	height:200px;
	background-color:#aea596;
	margin: 0px 0px;
	
	}
	
#derecha{
	padding: 20px 20px;
	width:320px;
	margin: 0px 0px;
	
}

#principal{
	float:right;
	padding: 10px;
	width:460px;
	margin: 0px 0px;
	
}

#pie{
	text-align:center;
	clear:both;
	width:800px;
	color:#756459;
	margin:0px auto;
	padding:10px 0px;
}

#ruta{
	float:right;
	margin:75px 0px 0px 0px;
	color:#756459;
	height:10px;
	width:300px;
	padding:9px 0px;
}

#centro{
	float: left;
	padding: 5px 5px;
	width:100px;
	height:75px;
	margin: 10px 0px 10px 0px;
	background-color: #38302B;
}

#izquierda{
	float: right;
	padding: 0px 5px;
	width:240px;
	height:50px;
	margin: 10px 0px 10px 0px;
	background-color: #38302B;
}

/* ----------------- lista de la ruta  -----------------*/

#ruta  ul{
	margin:0px;
	padding:0px;
	display:inline;
	list-style:none;
	text-decoration: none;
}
#ruta  li{
	float:right;
	margin:0px;
	list-style:none;
	text-decoration: none;
	background-image:url(imagenes/icono_flecha.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 5px 5px 5px 5px;
}

#ruta li a{
	list-style:none;
	text-decoration: none;
	display:block;

}

#ruta  a:hover {
	text-decoration: none;
	background-color:#FF0000;
}
/* ---------------- lista del menu -------------------- */

#menu ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
	font-size:90%;
}
#menu  li {
	float:left;
	margin: 0px;
	padding: 0px;
}
#menu  li a{
	display:block;
	width:110px;
	padding:15px 15px 10px 15px;
	margin:0px 1px;
	text-decoration: none;
	background-image:url(imagenes/menu_reposo.gif);
	background-repeat:no-repeat;
	color: #ffffff;
}
#menu  a:hover {
	text-decoration: none;
	background-image:url(imagenes/menu_activado.gif);
	background-repeat:no-repeat;

}	

.menu_on{ background-image: url(imagenes/menu_activado.gif);}

/* ----------------- Enlaces ------------*/
a {
	color: #FFFFFF;
	text-decoration: none;
	padding:0px 3px;
}

a:hover{
	text-decoration: none;
}

/* ----------- Encabezados y parrafo -------------*/
p	{
	margin:0px;
	padding:5px 0px;
	color:#cebca5;
	}
	
h1 {
	display:none;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:150%;
	padding:3px 0px 5px 3px;
	color:#5e594f;
	margin:0px;
	height:50px;
	text-transform:uppercase;
	clear:both;
	 background-repeat:no-repeat;
	}

h3 {
	clear:both;
	font-size:150%;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	color:#cebca5;
}

h4 {
	color: #555555;
	font-size:110%;
	padding:10px 5px 0px 0px;
	margin:15px 0px 10px 0px;
	clear:both;
	border-top: 1px solid  #e1dfd7;
}

h5 {
	color:#656659;
	font-size:100%;
	padding:0px 5px;
	margin:5px;
}

h6 a:hover {
	background-color:#FF0000;
}

h6 {
	font-family: Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
	margin:0px;
	padding:0px 0px;
	color:#cebca5;
}
/* ------------------- Formularios -------------------*/

form {
padding: 0px 0px 0px 0px;
margin:0px;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#FFFFFF;
	border:1px solid #5e594f;
	padding:4px 6px;
	margin:2px 0px 10px 0px;
	background-color: #272523;
	}
	
.over{
	background-color: #ffffff;
	}
	
	
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #5e594f;
	padding:0px;
	color:#333333;
	margin:3px 0px 10px 0px;
	}
	
label{color:#5e594f; }	

fieldset{
	border:1px solid #c8b9a8;
	color:#5e594f;
	padding:20px;
	margin:20px 0px;
	}
	
legend{
	font-size:90%;
	text-transform:uppercase;
	background-color:#f3f1e9;
	padding:5px;
	}

textarea{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #FFFFFF;
	border:1px solid #5e594f;
	padding:4px 6px;
	margin:0px 0px 10px 0px;
	background-color: #272523;
	}
submit{
	border:1px solid #5e594f;
	padding-left:3px;
	}

.botontxt{
	border:1px solid #5e594f;
	background-color: #5e594f;
	color:#FFFFFF;
	padding:5px;
	}
	
.botonclientes{
	border:1px solid #34431c;
	background-color: #4a5f2a;
	color:#FFFFFF;
	padding:5px;
	font-size: 90%;
	}	
.botonclientes:hover{
	text-decoration:none;
	background-color: #34431c;
	}
	

/* ----------------- listado servicios ----------------*/
.lista_servicios ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}

.lista_servicios li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-image:url(imagenes/icono_punto.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 5px 15px 5px 10px;
	border-bottom: 1px dotted #c8b9a8;
}

.lista_servicios li a{
	display:inline;
	text-decoration: none;

}

.lista_servicios a:hover {
	background-color:#272523;

}

/* ----------------- listado empresa ----------------*/
.lista_empresa ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}

.lista_empresa li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-image:url(imagenes/icono_punto.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 5px 15px 5px 10px;
	border-bottom: 1px dotted #c8b9a8;
}

.lista_empresa li a{
	display:inline;
	text-decoration: none;

}

.lista_empresa a:hover {
	background-color:#FF0000;

}

/* ----------------- clases para listas ----------------*/
.listado ul{
	margin: -10px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	list-style:none;
	background-image:url(imagenes/icono_flecha.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 4px 0px 4px 8px;
	border-bottom: 1px dotted #c8b9a8;
	color:#cebca5;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	background-color:#FF0000;

}

/* ------------------------------------ slider -----------------------------------*/
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:800px;
	height:250px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}	
span#prevBtn a{display:block; float:left; padding:4px 5px; background-color:#8c817c; width:380px; text-align:left; font-size:80%; color:#FFFFFF;}
span#nextBtn a{display:block; float:right; padding:4px 5px; background-color:#8c817c;width:380px; text-align:right; font-size:80%; color:#FFFFFF;}
span#prevBtn a:hover{ text-decoration:none; background-color:#CC6600;}
span#nextBtn a:hover{ text-decoration:none; background-color:#CC6600;}	

/* ------------------------------------ clases -----------------------------------*/


.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 15px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 0px 15px 15px 0px;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 0px;
	margin: 3px 10px 10px 0px;
	border:4px solid #f8f8f5;
}
.fotoparrafomarcode {
	float: right;
	padding: 0px;
	margin: 3px 0px 10px 10px;
	border:4px solid #f8f8f5;
}

.separador {
	clear:both;
	height:0px;
	font-size:1px;
	padding:0px;
	margin:0px;
}

.logo img{
	border:none;
	padding:1px;
	margin:0px 10px 10px 0px;
}

.titulo{color:#888888; font-weight:bold;}
.form_clientes{color:#e1dfd7;}
.mensaje{color: #CC6600; font-weight:bold; display:block; padding:10px; border:1px solid #CC6600; background-color:#FFFFCC; margin:10px 2px; }
.mini{font-size:90%; }
.oculto{display:none;}
.gris{color:#666;}
.tecla {text-decoration: underline;} 
.negrita{font-weight:bold;}
.destacado{color: #669966; font-weight:bold;}

.volver{
	clear:both;
	margin:10px 0px 0px 0px;
	padding:5px 10px;
	background-color: #edebe1;
}

/* ----------------- lista del menu ----------------*/

#fotoshome ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	
}

#fotoshome  li {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:200px;
	height:245px;
	text-align:left;
	text-decoration: none;
}

#fotoshome  li a{
	display:block;
	color:#FFFFFF;
	padding:0px ;
	padding:0px;
	width:200px;
	height:245px;
	text-decoration: none;
}

.bt_srv01 {background-image:url(imagenes/servicios01.jpg);}
.bt_srv02 {background-image:url(imagenes/servicios02.jpg);}
.bt_srv03 {background-image:url(imagenes/servicios03.jpg);}
.bt_srv04 {background-image:url(imagenes/servicios04.jpg);}

.rollhome{
	margin-top:10px;
	float:left;
	display:none;
	background-image:url(imagenes/bt_pix_trans.png);
	padding:25px;
	height:190px;
	width:150px;
	cursor:hand;
	text-decoration: none;
}

.masinfo{color:#FFFF00;}




/* ----------------- clases para listas ----------------*/
.sublistado ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.sublistado li {
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	background-image:url(imagenes/icono_flecha.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 3px 0px 3px 8px;
	border:none;
	color:#666666;
}
.sublistado li a{
	display:inline;
	text-decoration: none;
}
.sublistado a:hover {
	text-decoration: underline;
}

/* ----------------- video ------------------*/

.bt_video{
	background-image: url(/imagenes/bt_video.gif);
	background-repeat:no-repeat;
	display:block;
	width:100px;
	height:75px;
	}

.bt_video:hover{
	background-image: url(/imagenes/bt_video_on.gif);
	}


/* ----------------- clases para titulos de seccion ----------------*/

.tt_servicios_home{background-image: url(imagenes/texto_home_servicios.gif);}
.tt_somos{background-image:url(imagenes/texto_somos.gif);}
.tt_servicios{background-image:url(imagenes/texto_servicios.gif);}
.tt_contacto{background-image:url(imagenes/texto_contacto.gif);}
.fotomarco{border: 4px solid #E9E6E0; margin: 0px 0px 5px 0px;}
.fotomarco:hover{border: 4px solid #AEA9A1; }