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

/*************** ataques directos **************************/
/*BODY*/
body{
	margin:0;
	padding:0;
	font-family:"Century Gothic", Arial, sans-serif, Helvetica;
}
img
{
	border:none;
}
h1, h2, h3, h4, h5, h6, p, a, table, ul, li {
	color:#152854;
	font-family:"Century Gothic", Arial, sans-serif, Helvetica;
	font-weight:100;
	text-decoration:none;
	
}
strong{
	font-weight:800;
}
h1, h2, h3, h4, h5, h6{
	
	text-shadow:1px 1px 1px #FFFFFF;
	
}
#boton_envio, #boton_vaciar{
	font-size:11px;
	cursor:pointer;
}
p, ul, li {
	font-size:16px;	
}
h1 {
	font-size:24px;
	color:#76A441;
	margin:0;
	padding:0;
}
h2 {
	font-size:16px;
	margin:0;
	padding:0;
}

/*************************** elementos de lista  ***************************************/
.contenido ul{
	list-style:inside;
}






/*************************** CONTENIDO DE LA PÁGINA ***************************************/
.fondo_base{
	width:100%;
	min-height:1313px;

	background-color:#fff;
}

.contenedor {
	width:989px;
	min-height:1313px;
	background:url(../imagenes/background-page.jpg) no-repeat;
	margin:auto;
}

.swf {
	width:989px;
	height:316px;
	float:left;
	background:url(../imagenes/Cabecera.png)
}


/*************************** contenido web *********************************/
.contenido {
	width:989px;
	min-height:312px;
	float:left;
}

.imagen_cabecera_contenido {
	width:989px;
	height:14px;
	background:url(../imagenes/body-cabecera.png);
	float:left;
}

.imagen_footer_contenido {
	width:989px;
	height:46px;
	background:url(../imagenes/body-footer.png);
	float:left;
}

.imagen_columna_contenido {
	width:989px;
	min-height:280px;
	background:url(../imagenes/body-repeat.png);
	float:left;
}

.contenido_columna {
	width:830px;
	min-height:300px;
	margin:0 0 10px 80px;
}
.contenido_columna p{

}

.corte {
	clear:both;
}

/*************************** banner productos *********************************/
.banner_productos {
	width:989px;
	height:219px;
	background:url(../imagenes/botonera/banner-body.png);
	float:left;
	/*margin-left:25px;*/
}
.banner_horizontal{
	width:800px;
	min-height:186px;
	margin:auto;
	margin-top:5px;
}
.boton_banner{
	margin-top:15px;
	margin-left:5px;
	width:195px;
	height:186px;
	float:left;
}
#boton_1	{background:url(../imagenes/boton-empresa-banner.png);}
#boton_2	{background:url(../imagenes/boton-productos-banner.png);}
#boton_3	{background:url(../imagenes/boton-galeria-banner.png);}
#boton_4	{background:url(../imagenes/boton-planrenove-banner.png);}

#boton_1:hover	{background:url(../imagenes/boton-empresa-banner2.png);}
#boton_2:hover	{background:url(../imagenes/boton-productos-banner2.png);}
#boton_3:hover	{background:url(../imagenes/boton-galeria-banner2.png);}
#boton_4:hover	{background:url(../imagenes/boton-planrenove-banner2.png);}



/*************************** pie de página *********************************/
.pie_pagina {
	width:989px;
	height:298px;
	background:url(../imagenes/footer.png);
	background-repeat:no-repeat;
	float:left;
}


/*************************** mapa web *********************************/
.mapa_web {
	color:#152854;
	list-style:inside;
	
}
.mapa_web a{
	color:#152854;
}

.mapa_web a:hover{
	color:#83E661;
}




/************ galería de imágenes ***************/
.yoxview{
	float:left;
}
.yoxview a{
	width:150px;
	display:block;
	float:left;
}
.yoxview .titulo_imagen{
	width:150px;
	height:20px;
	overflow:hidden;
	margin-top:5px;
}
.yoxview .titulo_imagen p{
	margin:0px;
}
.yoxview .descripcion_imagen{
	width:150px;
	height:45px;
	font-size:10px;
	overflow:hidden;
	margin-top:5px;
}
.yoxview .descripcion_imagen p{
	margin:0px;
	font-size:10px;
	text-align:justify;
}
#herramientas{
	width:10px;
	height:18px;
}
#herramientas a{
	width:10px;
	height:18px;
}
.imagen_galeria{
	width:150px;
	float:left;
	margin:6px 15px 15px 6px;
	padding:12px;
}

.email a{
	color:red;
}