/* CSS Document */
*{margin:0px;}
body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff url(imagenes/fondo.jpg) repeat-x;
	text-align:justify;
	}
h2{color:#000;font-size:12px;font-weight:bold;}

.rojo {color: #c61011;}
.azul {color: #539fc8;}
.claro {color: #44beff;}
.h4	{color: #0079ba}
.clear{clear:both}
.titulo{clear:both;padding-bottom:15px;}


a:link {color: #000;text-decoration: none;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: none;color: #000;}
a:active {text-decoration: none;color: #000;}

.img_izq{float:left;margin-right:15px;background:#ddebf3;border:solid 1px;padding:5px}
.img_der{float:right;margin-left:15px;background:#418ebc;border:#1f4359 solid 1px;padding:5px}
#sombra_header
	{
	background: url(imagenes/sombra_header.jpg) no-repeat;
	width:1077px;
	height:512px;
	margin:auto;	
	}

#header
	{
	background: url(imagenes/header.jpg) no-repeat;
	width:997px;
	height:512px;
	border: solid 0px;
	margin:auto;
	}
	
#sombra_contenido
	{
	background: url(imagenes/sombra.jpg) repeat;
	width:1077px;	
	margin:auto;
	}

#contenedor
	{
	width:987px;
	height:auto;
	border: solid 0px;	
	overflow:hidden;
	background: #fff;
	padding-left:10px;
	margin:auto;
	padding-bottom:10px;
	}
	
#secciones
	{
	width:728px;
	height:316px;	
	float:left;
	border: solid 0px;
	text-align:center;
	}
	
.img_seccion
	{
	padding-left:4px;
	}

#contenido
	{
	float:left;
	width:705px;
	border: solid 0px;
	overflow:hidden;
	}

#eventos
	{
	width:365px;
	/*height:255px;*/
	border: solid 0px;
	border-right: 1px dotted;
	float:left;
	}

.evento
	{
	background: url(imagenes/vineta.jpg) no-repeat;
	width:307px;
	min-height:50px;
	float:left;
	border-bottom:1px dotted;
	padding-top:10px;
	}

.evento_p
	{
	padding-left:25px;
	text-align:left;
	}
	
#productos_inf
	{
	width:320px;
	height:266px;
	border: solid 0px;
	float:left;
	padding-left:28px;
	}

.producto_inf
	{
	width:305px;
	padding-top:10px;
	float:left;
	}

.producto_inf p
	{
	margin-left:128px;
	}

#derecho
	{
	width:259px;
	border: solid 0px;
	float:right;
	}

#menu
	{
	width:267px;
	float:left;
	}

.lista
	{
	padding-left:45px;
	border-bottom:
	2px solid;	
	border-color: #BCCAD3;
	padding-bottom:10px;
	padding-top:10px;
	width:208px;
	text-align:left;
	}

.lista {background:#ddebf3}
.lista:hover{background:#d7d7d8}
.lista ul{padding-left:10px}

.seccion
	{
	background: url(imagenes/fondo_seccion.jpg) no-repeat;
	width:178px;
	height:316px;
	float:left;
	}
.seccion img{border:0px}
.seccion p{	height:135px;}

#contacto
	{
	width:253px;
	background: #edeeee;
	float:left;
	height:289px;
	padding-top:20px;
	margin:auto;
	}

#button
	{
	background: url(imagenes/boton.jpg) no-repeat;
	width:139px;
	height:33px;
	}

#sombra_pie
	{
	background: url(imagenes/sombra_pie.jpg) no-repeat;
	width:1077px;
	height:106px;
	margin:auto;	
	}

#pie
	{
	background: url(imagenes/pie.jpg) no-repeat;
	width:997px;
	height:106px;
	color:#fff;
	text-align:center;
	margin:auto;
	}

.articulos
	{
	width:704px;
	border-bottom: dotted 1px;
	}

.imagen_producto
	{
	float:left;
	background: url(imagenes/img_productos.jpg) no-repeat;
	width:150px;
	height:151px;
	margin-right:35px;
	position:relative;
	}

.descarga_pdf
	{
	position: absolute;
	width:120px;
	height:41px;
	right:24px;
	top:134px;
	}

.subtitulo
	{ 
	background: url(imagenes/fondo_subtitulo.jpg) no-repeat;
	width:518px;
	height:30px;
	float:right;
	color:#fff;
	font-size:16px;
	margin-bottom:20px;
	}

.productos
	{
	background: url(imagenes/caja_productos.jpg) no-repeat;
	width:204px;
	height:235px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	}

.texto_producto
	{
	width:518px;
	float:left;
	}

.vineta
	{
	width:300px;
	list-style-image:url(imagenes/vineta2.jpg);
	list-style-position:inside;
	padding:3px 0 3px;
	}



/**** TABLA ***/

table {
	width: 500px;
	border:1px solid #000000;
	border-spacing: 0px; 
	margin-left:11px;}

table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

table caption {
	font-size: 1.8em;
	text-align: left;
	text-indent: 100px;
	background: url(images/bg_caption.gif) left top;
	height: 40px;
	color: #FFFFFF;
	border:1px solid #000000; }

thead th {
	background: url(imagenes/header_tabla.jpg) left;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; }

tbody tr {	background: #ffffff; }

tbody tr.odd {	background: #f0f0f0; }

tbody th {
	background: url(images/arrow_white.gif) left center no-repeat;
	height:32px;
	background-position: 5px;
	padding-left: 40px !important; }

tbody tr.odd th {
	background: url(images/arrow_grey.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important; }

tbody th, tbody td {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #000000;
	padding: 5px 7px;
	border-bottom: 1px solid #418ebc;
	text-align: left; 
	height:32px;}

tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }

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

tbody tr:hover th {
	background: #418ebc url(images/arrow_red.gif) left center no-repeat;
	background-position: 5px;
	color: #ffffff; }

tbody tr.odd:hover th {
	background: #000000 url(images/arrow_black.gif) left center no-repeat;
	background-position: 5px;
	color: #ffffff; }

tbody tr:hover th a, tr.odd:hover th a	{
		 color: #ffffff; }

tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background: #418ebc;
	color: #ffffff;	 }

tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;	 }

tfoot th, tfoot td {
	background: #ffffff url(images/bg_footer.gif) repeat-x bottom;
	font-size: 0.8em;
	color: #ffffff;
	height: 21px;
	}
	
/****************/