/* Resets */
body, div, h1, h2, h3, h4, h5, h6, blockquote, form, ul, ol, li, a, img, p, abbr, input,  fieldset, textarea, button, select, table, dl, dt, dd {
font-weight: normal;
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
border-spacing: 0;
}

ul, ol {
list-style-type: none;
font-family: 'DejaVuSansBook', Arial, Helvetica, sans-serif;
}

.cufon-loading * { /* for Cufon.replace('*')   Esto hace que no haya retardo con las fonts */
	visibility: hidden !important;
}

/* ========  FUENTES FONT-FACE  =========== */
@font-face {
    font-family: 'DejaVuSansBook';
    src: url('dejavu_font/DejaVuSans-webfont.eot');
    src: url('dejavu_font/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('dejavu_font/DejaVuSans-webfont.woff') format('woff'),
         url('dejavu_font/DejaVuSans-webfont.ttf') format('truetype'),
         url('dejavu_font/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
.dejavu_font {
	font-family: 'DejaVuSansBook', sans-serif;	
}


/*==========  ELEMENTOS DE TIPOGRAFÍA   ============*/

a {
	color: #777;
	font-weight: bold;
}

a:hover {
	color: #555;	
}

p, .parrafo_normal {
	margin: 10px 0;
	text-align: justify;
	color: #333;
	font-size: 15px;
	line-height: 26px;
	font-style: normal;
	font-family: 'DejaVuSansBook', Arial, Helvetica, sans-serif;
}
.p_leer_mas {
	text-align: right;
	margin-right: 5px;
	position: relative;	
}
.p_leer_mas a {
	background: #555;
	border: 1px solid #555;
	padding: 3px 7px;
	color: #fff;	
}
.p_leer_mas a:hover {
	background: #dedede;
	color: #555;	
}
.p_half {
	width: 47%;
	float: left;
	margin-right: 6%; 	
}
.p_half_last {
	width: 47%;
	float: left;
	margin-right: 0;	
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }

.h2_line_middle, .h1_line_middle {
	width: 100%;
	height: 100%;
	line-height: 100%;
	background:url(../img/hr_line_middle.png) repeat-x left 75%;	
}

h2 {
	background: url(../img/btn_h2.png) no-repeat 0px 14px;
	padding: 0 15px;
}

.hr_line {
	height: 1px;
	background: url(../img/line_sep_footer.png) repeat-x left top;
	margin: 5px 0;
	clear: both!important;	
}
.margin_bottom_40 { margin-bottom: 40px; }

.underline {
	border-bottom: 1px dashed #92CA3E; 		
}
.align_center {
	text-align: center;	
}
.align_right {
	text-align: right;
}
br.space_40px, br.space_20px, br.space_10px {
	height: 1px;
	display: block;
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both!important;
}
br.space_20px {
	margin-top: 10px;
	margin-bottom: 10px;
}
br.space_10px {
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.ul_button {
	width: auto;
	overflow: hidden;
}
.ul_button li {
	margin-left: 10px;
	margin-bottom: 10px;
	list-style: url(../img/li_flecha_red.png) inside;
}

embed,
object,
iframe {
  max-width: 100%; /*Regla para GMaps/Youtube/Iframes responsive*/
}

.asunto {
	display: none;
}

/*==========   BLOCKQUOTE  RULES   =========*/
blockquote {
	padding-bottom: 10px;  
	padding-left: 40px; 
	padding-right: 20px; 
	background: url(../img/quote1.png) no-repeat left top; 
	padding-top: 10px;
}
blockquote h3, blockquote h5 {
	line-height: 120%; 
	font-style: italic; 
	padding-left: 0px; 
	/*  background: url(../img/quote2.png) no-repeat right bottom!important; */
	color: #555; 
	font-size: 22px; 
}
blockquote h5 {
	font-size: 14px;	
}

/* ====  MENSAJES DE ALERT  ===== */

.alerta { padding: 20px; margin-bottom: 20px;  }
.alerta p { margin: 0; text-align: center; font-size: 1.4em; line-height: 1.6em; }

.alert-ok {
	color: #468847;
	background-color: #DFF0D8;
	border: 1px solid #70A048;
}
.alert-ko {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #F19190;
}

.alert-good, .alert-bad , .alert-blue, .alert_info, .alert_info_normal {
	padding: 10px 20px 10px 35px;
	background: url(../img/icon-alert-good.png) no-repeat 7px 8px #D8FCCF;
	border: 1px solid #0C0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #060; 
}
.alert-bad {
	background: url(../img/icon-alert-bad.png) no-repeat 9px 8px #FFD7D7;
	border: 1px solid #F00;
	color: #C00;
}

.alert-blue {
	background: #D9F5FF;
	border: 1px solid #06C;
	font-size: 12px;
	font-style: italic;
	color: #036;
}
.alert_info, .alert_info_normal {
	background: url(../img/icon-alert-info.png) no-repeat 11px 12px #fff9d4;
	border: 1px solid #fbcb8c;
	font-size: 12px;
	font-style: italic;
	color: #600;
}
.alert_info_normal {
	font-style: normal;
	color: #555;	
}

#div_alert_bad {
	margin: 10px 0 15px 0;	
}

.alert-good p, .alert-bad p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
}
#div_alert_good, 
#div_alert_bad { width: 62%; margin: 15px auto; }

#div_content_right #div_alert_good,
#div_content_right #div_alert_bad { width: 100%; margin: 0 0 15px 0; }

/*=======================================================================*/

/*===========  GENERAL RULES  ======== */
.entry {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.entry_margin {
	clear: both;
	width: auto;
	position: relative;
	overflow: hidden;
	margin: 15px;
}

.one_full { width: 100%; }
.one_half { width: 49%; }
.one_third{ width:32%; margin-right: 2%; }
.two_third{ width:56%; }
.two_fourth { width: 46%; }
.one_fourth{ width:23%; }
.three_fourth{ width:75%; }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_full {
	position:relative;
	margin-bottom:20px;
	float:left;
}
.last { 
	margin-right:0 !important;
	clear:right; 
}

/*===========  MAIN DIVS RULES  ======== */

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../img/bg_main.jpg) repeat;	
}

#main {
	position: relative;
}

