/*
-----------------------------------------------
x.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 */

            
/* Estructura de la página
----------------------------------------------- */
* {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
body {text-align: center;background-color: #FFF;}
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*br.limpiar*/
/*
@font-face {
	font-family: vincHand;
	src: url(../font/VINCHAND.ttf);
} 
*/ 
/*----- Layout -----*/
#header, #content, #footer, #nav,#sendpage { width: 960px; margin: 0 auto;}
.C2 { width: 100%; }
.C2 .C { width: 49%; float: left; }
/*
#content { 	background: url(../img/bg_content-seasonal.png) no-repeat; min-height:600px;width: 1095px;}
#seasonal {width: 135px;float: left;}
#seasonal-flash {float: left;}
*/
#content { 	background: url(../img/bg_content.png) no-repeat; min-height:600px;}
#full-content { width: 835px; margin: 0 auto;text-align: left;}
#content-inicio { width: 960px;float: right;}
#primary-content { width: 610px; float: right; text-align: left; } 
#primary-sidebar{	width: 270px;	float: left;}
/*----- Header -----*/
#header-container{background: #629C95 url(../img/bg_header.png) no-repeat center top;}
#header { height: 150px;}
#header h1 {float:left; margin-top: 20px;}
#header h1 a {
	display: block;
	width: 471px;
	height: 89px;
	background: url(../img/logo.png) no-repeat top left;
}
#header h1 a strong { display:none; }

#nav-top {
	float:right; 
	margin: 20px 0px 0px 0px;
	list-style-type: none;
}
#nav-top li{
	float:left; 
	margin-right: 20px;
}
#nav-top li a{font: bold 20px Trebuchet MS, Arial, sans-serif;}
#nav-top li a:link,#nav-top li a:visited{ color: #FFF;}
#nav-top li a:hover,#nav-top li a.aqui{ color: #800000;}

#nav{
	xtext-align: center;
	xmargin: 0 auto;
}
#nav ul{ 
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
	clear: both;
	text-align: left;
}
#nav li {
	list-style-type: none;
	display: inline;
	xfloat: left;
	padding: 0 15px 0 0;
	margin: 0;
	font: bold 15px Trebuchet MS, Arial, sans-serif;
	color: #294E49;
}
#nav ul li a:link,#nav ul li a:visited{ color: #294E49;}
#nav ul li a:hover,#nav ul li a.aqui{ color: #800000;}

.banner-top {
	/*width: 1466px; */
	width:728;
	text-align: center;
	margin: 0 auto;
	clear:both;
}
#banner-top{width: 728px;}
#banner-top-01{float:left;width: 728px;}
#banner-top-02{float:right;width: 728px;}

/*----- Content -----*/
#content-container { background: #fff;}
#content {  }
/*----- Foteer -----*/
#footer-container {background: url(../img/bg_footer.png) no-repeat center top; margin: 30px 0;}
#footer {padding-top: 30px;}

#footer a:link,#footer a:visited { color :#800000; }
#footer a:hover { text-decoration: underline; }
/*  Primary Sidebar
----------------------------------------------- */

h2.sidebar{
	font: bold 20px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #800000;
	text-align: right;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../img/bg_submenu.png) no-repeat right bottom;
}

h3.sidebar{
	font: bold 20px Trebuchet MS, Arial, sans-serif;
	color: #800000;
	text-align: right;
}

#primary-sidebar p { text-align: left; line-height: 20px; margin: 0px 0 10px 40px;}

#primary-sidebar p a:link,#primary-sidebar p a:visited { color :#800000; }
#primary-sidebar p a:hover { text-decoration: underline; }
/*----- Subnav -----*/

