/* 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;
}

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

/* ===========  FONTFACE  =========== */
@font-face {
    font-family: 'KenyanCoffeeRgRegular';
    src: url('kenyan/kenyan_coffee_rg-webfont.eot');
    src: url('kenyan/kenyan_coffee_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('kenyan/kenyan_coffee_rg-webfont.woff') format('woff'),
         url('kenyan/kenyan_coffee_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.kenyan_font {
	font-family: 'KenyanCoffeeRgRegular';	
}

@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 VARIADOS GENERALES ============*/

* {
	margin: 0;
	padding: 0;
	border: none;	
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
}
a {
	color: #777;
	text-decoration: none;
}
a:hover {
	color: #555;	
}
p {
	margin: 12px 0;
	text-align: justify;
	font: 18px/26px 'DejaVuSansBook', sans-serif;
	color: #333;
	background: url(../img/icon_paleta.png) no-repeat 10px 5px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;	
}
h1 { font-size: 42px; }
h2 { font-size: 28px; }
h3 { font-size: 21px; }
h4 { font-size: 20px; }

.align_center {
	text-align: center;	
}
.align_right {
	text-align: right;
}
.img_right {
	float: right;
	margin: 20px 0 20px 20px;	
}
.img_left {
	float: left;
	margin: 20px 20px 20px 0;	
}
.div_img_sombra {
	margin: 30px 0;
}
.img_sombra {
	padding-bottom: 20px;
	background: url(../img/sombra_300.png) no-repeat center bottom;
}


br.space_40px, br.space_20px, br.space_10px {
	height: 1px;
	display: block;
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
br.space_20px {
	margin-top: 10px;
	margin-bottom: 10px;
}
br.space_10px {
	margin-top: 5px;
	margin-bottom: 5px;
}

#hidepage {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	layer-background-color: #FFF;
	height: 652px;
	width: 1000px;
	z-index:9999;
	position: absolute;
}
#hidepage h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7A7A7A;
}

.entry {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.one_full { width: 100%; }
.one_half { width: 47%; margin-right: 6%; }
.one_third { 
	width:30%; 
	margin-right: 5%;
	/* background: #FC6;  */
}
.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; 
}
/*==========    MENSAJES DE ALERTA    =============*/ 

.alert_good, .alert_bad , .alert_blue, .alert_info {
	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-weight: bold;
}
.alert_bad {
	background: url(../img/icon-alert-bad.png) no-repeat 9px 8px #FFD7D7;
	border: 1px solid #F00;
}

.alert_blue {
	background: #D9F5FF;
	border: 1px solid #06C;
	font-size: 12px;
	font-style: italic;
}
.alert_info { 
	background: url(../img/icon-alert-info.png) no-repeat 11px 12px #fff9d4; 
	border: 1px solid #fbcb8c; 
	font-size: 12px; 
	font-style: italic; 
}

/* ===========  ELEMENTOS DEL LAYOUT ============  */

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	height: 100%;	
}

#main {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;	
}

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

#header_container {
	width: auto;
	height: 510px;
	background: #333 url(../img/bg_dark.png) repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#header {
	width: 958px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}

#header_logo {
	height: 55px;
	width: 487px;
	padding: 20px 0 0 20px;
	background: url(../img/bg_white_transp.png) repeat;
	top: 30px;
	left: 10px;
	position: absolute;
	z-index: 999;
		
}
#header_logo_texto {
	width: 800px;
	height: 110px;
	top: 45px;
	right: 0px;
	position: absolute;	
}
#header_menu {
	height: 75px;
	line-height: 85px;
	position: absolute;
	top: 100px;
	left: 10px;
	z-index: 999;
}
#header_menu ul {
	width: auto;	
}
#header_menu ul li {
	float: left;
}
#header_menu ul li a {
	background: url(../img/bg_black_transp.png) repeat;
	color: #fff;
	padding: 10px 28px;
	margin-right: 1px;
	font: 22px 'KenyanCoffeeRgRegular', sans-serif;
}
#header_menu ul li a:hover {
	color: #fff;
	background: url(../img/bg_black_transp.png) repeat;
}


/* ******************************** SLIDER SECTION RULES  *********************** */

#slider {
	width: 960px!important;
	height: 466px!important;
	overflow: hidden;
	position: relative;
	background: #069;	
	border-bottom: 1px solid #000;
}

/* ******************************** MIDDLE SECTION RULES  *********************** */