/* ********************************  HEADER RULES ******************************** */

header {
	width: auto;
	margin: 0 auto;
	position: relative;
}
#slider {
	height: 450px;
	overflow: hidden;
	position: relative;
	top: 14px;	
}
#logo_slider {
	width: 375px;
	height: 90px;
	padding: 10px 20px;
	position: absolute;
	z-index: 99;
	top: 305px;
	left: -7px;
	text-align: center;
}
#header_menu {
	line-height: 52px;
	/* background: #C93D22; */
	background: #164A83; 
	position: relative;
	z-index: 2;
	top: 15px;
	border-top: 2px solid #ddd;
}


/*====   MENU SUPERIOR   ====*/
#header_menu ul {
	widht: auto;
	overflow: hidden;
	padding-top: 3px;	
}
#header_menu ul li {
	float: left;	
}
#header_menu ul li a {
	color: #fff;
	font-size: 18px;
	margin-left: 35px;
	text-transform: uppercase;
	font-weight: normal!important;
	background: url(../img/btn_link_top.png) no-repeat 0px 5px;
	padding-left: 18px;
}
#header_menu ul li a:hover {
	background: url(../img/btn_link_top_hover.png) no-repeat 2px 5px;
}



/* ******************************** MAIN SECTION RULES  *********************** */

#div_central {
	margin: 0;
	padding: 10px 0px 30px;
}

#div_content {
	padding: 0 30px 0 0;
	overflow: hidden;
}

.div_resp_form {
	min-height: 300px;
}

/*------  Detalles de las Novedades  --------*/

.box_novedad {
	margin-top: 5px;
	margin-bottom: 15px;
	overflow: hidden;
	background: url(../img/linea_separ_noticias.png) no-repeat center bottom;
}
.h4_noticias { 
	margin-bottom: 10px; 
	font-family: 'DejaVuSansBook', Arial, Helvetica, sans-serif;  
	font-weight: normal;
	background: #428BCA;
}
	.h4_noticias a { 
		color: #fff; 
		display: block;
		width: 100%;
		height: 100%;
		padding: 7px 15px;
		font-weight: normal;
	}
	.h4_noticias a:hover { 
		text-decoration: none!important; 
		background: #555;
		color: #fff;	
	}
.link_leermas, .link_atras {
	font-family: 'DejaVuSansBook', Arial, Helvetica, sans-serif;
	font-weight: normal;
	white-space: nowrap;
	background: #F8B914;
	color: #fff;
	padding: 4px 10px;
	-webkit-border-radius: 14px;
	   -moz-border-radius: 14px;
	        border-radius: 14px;
}
.link_leermas:hover, .link_atras:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}
.link_atras { 
	padding: 6px 18px;
}

