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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
#container {
	width: 842px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	margin: 20px auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
#header {
	background-image:url(../images/plantilla/header_bg.jpg);
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	height:120px;
}
#header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
#mainContent {
	padding: 0; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	background-image:url(../images/plantilla/fondo_gral.jpg);
	height:560px;
}
#mainContent h1{
	margin:0;
}
#mainContent p{
	margin:0;
}
.caja_superior{
	width: 760px;
	margin: 0 auto;
	padding-top: 40px;
}
.caja_superior_servicios{
	width: 760px;
	margin: 0 auto;
	padding-top: 15px;
}
.caja_banner{
	width: 760px;
	margin: 0 auto;
	padding-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}
.caja_banner a:link, a:visited{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.caja_banner a:hover{
	text-decoration:underline;
}




.txt_bg{
		font-family:Arial, Helvetica, sans-serif;
}
.txt_bg_2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:bold; 
		text-decoration:underline;
		color:#000;
}
.txt_me{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
}
.txt_sm{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
}
#footer {
	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#94c516;
}
#footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

/* BOTONERA */

ul.botonera
{
list-style-type:none;
margin:0;
padding:0;
padding-top:50px;
padding-left:350px;
overflow:hidden;
}
li.botonera
{
float:left;
}
a.botonera:link,a.botonera:visited
{
display:block;
width:92px;
height:22px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:18px;
letter-spacing:-1px;
color:#FFF;
background-image:url(images/bg_botones.png);
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
margin:1px;
}
a.botonera:hover,a.botonera:active
{
background-color:#61810e;
}


/******** Carousel ********/
		
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 400px;
	margin-left:0px;
	background-image:url(../images/plantilla/fdo_slider.png);
}
 
#carousel .belt {
	position: absolute; /* Necesario */
	left: 0px;
	top: -1px;
	margin:0 10px 10px 0;
	width: 700px;
	padding-top:50px;
}

#carousel .panel {
	width:320px;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 22px;
	margin-top:40px;
	margin-left:14px;	
	padding:0px;
	border:0px ;
	text-align:center;
}

#carousel .caja_texto {
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
}

#carousel .lista_texto {
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
}

#carousel .caja_foto{
	padding-right:10px;
	float:left;
}
 
#carousel .panel .panel-text {
	padding-top:4px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	height:35px;
	text-align:center;
}
 
#carousel .panel .panel-text a {
	color:#CCC;
	text-decoration:none;
}
 
#carousel .panel .panel-text a:hover {
	color:#FFF;
	text-decoration:underline;
}
 
/******** Botones del carousel ********/
			
.button-prev {
	height:210px;
	width:35px;
	float:left;
	-moz-border-radius:10px 0 0 10px;
}
 
.button-prev a {
	display:block;
	padding-left:6px;
	margin-top:88px;
}
 
.button-next {
	height:210px;
	width:35px;
	float:right;
	-moz-border-radius:0 10px 10px 0;
}
 
.button-next a {
	display:block;
	margin-left:-1px;
	margin-top:88px;
}
 
a img {
	border:none;
}
/* 
Estilo para elementos label. 
Muestra los elementos label en bloque 
y con la letra negrita. 
*/ 
label { 
 display:block; 
 font-family: Arial, Helvetica, sans-serif;
 font-size:20px;
 color:#000;
 line-height:40px;
 text-align:center;
} 
 
/* 
Estilo para elementos legend. 
Crea un titulo con el texto de legend. 
*/ 
legend { 
 font-size:120%; 
} 
 
/* 
Estilo para elementos fieldset. 
Elimina los bordes del formulario. 
*/ 
fieldset { 
 border:none; 
 text-align:center;
} 
 
/* Estilo para elementos input y textarea. 
Crea un borde de 1px negro. 
*/ 
input, textarea { 
 border:1px solid #ccc; 
} 


/* Estilo para elementos input y textarea con foco. 
Cuando se selecciona uno de estos 
elementos el color de fondo cambia. 
*/ 
input:focus, textarea:focus { 
 background:#eee; 
}