/* Estilos Generales ********************/

* { margin:0; padding:0; }
body { 
	background-color:#333;
	color:#333;
	font-family:Verdana;
	font-size:11px;
}
a, a:link, a:visited, a:active {
	outline: none;
	color:#ccc;
	text-decoration:none;
}
a:hover { color:#fff; }

/* DIVS ********************/

#con {
	margin:0 auto;
	width:750px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#fff;
}
#men {
	font-family:"Trebuchet MS";
	height:42px;
	background:url(../img/men_fondo.gif) repeat-x bottom #545454;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
}
	#men ul {
		display:block;
		position:relative;
		list-style:none;
	}
	#men ul li {
		display:inline;
		padding:0 13px;
	
	}
	.li_div {
		background:url(../img/div_menu.gif) center right no-repeat;
	}
	#men a { 
		display:-moz-inline-box;
		display:inline-block;
		margin-top:10px;
		font-size:12px;
	}

#pri, #seg, #ter { clear:both;}
#pri { height:325px; }
#pri_izq { font-family:"Trebuchet MS"; position:relative; background:url(../img/pri_izq_fondo.gif) top center; background-repeat:repeat-x; width:470px; height:303px; float:left; padding:11px 10px; color:#fff; }
#pri_der { padding:4px 4px 3px; float:right; background:#000 url(../img/pri_der_fondo.gif) center center; background-repeat:repeat-x; }

#seg_izq { position:relative; width:470px; float:left; padding:10px 0 10px 10px; }
	#seg_izq .img_separador { padding: 6px 0; border-top: 1px dotted #a1a1a1; clear:both; }

#seg_izq_grande { position:relative; width:535px; float:left; padding:10px 10px; }	

#seg_der { padding:10px 10px 10px 0; float:right;}
	#seg_der .img_separador { padding:0 0 2px 0; }

#seg_dos_col { border-top:1px dotted #a1a1a1; }
	#seg_dos_col .col_1 {
		width:255px;
		float:left;
		padding-bottom:4px;
	}

	#seg_dos_col .col_2 {
		width:255px;	
		float:right;
		padding-bottom:4px;
	}

#ter {padding: 16px 10px; }

#foo {
	font-family:"Trebuchet MS";
	clear:both;
	height:205px;
	border-top:1px solid #000;
	background:#818181 url(../img/foo_fondo.gif) bottom repeat-x;
}
#foo_izq {
	width:352px;
	height:148px;
	margin-top:10px;
	padding:0 11px;
	position:relative;
	float:left;
}
	#foo_izq ul { 
		list-style:none;
		float:left;
	}
	#foo_izq li {
		background:url(../img/ico_bullet.gif) 0 4px no-repeat;
		padding-left:8px;	
		font-size:10px;	
		color:#FFF;
		line-height:12px;
	}
	#foo_izq li.tit {
		background:none;
		padding-left:0;	
		margin-top:2px;
	}
	#foo_izq li a {
		color:#8ca839;
	}
	#foo_izq li a:hover {
		text-decoration:underline;
	}
#foo_med {
	width:173px;
	height:170px;
	margin-top:10px;
	padding:0 11px;
	border-right:1px dotted #fff;
	border-left:1px dotted #fff;
	position:relative;
	float:left;
}
#foo_der {
	background:url(../img/foo_ilust.jpg) right top no-repeat;
	font-size:11px;
	color:#fff;
	width:157px;
	height:148px;
	padding:10px 11px 0 11px;
	position:relative;
	float:left;
}
	#foo_der .parrafo { margin:8px 0; border-bottom:1px dotted #fff; text-align:justify; }
	#foo_der ul { list-style:none; margin:8px 0; }
	/*#foo_der ul li { background:url(../img/foo_ico_bullet.gif) no-repeat 0 5px; padding-left:10px; }*/
	#foo_der a, #foo_der a:link, #foo_der a:visited, #foo_der a:active { font-size:11px; color:#8ca839; }
	#foo_der a:hover { text-decoration:underline; }

/* TIPOGRAFIA ********************/

h1, h2, h3 { font-family:"Trebuchet MS"; }

h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color:#8ca839; margin:10px 0 5px;font-size:25px; } h1 a:hover { text-decoration: underline }

h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color:#8ca839; font-size:20px; } h2 a:hover { text-decoration: underline }

h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color:#fff; font-size:21px; } h3 a:hover { text-decoration: underline }

h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { font-size:12px; margin:10px 0; } h4 a:hover { text-decoration: underline }

h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color:#f26522; font-size:16px; margin:10px 0 2px; } h5 a:hover { text-decoration: underline;color:#f26522; }

p { margin-bottom:8px; font-size:11px; line-height:15px; }