.p_fecha {
	text-align: right;
}
	.p_fecha img { 	vertical-align: text-top; }
	
.box_novedad_text p { font-size: 14px; }



/*--------------------------*/

/*------  Reglas del SIDEBAR Derecho  --------*/

#div_sidebar_right {
	padding: 15px;	
	margin-top: 20px;
	background: #fff;
}
	.h3_sidebar {
		margin: 0 0 15px 0;
	}
	.ul_sidebar li a {
		display: block;
		width: 100%;
		border-bottom: 1px solid #F8B914;
		font-weight: normal;
		padding: 5px;
		margin-bottom: 5px;
		color: #555;
	}
	.ul_sidebar li a:hover {
		text-decoration: none;
		background: #F8B914;
		color: #fff;
	}

/*==========  GALERÍA DE FOTOS  ===========*/

.galeria_fotos {
	list-style: none;
	margin: 0;	
}
.galeria_fotos li {
	width: 123px;
	height: 123px;
	margin: 0 14px 15px 0;	
	border: 1px solid #444;
	float: left;
	box-shadow: 4px 4px 7px #999;
	overflow: hidden;
}

.galeria_fotos li a {
	display: block;
	height: 100%;
	width: 100%;
}
.galeria_fotos li a:hover {
	background: #fff;
	opacity: .7;
}

/*==================================*/



/* ***************************** FOOTER RULES  **************************************** */

#div_footer {
	background: #fff;
	width: 100%;
	border-top: 1px solid #cde;
	padding-bottom: 40px;
}

footer {
	clear: both;
	margin: 0 auto;
	min-height: 300px;
	overflow: hidden;
	padding-top: 35px;
}
.div_footer {
	margin: 0 15px;
	float: left;
}
#div_footer_left { 

}
	#ul_contacto { color: #ededed; font-family: 'DejaVuSansBook', Arial, Helvetica, sans-serif; }
	#ul_contacto h5 { color: #E95D0E; }

#div_footer_center { 

	margin-right: 50px;
	text-align: center;
}
	#div_footer_con_dat {
		margin-top: 15px;
		margin-left: 5px;
	}
		#div_footer_con_dat a { color: #fff; }
		#div_footer_con_dat a:hover { color: #E95D0E; }

#div_footer_right {  

	margin-right: 0!important;
}

.div_footer h4 {
	padding-bottom: 5px;
	background: url(../img/bg_line_footer.png) repeat-x left bottom;
	color: #fff;
	font-size: 18px;
}
/*  ===  Formulario Rápido de Contacto del Footer  === */

.form_contacto {
	margin-top: 10px;	
}
.form_contacto label {
	width: 80px;
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	color: #0EB4E9;
	text-align: left;
}
.form_contacto input {
	width: 100%;
	padding: 5px;
	border: 1px solid #73b4d2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #555;
}
#form_footer input {
	width: 100%;
	border: none!important;	
}
.form_contacto textarea {
	width: 100%;
	height: 65px;
	padding: 5px;
	border: 1px solid #73b4d2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #555;
}
#form_footer textarea {
	width: 100%;	
}
.form_contacto input:hover, .form_contacto input:active, .form_contacto input:focus {
	background: #CFECF5;
}
.form_contacto textarea:hover, .form_contacto textarea:active, .form_contacto textarea:focus {
	background: #CFECF5;
}
.form_contacto #input_enviar {
	width: 100%;
	height: 45px;
	font-size: 16px;
	background: #428BCA;
	color: #fff;
	font-family: 'DejaVuSansBook', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
.form_contacto #input_enviar:hover {
	background: #CFECF5;
	color: #428BCA;
}

/*-------------------------*/
#created_by {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #888;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
 #created_by a { color: #E95D0E; }
 #created_by a:hover { color: #E95D0E; text-decoration: underline; }

/* ===  Listados con botones grises, como el del FOOTER  === */
.ul_button_grey {
	width: auto;
	overflow: hidden;	
}
.ul_button_grey li {
	list-style: url(../img/btn_slider_normal.png) inside;	
	padding-left: 5px;
	margin-bottom: 5px;
}


/* ===  Estilos del Directorio === */

.ul_datos {
	width: 450px;
	overflow: hidden;	
	margin: 15px auto;
}
.ul_datos li {
	margin-bottom: 10px;
	font-size: 14px;
	min-height: 20px;	
}
.li_title {
	width: 160px;
	float: left;	
	font-weight: bold;
	color: #069;
}
.li_dato {
	width: 290px;
	float: left;	
}