/*
-----------------------------------------------
demo.puntoypixel.com Styles
Author:   Punto y Pixel
Version:  Octubre 2008
----------------------------------------------- */
/* Reset */
:link, :visited { text-decoration: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
fieldset { border: none; }
a img, :link img, :visited img { border: none; }
address { font-style: normal; }
a { outline: none; }

/* Color Scheme */
colores {
	background-color: #82721D;/*Verde-Marrón oscuro*/
	border-bottom-color: #7E7A3A;/*Verde-Marrón*/
	border-left-color: #B1AD52;/*Verde-Marrón claro*/
	border-right-color: #F0A20F;/*Naranja*/
	border-top-color: #B77606;/*Naranja oscuro*/
}   
            
/* Estructura de la página
----------------------------------------------- */
* {font-family: Georgia,"Times New Roman", Times, serif;color: #000;}
body {
	min-width: 1000px;
	text-align: center;
	background: url(../img/bg-body.png) repeat-y top center;
	font-size:62.5%;
}
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*br.limpiar*/
         
/*----- Layout -----*/
#global-container { margin: 0 auto;}
#header,#content,#footer,#date,#nav ul { width: 960px;margin: 0 auto;text-align: left;} 

/*----- Header -----*/
#header-container { background: #FFF url(../img/bg-header-container.png) no-repeat top center; } 
#header { }
#header h1 {float:left;}
#header h1 a {
	display: block;
	width: 399px;
	height: 87px;
	background: url(../img/logo.png) no-repeat top left;
}
#header h1 a strong { display:none; }

/*----- Date -----*/
#date {float:right; width: 400px;}
#date p{
	text-align: right;
	font-size: 1.2em;
	line-height: 2em;
	margin:5px;
}
/*----- Search -----*/
#search_box {
	float: right;
    width: 201px;
    height: 31px;
    background: url(../img/bg_search_box.png);
}
#search_term,#search_go {
	padding: 0;
	background-color:  transparent;
	border: 0px;
	margin: 0px;
}
#search_term {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
}
#search_go {
    float: right;
    margin: 3px 4px 0 0;
}

/*----- Navigation -----*/
#nav {
	border-top: 1px solid #82721D;
	height: 53px;
	background: url(../img/bg-nav.jpg) repeat-x;
	text-align: center;
	margin: 0 auto;
}
#nav ul{
	margin: 0 auto;
	text-align: center;
}
#nav li {
	list-style-type: none;
	display: inline;
	font-size: 2em;
	padding-left: 20px;
	line-height: 45px;
}
#nav a {	color: #FFF;}
#nav a:hover,#nav .aqui {	color: #F0A20F; text-decoration: none;}

#subnav {background:  #F7EAC9 url(../img/bg-nav_name.jpg) repeat-x; padding-left: 10px;}
#subnav .nav_name{
	line-height: 45px;
	background: url(../img/bullet-l.png) no-repeat center left;
	padding-left: 40px;
	font-size: 1.8em;
	color: #FFF;
}
#subnav ul{
	font-size: 1.3em;
	text-align: right;
	padding: 0 10px 10px 0;
}
#subnav li {
	list-style: none;
	background: url(../img/bullet-s.png) no-repeat right;
	padding: 10px 15px 10px 10px;
}
#subnav a { color: #000;}
/*----- Content -----*/
#content-container {background-color: #FFF;border-bottom:20px solid #FFF;border-top:20px solid #FFF;font-size: 1.2em;}
#content {}
#full-content {margin: 0 10%;}
#primary-content { width: 606px; float: right; } 
#primary-sidebar { width: 320px; float: left;}
/*----- Foteer -----*/
#footer-container {padding-top: 20px;background: url(../img/bg-footer-container.png) repeat-x top center; } 
#footer { font-size: 1.2em;}
.special-link {
	float: right;
	text-align: center;
	margin: 70px 20px 0px 20px;
}
.special-link p {
	text-align: center;
	margin: 0 auto;
	line-height:30px;
	font-weight: bold;
	font-size: 1.4em;
}
.copy{line-height:30px; clear: both; margin-top: 5px; text-align: center;}
#footer .copy a{color: #000;}
#footer a{color: #000;}

/*  Navegación
----------------------------------------------- */
/*----- Menu superior -----*/