#middle_container {
	width: auto;
	padding: 25px 0;
	position: relative;
	padding-top: 10px;
	background: #fafafa url(../img/bg_lineas.png) repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#middle {
	width: 958px;
	margin: 0 auto;
	min-height: 400px;
	position: relative;
	overflow: hidden;
}
#middle_content {
	margin: 0;
	padding: 0px;	
}
#middle_content h1 {
	color: #F05503;
	background-color: #fff6e6;
	background-image: url(../img/bg_lineas.png);
	background-repeat: repeat;
	border: 1px solid #dedede;
	padding: 5px 20px;
	margin-top: 10px;
	font-family: 'KenyanCoffeeRgRegular';
}
/* --- Formulario de Contacto --- */
#form_contacto {
	margin-top: 35px;	
}
#form_contacto label {
	width: 120px;
	display: inline-block;
	font-size: 22px;
	color: #333;	
}
#form_contacto input, #form_contacto textarea {
	width: 305px;
	height: 25px;
	display: inline-block;
	border: 1px solid #F05503;	
	background: #f8f8f8;
	padding: 5px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #777;
}
#form_contacto textarea {
	height: 120px;
	vertical-align: top;
}
#form_contacto input:hover, #form_contacto textarea:hover,
#form_contacto input:active, #form_contacto textarea:active,
#form_contacto input:focus, #form_contacto textarea:focus {
	background: #efefef;
}

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

#footer_container {
	width: auto;
	background: #069 url(../img/bg_dark.png) repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#footer {
	width: 960px;
	margin: 0 auto;
	min-height: 300px;
	overflow: hidden;
}
#div_right {
	margin-top: 25px;
	color: #fff;	
}
#div_form_footer {
	background: url(../img/bg_black_transp.png) repeat;
	height: 284px;	
}
#form_footer {
	padding: 30px 40px;	
}
#form_footer label {
	display: block;
	font-size: 22px;
	color: #DB8E0F;	
}
#form_footer input, #form_footer textarea {
	width: 100%;
	background: #f3f3f3;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	font-size: 15px;
	color: #333;
	border: 1px solid #555;
}
#form_footer textarea {
	height: 65px;	
}
#submit_consultar {
	width: 120px!important;
	margin-top: 15px;	
	border: 1px solid #b49665;
	color: #614517!important;
	font-size: 14px;
	height: 35px!important;
	line-height: 24px;
	font-weight: bold;
	text-indent: 0px!important;
}
#submit_consultar:hover, #submit_consultar:focus, #submit_consultar:active {
	background: #F05503!important;
	color: #fff6e6!important;
}
.ul_datos_bottom, .ul_datos_bottom.short {
	width: 445px;
	overflow: hidden;
	font-size: 24px;	
	margin: 0 auto;
	margin-top: 32px;
}
.ul_datos_bottom.short { width: 290px; }

.ul_datos_bottom li {
	margin-bottom: 0px;
}
.ul_datos_bottom .li_titulo, .ul_datos_bottom.short .li_titulo {
	color: #333!important;
	border-bottom: 1px dashed #999;
}
.ul_datos_bottom.short .li_titulo { color: #fff!important; }
.ul_datos_bottom .li_dato {
	color: #F05503;
	text-align: right;
	padding-top: 10px;
}
.ul_datos_bottom.short .li_dato { color: #DB8E0F!important; padding-top: 5px; }
#createdby {
	position: relative;
	text-align: center;
	top: 182px;
	font-family: 'KenyanCoffeeRgRegular', Arial, sans-serif;
	font-size: 22px;
	color: #555;
	letter-spacing: 4px;
}
#createdby a {
	color: #ff9;
}
#createdby a:hover {
	color: #BF3922;
	text-decoration: underline;
}
#img_logo_inf {
	position: absolute;
	top: 45px;
	left: 95px;
}
#div_provisional {
	margin-top: 5px;
	color: #f4f4f4;	
}

/*------------------------------------------------------------------*/
/* ====   Reglas  para  la Galería de Fotos Actualizable   ======== */
/*------------------------------------------------------------------*/

/* -- Menú Superior -- */

#div_menu_galeria {
	width: 310px;
	float: left;	
}
#div_menu_galeria ul {
	width: auto;
	overflow: hidden;
	background: url(../img/bg-grain.jpg) repeat;	
	margin-top: 1px;
}
#div_menu_galeria ul li {
	float: left;
	list-style: none;
	width: 100%
}
#div_menu_galeria ul li a {
	color: #333;
	display: block;
	padding: 5px;
	font-size: 18px;
	border-bottom: 1px solid #C7A65F;
	margin-bottom: 10px;
	font-weight: normal;
}
#div_menu_galeria ul li a:hover {
	background: url(../img/bg-light-grain.png) repeat;
	border-bottom: 1px solid #000;
	background: #efefef;
}
#div_menu_galeria ul .li_last a {
	padding: 5px 32px;	
}

/* -- Tabs -- */

.tabcontainer{
	margin: 20px 0px 15px;
	color:#828282;
	font-size: 12px;
	height: auto;
}

ul.tabs {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
html ul.tabs li.active a{
	background: #fef3d7;
}
#tab_body{
	width: auto;
}
.tab-content {
	/* height: 280px; */
	background: #FFF;
	text-align: justify;
}
.tab-content h2 {
	color: #333;
	border-bottom: 1px solid #C7A65F;
	margin-left: 310px;	
}