ul.subnav  {
	list-style: none;
	text-align: right;
}
ul.subnav li {
	font: bold 12px Trebuchet MS,Arial, sans-serif;
	color: #294E49;
	line-height: 20px;
}
ul.subnav a:link,ul.subnav a:visited{ color: #294E49;}
ul.subnav a:hover,ul.subnav a.aqui{ color: #800000;}
/*----- Extra -----*/
ul.sb-edit  {
	list-style-type: circle;
	text-align: left;
}
ul.sb-edit li {
	font: normal 12px Trebuchet MS,Arial, sans-serif;
	color: #294E49;
	line-height: 20px;
	margin-bottom: 15px;
}
ul.sb-edit a { color: #800000;text-decoration: underline;}

ul.sb-edit li.nuevo_es{
	background: url(../img/nuevo_es.png) no-repeat;
	padding-left: 40px;
	padding-top:20px;
}
ul.sb-edit li.nuevo_en{
	background: url(../img/nuevo_en.png) no-repeat;
	padding-left: 40px;
	padding-top:20px;
}
ul.sb-edit li.nuevo_fr{
	background: url(../img/nuevo_fr.png) no-repeat;
	padding-left: 40px;
	padding-top:20px;
}
/* Generales, titulos, enlaces
----------------------------------------------------*/

a { text-decoration: none; }
.inicio a:link,
.inicio  a:visited,
#primary-content a:link,
#inicio a:link,
#sendpage a:link,
#primary-content a:visited,
#inicio a:visited,
#sendpage a:visited { color :#800000; }

.inicio  a:hover,#primary-content a:hover,#inicio a:hover,#sendpage a:hover { text-decoration: underline; }



h2.content, h2{
	font: bold 25px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #800000;
	text-align: left;
	padding-bottom: 18px;
	margin-bottom: 15px;
	background: url(../img/bg_titulo.png) no-repeat left bottom;
}

h3.content, h3{
	font: bold 18px Trebuchet MS, Arial, sans-serif;
	color: #800000;
	line-height: 25px;
	text-align: left;
}
h3.center{
	text-align: center;
}
h4{
	font: bold 15px Trebuchet MS, Arial, sans-serif;
	color: #800000;
	text-align: left;
}
#primary-content p { text-align: justify; line-height: 20px; margin: 0px 0 10px 0;}
#primary-content ul,#primary-content ol {
	line-height: 27px;
	margin: 10px 20px;
	list-style-position: inside;
}
#primary-content ul {
	list-style-type: circle;
}
.feedback,.feedback-ini {
	border: 1px dotted #20b2aa;
	padding: 5px;
	margin: 10px 20px;
	background-color: #F4F9EC;
}
#content .feedback-ini p {text-align: center;}
.direccion {
	border: 1px dotted #20b2aa;
	margin: 5px;
	background: url(../img/mapa.png) no-repeat top center;
	min-height:  150px;
}
.inicio-more p{float: left; margin: 10px 0;}
.inicio-more a{
	font: bold 13px Arial, sans-serif;
	color: #800000;
}

.prev-next p{	float: right; clear: both;}
.prev-next a,.indice p{
	font: bold 17px Arial, sans-serif;
	color: #800000;
}
#primary-content .indice ul {
	margin: 0 0 0 20px;
	font-weight:  bold;
	list-style: none;
	color: #800000;
}
#primary-content .indice ul a{color: #000;}
#primary-content .indice ul a:hover {color: #800000;}
.player{
	display:block;
	width:480px;
	height:272px;
	border: 1px solid #D8E4E3;
}
/*  Imagenes
----------------------------------------------------*/
div.thumb {
	margin: 5px;
	padding: 3px;
	border: 1px solid #D8E4E3;
	float: left;
}
div.thumb_left {
	margin: 5px;
	padding: 3px;
	border: 1px solid #D8E4E3;
	float: left;
}
div.thumb_right {
	margin: 5px;
	padding: 3px;
	border: 1px solid #D8E4E3;
	float: right;
}
img.right,img.left, img.block{
	margin: 0.5em;
	padding: 0.3em;
	border: 1px solid #800000;
}
img.left{	float: left; }
img.right{ float: right; }

.gallery { text-align: center; margin: 0 auto;}

.gallery div {
	margin: 5px;
	padding: 3px;
	border: 1px solid #D8E4E3;
	float: left;
}
.gallery div  img{
	padding: 3px;
}
/* Listas
----------------------------------------------------*/
/*  Tablas
----------------------------------------------------*/ 
/*  Formularios
----------------------------------------------------*/
form{
	display: inline;
	margin-top: 20px;
}
label {	
	font-size: 15px;
	font-weight: bold;
	color: #294E49;
  	float: left;
  	width: 30%;
  	text-align: right;
  	margin-top: 5px;
}
input,select,textarea {
	border: 1px solid #20b2aa;
	background-color: #FFF;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 5px;
}
.botones {
	clear: both;
	text-align:center;
	width: 100%;
	margin: 3%;
	border: hidden;
} 
.botones input {
	border: 1px solid #666;
	background-color: #20b2aa;
	color: #FFF;
	padding: 0.3em 0.5em;
	cursor: pointer;
}
form span.ayuda,form p.ayuda,form ul.ayuda{	font-size:90%;}
form span.ayuda{
	color: #3D598B;
	margin-left: 0.5em;
}
form p.ayuda{
	margin: 0;
  	margin-left: 30%;
	clear: both;	
	color: #3D598B;
  	margin-bottom: 1em;
}
/*----- Validación formularios -----*/
input.error, select.error { border: 1px solid #FF0000; }
.errFld {
	border: 1px solid #F00;
}
.errMsg {	
	color: #FF0000 !important;
	display: inline;
}
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 5px;
	display: none;
	margin: 2em 5px;
}