/*----- Paginación -----*/
.prev-next{clear:both; border-top: 1px solid #82721D;font-weight: bold; font-size:1.2em;}
.prev-next p{padding: 5px 10px;text-align:right;}
.prev-next ul{
	text-align: right;
	margin: 0;
	padding: 0.3em;
}
.prev-next li{
	list-style: none;
	display: inline;
	padding: 0 0.3em;
	
}
.prev-next li.prev {
	border-right: 1px solid Gray;
}
.prev-next a{text-decoration: none;}
.prev-next a:link,.prev-next a:visited{}
.prev-next a:hover{}

/* Generales, titulos, enlaces
----------------------------------------------------*/

a { text-decoration: none; }
a:link,a:visited {color: #82721D;}
a:hover { text-decoration: underline;}

h2{
	font-size: 35px;
	color: #b8860b;
	line-height: 45px;
	text-align: right;
	margin: 5px 0 10px 0;
}
h3{
	font-size: 25px;
	color: #82721D;
	text-align: left;
	line-height: 35px;
	margin: 10px 0;
}
h4{
	font-size: 18px;
	color: #b8860b;
	text-align: left;
	line-height: 30px;
	margin: 10px 0;
	font-weight: normal;
}
h5{
	font-size: 16px;
	color: #82721D;
	text-align: left;
	line-height:30px;
	margin: 10px 0;
	font-weight: normal;
}
h6{
	font-weight: bold;
	font-size: 15px;
	color: #b8860b;
	text-align: left;
	line-height:30px;
	margin: 10px 0;
}

/*  Pages
----------------------------------------------------*/
/*----- Index -----*/
.resumen {
	background-color: #FFF;
	margin: 10px 10px 10px 0;
	padding: 10px;
	clear:both;
}
.resumen h3{
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	padding: 3px;
	margin-bottom: 0px;
}
/*----- Index & page -----*/
.thumb {
	float:left;
	margin: 0 10px 10px 10px;
	border: 1px solid #82721D;
	background:#FFF; 
	text-align:center;
}
.thumb img  {margin: 3px;}
.datos {
	color: #787860;
	font-size: 90%;
	border-bottom: 1px solid #82721D;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-top: 2px solid #FFF; 
	display: block;
}
.datos p{margin: 10px 0;}
.date {}
.start-end {}
.categories {}
.author {}
.texto { text-align: justify; padding: 0 10px;}
.texto p  {margin: 10px 0; line-height: 20px;}
.texto li p  {xmargin: 0; display: inline;}
p.more {color: #82721D; font-size:11px; font-weight: bold; clear: both;margin: 5px; text-align: right;}
.more a{}

/*  Imagenes
----------------------------------------------------*/
img.right,img.left, img.block{
	margin: 5px;
	padding: 3px;
	border: 1px solid #82721D;
}
img.left{	float: left; }
img.right{ float: right; }

/* Listas
----------------------------------------------------*/
ul,ol {	list-style-position: inside;}
#primary-content ul,#primary-content ol,#full-content ul,#full-content ol{	margin: 20px;}

/*  Formularios
----------------------------------------------------*/
.botones {
	clear: both;
	text-align:center;
	margin: 3%;
	border: 0;
} 
button,.botones input {
	cursor:pointer;	
	background-color: #82721D;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
}
label {
	font: bold 120% Arial, Helvetica, sans-serif;
  	color: #000;
	margin: 5px;
	width: 30%;
	text-align: right;
	float: left;
}
input,select,textarea{
	padding: 5px 3px;
	background-color: #cecb93;
	border: 0px;
	margin: 5px;
}

/*----- Validación formularios -----*/
label.error { color: red; padding-left: 5px;font-size:11px;float:none;}
input.error,select.error,textarea.error { border:1px solid red; }


/*  Varios
----------------------------------------------------*/
.inline{ display: inline;}
.hide{ display: none;}
.Fright{ float: right; }
.Fleft{ float: left; }
.limpiar { clear: both; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; margin: 0 auto; }
.center table {margin: 0 auto;}
.justify{ text-align: justify; }


/*  Message Boxes for different message types
----------------------------------------------------*/
div.info,div.help, div.success, div.warning, div.error, div.forbidden, div.validation {
	border: 1px solid;
	padding:5px 3px 5px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {color: #00529B;}
.info a{color: #00529B; text-decoration:underline;}
div.info {
	background-color: #BDE5F8;
	background-image: url('../img/status/info.png');
}
.help {color: #00529B;}
.help a{color: #00529B; text-decoration:underline;}
div.help {
	background-color: #BDE5F8;
	background-image: url('../img/status/help.png');
}
.success {color: #4F8A10;}
.success a{color: #4F8A10; text-decoration:underline;}
div.success {
	background-color: #DFF2BF;
	background-image:url('../img/status/success.png');
}
.warning {color: #9F6000;}
.warning a{color: #9F6000; text-decoration:underline;}
div.warning {
	background-color: #FEEFB3;
	background-image: url('../img/status/warning.png');
}
.error {color: #D8000C;}
.error a{color: #D8000C; text-decoration:underline;}
div.error {
	background-color: #FFBABA;
	background-image: url('../img/status/error.png');
}
.forbidden {color: #D8000C;}
.forbidden a{color: #D8000C; text-decoration:underline;}
div.forbidden {
	background-color: #FFBABA;
	background-image: url('../img/status/forbidden.png');
}
div.validation {/*Mirar de adaptar al puging de jquery*/
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../img/status/validation.png');
}
.top-info {
	background: #ffff95;
	padding: 5px;
}
.top-info p{margin:0;text-align: center;}
.top-info a{color:#000; font-weight: bold;}

#overbox {
	background-color:#FFF;
	padding: 10px;
}

/*  Modules
----------------------------------------------------*/

/*START MODULE*/

/*  Galleries
----------------------------------------------------*/
.gallery {
	margin:0 auto;
	position: relative;
}

.gallery li h3 {font-size: 12px;}
.gallery li {
	list-style: none;
	float:left;
	margin:10px;
	padding:5px;
	text-align:center;
}
.gallery li img{
	margin: 5px;
	padding: 3px;
	border: 1px solid #82721D;
}

/*  Contact
----------------------------------------------------*/
.show_map {
	border: 1px solid #C0C0A8;
	margin: 5px;
	background: url(../img/map.png) no-repeat top center;
	min-height:  150px;
}
.address {
	padding-top: 10px;
}
.address p {
	line-height: 1.5em;
	padding: 10px 0;
}
/*  Home
----------------------------------------------------*/
#home-top,#home-bottom {clear:both;}
#home-top {margin: 2% 10%;}
#home-bottom {border-bottom: 20px solid #FFF;border-top: 20px solid #FFF;}
#home-top h2 {
	font-size: 40px;
	color: black;
	text-align: left;
	font-weight: normal;
}
#home-top p {
	font-size: 1.1em;
	line-height: 2em;
	text-align: justify;
}

#libro,#curso,#noticia {
	background:  #F7EAC9 url(../img/bg-nav_name.jpg) repeat-x; 
	float: left; 
	border-right:8px solid #FFF;
	width:308px;
}
#home-bottom h3{
	background:  no-repeat top left;
	font-size: 20px;
	color: #FFF;
	margin: 0;
	height: 45px;
	line-height: 45px;
	font-weight: normal;
}
#libro h3{ background-image: url(../img/ico-libro.png); padding-left: 44px;}
#curso h3{ background-image: url(../img/ico-curso.png); padding-left: 52px;}
#noticia h3{ background-image: url(../img/ico-noticia.png); padding-left: 47px;}

#home-bottom h4{
	line-height: 1.3em;
	font-size: 1.2em;
	
}
#home-bottom .img{
	padding: 5px 0px 5px 3px;
}
#home-bottom img{
	border: 1px solid #82721D;
}
#home-bottom .content{
	padding: 10px;
}
#home-bottom p {
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
	padding: 10px 0;
}


/*  Blocks
----------------------------------------------------*/

/*START BLOCK*/

/*  Links
----------------------------------------------------*/
.links {
	float: left;
	margin-left: 20px;
	font-size: 1.2em;
} 
.links .title{background: url(../img/bullet-m.png) no-repeat center left; text-align: left;padding-left: 30px; font-size: 1.2em; line-height: 25px; }
.links ul{
	margin: 10px 30px;
}
.links li{
	line-height:30px;	
	list-style: none;
	background: url(../img/bullet-s.png) no-repeat center left; padding-left: 15px;
}
.links p{
	font-weight: bold;
	text-align: right;
}

/*  Calendar
----------------------------------------------------*/
.calendar {
	width: 225px;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	border: 3px solid #111111;
}
.calendar .prev-nav, .calendar .prev-nav a,
.calendar .next-nav, .calendar .next-nav a {
	font-weight: bold;
	font-size: 15px;
	color: #000;
	text-align: center;
	text-decoration: none;
}	
.calendar .prev-nav, .calendar .prev-nav a {margin-right:30px;}	
.calendar .next-nav, .calendar .next-nav a {margin-left:30px;}	
.calendar caption {
	margin: 0;
	padding: 0;
	width: 225px;
	background: #AAC55E url(../img/calendar/bg_caption.png);
	color: #26231C;	 
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	padding: 3px;
	line-height: 20px;
}
.calendar th {
	color: #D9D9D9;
	background: #111111;
	padding: 3px;
	line-height: 20px;
}
.calendar td.empty,.calendar td.full {padding: 3px;}
.calendar td.empty {background: #111111;}
.calendar .today, .calendar td.today a, .calendar td.today a:link, .calendar td.today a:visited {
	color: #FFF;
	font-weight: bold;
	background-image: url(../img/calendar/bg_today.png);
}
.calendar td {
	background-image: url(../img/calendar/bg_td.png);
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
	text-align: center;	
}
.calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px;
}
.calendar td a:link, .calendar td a:visited {	
	color: #FFF;
	background-image: url(../img/calendar/bg_event.png);
}
.calendar td a:hover, .calendar td a:active {
	color: #FFF;
	background-image: url(../img/calendar/bg_event_hover.png);
}