/*================================== */
.galeria_fotos  {
	margin: 0px;
	width: auto;
	overflow: hidden;
}
.galeria_fotos ul {
	list-style: none;
	margin: 0px;
	padding-top: 10px;	
}
.galeria_fotos ul li {
	width: 100px;
	height: 100px;
	margin: 0 23px 23px 0;	
	border: 1px solid #444;
	float: left;
	box-shadow: 4px 4px 7px #999;
	overflow: hidden;
}

.galeria_fotos ul li a {
	display: block;
	height: 100%;
	width: 100%;
}
.galeria_fotos ul li a:hover {
	background: #fff;
	opacity: .7;
}
.h2_fotos {
	margin: 0 30px;	
	color: #614516;
}

/*=====  Formulario envio fotos  =======*/
#div_envia_foto {
	width: auto;
	overflow: hidden;	
}
#titulo_envia_foto {
	margin: 10px 0;	
}
#ul_form_foto {
	overflow: hidden;
	width: auto;	
}
#ul_form_foto li {
	float: left;
	margin: 3px;
	list-style: none;	
}
#ul_form_foto li input {
	border: 1px solid #614517;
	height: 20px;
	padding: 5px 6px;	
}
#ul_form_foto li label {
	background: #614517;
	height: 15px;
	display: block;	
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
}
#li_enviar #enviar {
	height: 26px;
	background: url(../img/bg-light-grain.png) repeat;	
}
#form_fotos_abm {
	margin: 15px;	
}
#form_fotos_abm label {
	padding: 5px 15px; 
	margin-right: 15px; 
	background: #614517; 
	color: #fff; 
	font-weight: bold;
}
#form_fotos_abm input {
	border: 1px solid #999; 
	width: 255px; 
	background: #efefef;	
}
#form_fotos_abm select {
	background: #efefef;
	color: #555;
	font-weight: bold; 
	width: 457px;  
	height: 25px; 
	border: 1px solid #999;
	margin-right: 15px;	
}

#form_acceso_abm {
	margin-top: 35px;
	font-size: 18px;	
}
#form_acceso_abm input {
	margin-top: 35px;
	background: #614517;
	margin-right: 10px;
	padding: 5px;
	font-size: 18px;
	color: #fff;	
}
#form_acceso_abm label {
	margin-right: 5px;	
}
.galeria_fotos_abm li {
	padding-bottom: 30px!important;
	height: 120px!important;	
}
.borrar_fotos {
	display: block;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #000;
	background: #efefef;
	height: 30px!important;
	line-height: 30px!important;
}
.borrar_fotos:hover {
	background: #96BF0D!important;	
	color: #fff;
	opacity: 1;
	height: 30px!important;
	line-height: 30px!important;
}
.div_img_galeria {
	width: 100px;
	height: 100px;
	overflow: hidden;	
}
.div_link_salir {
	margin-bottom: 15px;	
}
.div_link_salir a {
	font-size: 14px;
	font-weight: bold;
	background: #614516;
	padding: 5px 15px;
	color: #fff;
	display: block;
	width: 80px;
	text-align: center;
	margin-left: 829px;	
}
#div_select {
	position: relative;
	margin-bottom: 25px;	
}
#btn_eliminar, #btn_editar, #btn_anadir {
	width: 25px!important;
	height: 25px!important;
	margin-right: 15px;
	font-weight: bold;
	background: url(../img/iconos_select.png) no-repeat 0px 0px!important;
	border: none!important;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 636px;
	text-indent: 99999px;
}
#btn_eliminar:hover {
	background: url(../img/iconos_select.png) no-repeat 0px 2px!important;	
}
#btn_editar {
	background: url(../img/iconos_select.png) no-repeat -27px 0px!important;
	left: 676px;
}
#btn_editar:hover {
	background: url(../img/iconos_select.png) no-repeat -27px 2px!important;	
}
#btn_anadir {
	background: url(../img/iconos_select.png) no-repeat -53px 0px!important;
	left: 716px;	
}
#btn_anadir:hover {
	background: url(../img/iconos_select.png) no-repeat -53px 2px!important;	
}



/*------------------------------------------------------------------*/
/* ====   FIN : Reglas  para  la Galería de Fotos Actualizable   ======== */
/*------------------------------------------------------------------*/


/***************  CLASES PARA LAS VENTANES EMERGENTES    **************/
.popup{
	padding: 15px 15px 20px 15px;
	position:fixed;  
	background-color:#FFFFFF; 
	border:6px solid #EE7942; 
	z-index:9999999999999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
	

.fondotransparente
{
	/*Div que ocupa toda la pantalla*/
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	/*IE*/
	filter: alpha(opacity=70);
	/*FireFox Opera*/
	opacity: .7;
	z-index:9999999;
}

/************************** FIN REGLAS PARA VENTANAS EMERGENTES ************************/

.label_img_pos{
	width:45px;
	margin-left: 10px;
}
.input_img_pos{
	width:25px;
}