/*  Noticias
----------------------------------------------------*/

.resumen,.articulo  {
	margin: 10px 10px 10px 0;
	padding: 10px;
	clear:both;
}
#primary-content .resumen a:link,
#primary-content .resumen a:visited{ color :#000000; }

#inicio h3.editorial a:link,#inicio h3.editorial a:visited,
#primary-content .resumen h3.editorial a:link,#primary-content .resumen h3.editorial a:visited  { color :#000000; font: bold 18px Trebuchet MS, Arial, sans-serif;}

.resumen h3.nuevo_es{
	background: url(../img/nuevo_es.png) no-repeat;
	padding-left: 40px;
	padding-top:20px;
}
.resumen h3.nuevo_en{
	background: url(../img/nuevo_en.png) no-repeat;
	padding-left: 40px;
	padding-top:20px;
}
.resumen h3.nuevo_fr{
	background: url(../img/nuevo_fr.png) no-repeat;
	padding-left: 40px;
	padding-top:20px;
}
.resumen h4{
	background: url(../img/bullet.png) no-repeat;
	padding-left: 15px;
	text-align: left;
}
.resumen h4.nuevo_es{
	background: url(../img/nuevo_es.png) no-repeat;
	padding-left: 40px;
	min-height: 30px;
	padding-top:20px;
}
.resumen h4.nuevo_en{
	background: url(../img/nuevo_en.png) no-repeat;
	padding-left: 40px;
	min-height: 30px;
	padding-top:20px;
}
.resumen h4.nuevo_fr{
	background: url(../img/nuevo_fr.png) no-repeat;
	padding-left: 40px;
	min-height: 30px;
	padding-top:20px;
}
.resumen .thumb {
	float:right;
	margin: 0 10px 10px 10px;
	border: 1px solid #C0C0A8;
	background:#FFF; 
	text-align:center;
	
}
.resumen .thumb img  {
    margin: 3px;
    width: 100px;
	height: 100px;
}

.texto { text-align: justify; }
.datos {
	border-bottom: 1px solid #D8E4E3;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-top: 1px solid #D8E4E3;
	margin: 10px;
}
#primary-content .datos p { text-align: left; margin: 0;}
/*  Varios
----------------------------------------------------*/
/*  Varios
----------------------------------------------------*/
.inline{ display: inline;}
.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; }
.hidden{display:none;}

.aviso{background-color: #fef8d9;border: 1px solid #D21A4E;margin: 0.3em;padding:0 0.3em;}
.info {background: #FFFFCC;border: 1px solid #FF9900;margin: 0.3em;padding:0 0.3em;}

.correcto  { color: #009900; font-weight: bold;}
a.correcto:link, a.correcto:visited { color: #009900; }
a.correcto:hover { text-decoration: underline }

.error  { color: #FF0000; font-weight: bold;}
a.error:link, a.error:visited { color: #FF0000; }
a.error:hover { text-decoration: underline }

/* Nuevos estilos actividades */

p.actividad {
	background: url(../img/arrow.gif) left center no-repeat;
	padding-left: 20px;
	font-weight: bold;
}

p.actividad span.fecha {
	color: #800000;
}

p.titulo_actividad {
	text-align: center !important;
	font-style: italic;
}

p.info_actividad {
	text-align: right !important;
}

p.info_actividad a {
	color: #629C95 !important;
	font-weight: bold;
}

.pac {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family:
}

table.iconos {
	width: 100%;
}

table.iconos td {
	vertical-align: middle;
	text-align: center;
}

div#separator {
	display: block;
	height: 55px;
	width: 100%;
	background: url(../img/hojas.png) center center no-repeat;
	margin: 20px 0;
}

#footer-container #nav {
	background: url(../img/bg_footer.png) no-repeat center bottom !important;
	padding: 20px 0 30px 0;
	margin-bottom: 15px;
}

/* Banners */

#left-banner {
	display: none;
	float: left;
	position: absolute;
	top: 200px;
	left: 0;
}

.home #content {
	/*
	Para cuando hay banner left
	margin-top: 230px;
	*/
	margin-top: 0;
}