.destacado, a.destacado:link, a.destacado:visited, a.destacado:active { font-weight:bold; color:#8ca839; }
a.destacado:hover { text-decoration:underline }

.texto_chico { font-size:10px; line-height:16px }
.texto_chico a { color:#f26522 }
.texto_chico a:hover{ text-decoration:underline}
.volanta {font-size:14px;font-weight:bold;line-height:18px;}
.texto, .texto p {font-size:12px;line-height:18px;color:#333;}
.texto p {margin-bottom:20px;}
.texto_med {font-size:12px;}
.sum_des {padding:10px;background-color:#f0f0f0;float:left;width:705px;clear:both;border:1px solid #ccc;margin-bottom:10px;}
.texto ul {padding:0;margin:5px 0 20px;list-style-type:none;}
.texto li {border-top:1px solid #f0f0f0;padding:5px 12px;background:url(../img/ico_ver_mas.gif) 0 12px no-repeat;}
.texto li a {color:#8ca839}
.texto li a:hover{color:#8ca839;text-decoration:underline}
.sum ul {padding:0;margin:0 0 10px;list-style-type:none;}
.sum li {border-bottom:1px solid #f0f0f0;border-top:none;padding:5px 10px;background:none;font-size:12px;}
.sum li em {color:#f26522;font-style:normal;}
.ban {text-align:center;}
.texto a {color:#8ca839}
.texto a:hover{color:#8ca839;text-decoration:underline}


/* FORMULARIOS ********************/

input, select {
	background-color:#ddd;
	border:1px solid #000;
	margin-top:16px;
	padding:2px;
	font-size:10px;
}
.boton {
	width:62px;
	height:22px;
	background:url(../img/button.gif) no-repeat center center;
}
/* OTROS ********************/
.mandar_arriba {
	z-index:3;
	position:relative;
	bottom:40px;
}
.foto_semanal {
	width:469px; height:250px; color:#fff;
	background:url(../img/seg_fotoDeLaSemana_fondo.jpg) no-repeat center;
	margin-bottom:6px;
}
	.foto_semanal h3, .foto_semanal p { padding:3px 10px; }
	.foto_semanal a, .foto_semanal a:link, .foto_semanal a:active, .foto_semanal a:visited { font-size:11px; color:#f26522; }
	.foto_semanal a:hover { text-decoration:underline }
	.foto_semanal_img { padding:3px 10px; margin-right:10px; border-right:1px dotted #5e5e5e; float:left }

.nota_encabezado {
	margin:10px 0;
	border-top:1px dotted #5e5e5e;
	border-bottom:1px solid #5e5e5e;
	padding:5px;
}
.alinear_izq, .img_izq {
	float:left;
	margin:0 10px 10px 0;
}
.alinear_der, .img_der {
	float:right;
	margin:0 0 10px 10px;
}
.alinear_cen, .img_cen {
	clear:both;
	margin:10px 0;
	text-align:center;
}
.borde_img { border:1px #333 solid; }
.separador_bloque { border-top:1px dotted #a1a1a1; clear:both }
#paginador {clear:both;background-color:#f0f0f0;padding:10px;margin-bottom:10px;font-size:11px;}
.galeria {clear:both;padding:10px;border:1px solid #CCC;background:#FFFFCC;font-size:14px;margin-bottom:10px;color:#636363;}
.galeria_pag {clear:both;padding:10px;background:#f0f0f0;font-size:14px;color:#636363;}
#paginador a, .galeria a {text-decoration:none;color:#8ca839;font-weight:bold;}
#paginador a:hover, .galeria a:hover {text-decoration:underline;}
#paginador .off {color:#999;}
.inp {background-color:#f0f0f0;border:1px solid #000;margin-top:2px;padding:2px;font-size:14px;width:300px;font-family:"Trebuchet MS";}


/********** CLEARFIX ************/
.clearfix:after {
	content: "."; 
	display: block; 
	/*height: 0; */
	clear: both; 
	visibility: hidden;
}
.clearfix{
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */  

/********** MENU ************/

.menu {
	color:#fff;
	font-size:10px;
	background-color:#3b3b3c;
	layer-background-color:#3b3b3c;
	border:1px solid #000;
}

.sublinks { list-style:none; } .sublinks a { display:block; padding:8px; } .sublinks a:hover { background-color:#4a4a4b; }

.sublinks li {border-bottom:1px solid #333;}

div { position:relative; }

/********** GALERIA DE FOTOS ************/

#foto_tit {font-size:12px;color:#FFF;font-weight:bold;padding:10px;margin-bottom:10px;background:url(../img/men_fondo.gif) repeat-x bottom #545454;border-bottom:1px solid #666;}
#foto {margin:0 10px 10px;}
#foto_bot {margin-top:10px;padding:10px;background:#000;color:#666;}
#foto_bot a{text-decoration:none;color:#8ca839;font-weight:bold;}
#foto_bot a:hover{text-decoration:underline;}