@charset "UTF-8";


/* Clases generales */

.std_color_brand {
	color: #8C124E;
}

.std_color_brand_secundario {
	color: #999;
}
.std_bg_color_brand {
	background-color: #8C124E;
}


.std_bg_color_suave {
	background-color: #CCC;
}

.std_margin {
	margin: 20px;
}

.std_margin_B {
	margin-bottom: 40px;	
}

.std_margin_T {
	margin-top: 40px;	
}

.std_border {
	border: 1px solid #666;
}
.std_border_T {
	padding-top: 5px;
	border-top: 1px solid #666;
}
.std_border_R {
	border-right: 1px solid #666;
}
.std_border_L {
	border-left: 1px solid #666;
}
.std_border_B {
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}
.std_fondo {
	background-color: #FFF;
}

.std_fondo h2 {
	margin-bottom: 40px;
}

.std_padding {
	padding: 20px;
}

.std_padding_R {
	padding-right: 20px;
}
.std_padding_L {
	padding-left: 20px;
}


.std_div {
	border: #999 1px solid;
	width: 350px;
	padding: 1em;
	margin-right: 2em;
	text-align: center;
}

.std_raw_header {
	border-bottom: 1px solid #999;
	background-color: #ccc;
	vertical-align: middle;
}

.std_raw_header div {
	text-align:center;
	padding: 10px 1px;
	background-color: #ccc !important;
}

.std_raw_tabla  {
	border-bottom: 1px solid #999;
}

.std_raw_tabla div {
	padding: 10px 1px;
}

.std_btn_largo {
	margin: 20px;
	width: 80%;
}

.std_raw_header {
	border-bottom: 1px solid #999;
}

.std_raw_header div {
	text-align:center;
	padding: 10px 1px;
	background-color: #CCC;
}

.std_raw_tabla  {
	border-bottom: 1px solid #999;
}

.std_raw_tabla div {
	padding: 10px 1px;
}

.std_left {
	float: left;
}

.std_align_center {
	text-align: center !important;
}

.std_active a:link, .std_active a:visited {
	color: #666;
	text-decoration: none;
}
.std_active a:hover {
	text-decoration: underline;
}

.std_table {
}

.std_table th {
	background-color: #CCC;
	text-align: center;
	font-weight:bold;
}

.std_size_small {
	font-size: 80%;
}

.std_buscador {
	margin: 10px;
	padding: 10px;
	border: 1px solid #666;
	background-color: #CCC;
}

.std_buscador form input text {
	width: 100%;
	font-size: 20pt;
}


/* ********************************************* */

.oculto, .oculto a:link, .oculto a:visited, .oculto a:hover, .oculto a:focus, .oculto a:active {position:absolute; left: -32697px; width: 0; overflow: hidden; height: 0; font-size: 0; line-height: 0;}
.destaca-tit{text-decoration: none;color: #231F20;font-size:1em; font-weight:bold;}
.tagCloud {line-height: 1.8em;padding: 0;}
.gigante {
	font-size: 2em;
}

.grande{
	font-size: 1.7em;
}
.mediano{
	font-size: 1.4em;
}
.pequenna{
	font-size: 1.2em;
}
.destaca-tit {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
	 line-height: 80%;
	 color: #896B73;
}

.funda{
	 font-size: 1.5em;
    line-height: 80%;
	 color: #896B73;
}
.autonomia{
	font-size: 1em;
    line-height: 80%;
	 color: #896B73;
}

.icono-noticia {
    display: table;
    margin-bottom: 1em;
    width: 100%;
}
.icono-noticia .icono-noticia-ico {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    width: 34px;
}
.icono-noticia h2 {
    margin-bottom: 0;
	 color:#525485;
	 font-size: 25px;
}
.icono-noticia h2 span {
    float: left;
    min-height: 15px;
    padding: 10px 110px 8px 0;
	border-bottom: 1px solid #525485;
	font-weight: 900;
}


.portada_item {
	margin-bottom: 4em !important;
	clear: both;
	font-size: 100%;
}

.portada_item h2 {
	font-size: 120% !important; 
	font-weight: bold !important;
	color: #8C8FB8 !important; 
	line-height: 1.1em !important;
	margin-bottom: 0.5em !important;
}

.portada_item h2 a:link, .portada_item h2 a:visited   {
	color: #8C8FB8 !important;
	text-decoration: none;
}

.portada_item h2 a:hover   {
	color: #8C8FB8 !important;
	text-decoration: underline;
}

.portada_item p {
	padding-left: 120px !important;
	font-size: 100%;
}

.portada_item p .full {
	padding-left: 0 !important;
	font-size: 100%;
}

.portada_item a:link, .portada_item a:visited   {
	color: #8C8FB8 !important;
	text-decoration: none;
}

.portada_item a:hover   {
	color: #8C8FB8 !important;
	text-decoration: underline;
}

.portada_item h2 img {
	float: left;
	border: 1px solid #CCC;
	margin: 5px 12px 5px 5px; 
}

.columna_noticias_01 {
	padding: 10px !important;
	font-size: 80% !important;
	border: 1px solid #CCC !important;
}

.columna_noticias_01_titulo {
	font-size: 16px;
	color: #666;
	margin: 20px;
	font-weight: bold;
}

.noticia{
	display: block; color: #000; margin: 0; border-bottom: dotted 1px #ccc;
}
.noticia a{
	padding: .4em 0 4.4em 2.2em; background: #fff  5px 7px; display: block; color: #000; margin: 0; border-bottom: dotted 1px #ccc;font-size:13px; text-decoration: none;
}
.noticia a:hover{
	padding: .4em 0 4.4em 2.2em; background: #FFFFFF 5px 7px; display: block; color: #990000; margin: 0; border-bottom: dotted 1px #ccc;font-size:13px; text-decoration: none;
}

.noticiadest{
	display: block; color: #000; border-bottom: dotted 1px #ccc;
}
.noticiadest a{
	padding: .4em 0 4.4em 5em; background: #fff  5px 7px; display: block; color: #000; margin:  border-bottom: dotted 1px #ccc;font-size:13px; text-decoration: none;
}
.noticiadst a:hover{
	padding: .4em 0 4.4em 5em; background: #FFFFFF 5px 7px; display: block; color: #990000; border-bottom: dotted 1px #ccc;font-size:13px; text-decoration: none;
}

p .encuesta {margin-bottom: 2em;
}

h2 .titular {
	color:#8C8FB8;
	font-size: 18px;
}


.fecha_noticia{
	padding: 6px 10px 4px 10px;
	margin: 0;
	background-image: url(../imagenes/li3.gif);
	background-position: 0 11px;
	background-repeat: no-repeat;
	font-size: .7em;
	color: #8C8FB8;
}
.pdf, .doc, .text, .htm, .xls, .mdb, .zip, .ppt, .pps, .jpg, .face, .twett {
    background: none no-repeat scroll 0 top transparent;
    font-size: 0.8em;
    margin: 0.4em 0;
    padding: 3px 6px 0 20px;
}
.pdf {
    background-image: url("../imagenes/pdf.gif");
}
.htm {
    background-image: url("../imagenes/htm.gif");
}
.doc {
    background-image: url("../imagenes/doc.gif");
}
.xls {
    background-image: url("../imagenes/xls.gif");
}
.ppt {
    background-image: url("../imagenes/ppt.gif");
}
.text {
    background-image: url("../imagenes/text.gif");
}
.zip {
    background-image: url("../imagenes/zip.gif");
}
.mdb {
    background-image: url("../imagenes/mdb.gif");
}
.jpg {
    background-image: url("../imagenes/jpg.gif");
}

.face {
    background-image: url("../imagenes/ico-facebook.gif");
}
.twett {
    background-image: url("../imagenes/ico-twitter.gif");
}

/*CLASES PARA IMAGENES*/
	
	   .imagen-izq {float: left; display: block;}
		.imagen-der {float: right; display: block;}
		.imagen-centra {text-align:center;}
		.img-rest {margin: 5px 3px -7px 0px;}
		.img-der {margin: 5px 0 5px 12px;  float: right;} 
		.img-izq {margin: 5px 12px 5px 5px; float: left;}
		.img-not {margin: 5px 12px 0px 5px; float: left;}
		.img-centra {text-align: center;}
		.imagen {margin: 3em 0;}
	



.oculto {
  display: none;
  visibility: hidden;
}

.izq{
  float: left;
  padding-left: 15px;
  margin-right: 10px;
}

.der {
  float: right;
}

.limpia {
  clear: both;
}

#wrapper {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
	text-align: left;
	height: 100%;
	border-right: 1px solid #896B73;
	border-left: 1px solid #896B73;
}

#head {
	background-color: #FFFFFF;
    background-image: url("../imagenes/cabecera_new.jpg");
	background-repeat: no-repeat;
    height: 250px;
	font-size:100%;
	font-family:Century Gothic,Helvetica,Arial,Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	width: 1280px;
	margin: auto;
   
}

#head p {
	display: block;
	padding: 160px 0 0 100px;
	letter-spacing: 0px;
	color: #896B73;
	width: 715px;
}


#head div {
	float: left;
	clear: right;
	height: 150px;
}

#logo {
	width: 265px;
}

#logo a {
   display:block;
	padding: 50px 0 0 100px;
	font-size: 1.8em;
	letter-spacing: 0;
	text-decoration: none;
}
#logo a:hover {
   display:block;
	padding: 50px 0 0 100px;
	font-size: 1.8em;
	letter-spacing: 0;
	text-decoration: none;
}

#slogan {
	width: 650px;
}

#slogan a:hover {
	text-decoration: none;
}

#slogan span {
	display: block;
	padding: 77px 0 0 14px;
	font-size: 3em;
	font-weight:bold;
	letter-spacing: 0px;
	color: #896B73;
}


#subtit {
	display: block;
	padding: 15px 0 0 14px;
	font-size: 1.8em;
	letter-spacing: 1px;
	color: #896B73;
}


#pilares {
	float: right;
    font-family: Helvetica,Arial,Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
}

#pilares img {
 	display: block;
   padding: 20px 0 0 0px;
	color: #896B73;
}

#pilares a {
   display:block;
	text-decoration: none;
}



/* Menu cabecera -----------------------------------------------------*/
#menu-cabecera {
	width: 1280px;
	margin: auto;
	margin-bottom: 20px;
	clear: both; 
	font-weight: bold;
	font-size: 120%;
			}
#menu-cabecera ul {
	color: #FFF; 
	background: #896B73; 
	padding-left: 1em; 
	height: 45px;
	}
#menu-cabecera li {
	float: left; 
	border-top: 5px solid #896B73;
	margin-right: 10px;
	}
#menu-cabecera li a, #nav-cabecera li a:link, nav-cabecera li a:visited {
	color: #fff; 
	display: block; 
	padding: 5px 5px 4px; 
	}
#menu-cabecera li a:hover, #nav-cabecera li a:focus, #nav-cabecera li a:active, #nav-cabecera li.activa {
	color: #000; 
	background: #CBAEB6; 
	padding: 5px 5px 6px;
	}
#menu-cabecera li.fecha {
	background: none; color: #fff; float: right; padding: 5px 10px;
	}



/* Diseño GENERAl */

/* GENERAL */

#breadcrumb {
	font-size: 100%;
	padding-left: 1em;
	margin-bottom: 1em;
	}
	
/* PÁGINAS GENERALES*/ 


.col_def {
  padding: 20px;
  background-color:#fff;
}


.col_def_sec {
  border-right: 1px #999 solid;
  background-color:#FAFAFA;
  padding: 20px;
}


#col_der h1 {
	font-size: 150%;
	margin: 1em;
}


.floatleft{float: left;margin: 10px 10px 0 0;border: 1px solid #666;padding:2px;}
.floatright{float: right;margin: 0 0 10px 10px;border: 1px solid #666;padding:2px;}

.top_caja {
	text-align: left;
	width: 100%;
	margin-bottom: 1em !important;
}

/* Rastro de migas -----------------------------------------------------*/
			#migas {margin: 0 0 1.8em; border-top: 2px solid #FFFFFF;padding: 0 0 .2em; font-size: .9em; border-bottom: dotted 1px #ccc; font-weight: bold; color: #896B73;width:98%;}
			#migas a {font-weight: normal;}


.breadcrumb_categoria {
	font-style: italic;
	background-color: #EEE;
	padding: 3px 5px;
}


#toplinks {
	width: 73px;
}

#toplinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#toplinks li {
	float: left;
	display: inline;
	margin-top: 135px;
}

#toplinks a {
	display: block;
	width: 18px;
	height: 9px;
}

#toplinks span {
	display: none;
}

#tl_home {
	background-image: url(../imagenes/tl_home.gif);
	background-repeat: no-repeat;
}

#tl_contact {
	background-image: url(../imagenes/tl_contact.gif);
	background-repeat: no-repeat;
}

#tl_sitemap {
	background-image: url(../imagenes/tl_sitemap.gif);
	background-repeat: no-repeat;
}

#tl_home a:hover {
	background-image: url(../imagenes/tl_home-on.gif);
	background-repeat: no-repeat;
}

#tl_contact a:hover {
	background-image: url(../imagenes/tl_contact-on.gif);
	background-repeat: no-repeat;
}

#tl_sitemap a:hover {
	background-image: url(../imagenes/tl_sitemap-on.gif);
	background-repeat: no-repeat;
}

/* Footer */

.footer_logos {
	text-align: center;
	margin: 10px 0;
}

/* VARIAS */

.caja_bp_tematica {
	font-size: 10pt;
}

.caja_bp_tematica div {
	min-height: 800px;
}


#body {
	float: left;
	width: 74%;
	clear: both;
	background-color: #FFFFFF;
	margin-top: 22px;
	padding-left:22px;
}

#intro {
	 color: #9A99D2;
    font-family:Century Gothic, tahoma;
    font-size: 1.3em;
    font-style: italic;
    letter-spacing: 2px;
    text-align: center;
	 font-weight: bold;
	 font-family:Century Gothic, Helvetica,Arial,Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	 border-top: 20px solid #FFFFFF;
}

#content {
	float: left;
	padding-right: 14px;
	width: 98%;
	padding-top: 10px;
	
}

#contenido_secc {
	float: left;
	padding-right: 14px;
	width:98%;
	
}
#contenido_secc ul, #contenido-interior ol {padding-bottom: .2em;}
#contenido_secc ul ul, #contenido-interior ol ol {padding-bottom: 0;}
#contenido_secc ul li, #contenido-interior ol li {line-height: 2.2em; padding: .3em 0;}
#contenido_secc ul li {border-bottom: none; padding-left:0.8em;}
#contenido_secc ul {list-style-type: disc; margin-left: 2.4em;}
#contenido_secc ul ul {list-style-type:circle; margin-left: 2.4em;}	

#contenido_secc ol {list-style-type: decimal; margin-left: 2.4em;}
#contenido_secc ol ol {margin-left: 2.4em;}	
#contenido_secc ol li li {padding-bottom: 0;}

#contenido_secc ul#anclas li a span {background: url('../imagenes/ancla.gif') no-repeat right center; padding-right: 1em;}		
#contenido_secc ul#anclas li{list-style:none outside none;}			
#contenido_secc ul#anclas ul{margin-left: 2em;}
#contenido_secc ul#anclas{margin-left: 0;}
#contenido_secc ul#anclas{background-image: none; padding: 0;}
		
#contenido_secc ul#anclas li a {padding: .4em 0 .4em 2.2em; background: #fff url('../imagenes/flecha_roja.gif') no-repeat 10px 0; display: block; color: #000; margin: 0; border-bottom: dotted 1px #ccc;}
#contenido_secc ul#anclas li a:hover {background: #F4F4F4 url('../imagenes/flecha_gris.gif') no-repeat 10px 0; color: #990000;} 


	
#contenido_secc ul#navegacion li{list-style:none outside none;}			
#contenido_secc ul#navegacion ul{margin-left: 2em;}
#contenido_secc ul#navegacion{margin-left: 0;}
#contenido_secc ul#navegacion{background-image: none; padding: 0;}
		
#contenido_secc ul#navegacion li a {padding: .4em 0 .4em 2.2em; background: #fff url('../imagenes/flecha_roja.gif') no-repeat 10px 0; display: block; color: #000; margin: 0; border-bottom: dotted 1px #ccc;}
#contenido_secc ul#navegacion li a:hover {background: #F4F4F4 url('../imagenes/flecha_gris.gif') no-repeat 10px 0; color: #990000;} 

#contenido_secc ul#votacion  li{list-style:none outside none;}	
#contenido_secc ul#votacion   ul{margin-left: .4em;}

/*--prueba destacados--*/
#contenido_secc div.destaca-rss-ext {margin: 1em 1em .2em 1em;}
#contenido_secc div.destaca-rss {height:140px;}




/*--fin prueba destacados--*/


#recomendamos {
	width: 98%;
	margin-top: 20px;
}

#recomendamos h4 {
	padding-left: 14px;
	background-image: url(../imagenes/li1b.gif);
	background-repeat: no-repeat;
}

#recomendamos ul {
	padding: 0;
	margin: 0;
}

#recomendamos li {
	margin: 0;
	border-top: 1px dotted #525485;
	background-position: 0 11px;
	background-repeat: no-repeat;
	font-size: .8em;
	color: #000000;
	font-family:Century Gothic, Helvetica,Arial,Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
}


#recomendamos li h4 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 10pt;
	font-weight: bold;	
}


#recomendamos li h5 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 1.1em;
	font-weight: bold;	
}

#recomendamos li p {
    font-size: 1.1em;
	font-weight: normal;
}

#threecells {
	clear: both;
}

#threecells div {
	float: left;
	font-size: .9em;
	clear: right;
}

#threecells a.cabecera {
	display: block;
	width: 162px;
	height: 48px;
	margin-bottom: 10px;
}


#cell_1 {
	width: 162px;
	padding-right: 15px;
}

#cell_1 a.cabecera {
	background-image: url(../imagenes/materiales.jpg);
}

#cell_2 {
	width: 162px;
	padding: 0 15px 0 15px;
	border-left: 1px solid #AACCD5;
	border-right: 1px solid #AACCD5;
}

#cell_2 a.cabecera {
	background-image: url(../imagenes/unete.jpg);
}

#cell_3 {
	width: 162px;
	padding-left: 15px;
	
}
#cell_3 a.cabecera {
background-image: url(../imagenes/siguenos.jpg);
}


#izquierda{
	padding-bottom: 8px;
	border-top: 3px solid #fff;
	border-right: 10px solid #FFFFFF;
	width: 23%;
	background-color: #FFFFFF;
	height: auto;
	float: left;
}

#menu {
	padding: 0;
	margin: 0;
}

#menu a {
	text-decoration: none;
	display:block;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family:Century Gothic, Arial;
}

#menu ul li a {
	padding: 4px 0 0 28px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	color:#556379;
	text-transform: uppercase;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../imagenes/li1a.gif);
	background-position: 13px 9px;
	background-repeat: no-repeat;
}

#menu ul li a:hover {
	padding: 4px 0 0 28px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	color:#556379;
	text-transform: uppercase;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../imagenes/li1a-c1.gif);
	background-position: 13px 9px;
	background-repeat: no-repeat;
	background-color: #FAF9D0;
}

#menu p{
	font-size: 14px;
	font-family:Century Gothic, Arial;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	border-top: 20px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-repeat: no-repeat;
	background-color:#896B73;
	margin-bottom: 0px;
}

#menu ul li ul li a {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	background-image: url(../imagenes/li2.gif);
	background-color: #E4DDE7 ;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}

#menu ul li ul li a:hover {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	background-image: url(../imagenes/li2-c1.gif);
	background-color: #FEF2B9;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}
#menu ul li ul li ul li a {
	background-color: #C2DCE3;
	background-image: none;
}

#menu li li li li a {
	padding-left: 36px;
}

#menu ul li ul li ul li ul li a {
	background-color: #A1CEDB;
	background-image: none;
}

#ads {
	padding: 0;
	margin: 0;
}

#ads dt {
	padding: 0;
	margin: 6px;
	text-align:center;
}

#ads dd {
	margin: 0;
	padding: 4px 12px;
	border-bottom: 1px solid #FFFFFF;
	font-size: .8em;
	border-bottom: 1px solid #FFFFFF;
	line-height: 1.2em;
}

#cabecera-izq p{
background-color: #896B73;
background-repeat: no-repeat;
border-radius: 10px;
border-top: 2px solid #896B73;
color: #FFFFFF;
font-family:Century Gothic, Arial;
font-size: 16px;
font-weight: bold;
height: 21px;
line-height: 21px;
margin-bottom: 0;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
}	


#banners-participa {
	padding: 0;
	margin: 0;
}

#banners-participa img{
display:block;
margin-left: auto;
margin-right:auto;
margin-top:5px;
}

#banners-participa p{
background-color: #896B73;
background-repeat: no-repeat;
border-radius: 10px;
border-top: 2px solid #896B73;
color: #FFFFFF;
font-family:Century Gothic, Arial;
font-size: 1.4em;
font-weight: bold;
height: 21px;
line-height: 21px;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
}	

#banners-colabora {
	padding: 0;
	margin: 0;
}

#banners-colabora img{
display:block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#banners-colabora p{
background-color: #896B73;
background-repeat: no-repeat;
border-radius: 10px;
border-top: 2px solid #896B73;
color: #FFFFFF;
font-family:Century Gothic, Arial;
font-size: 1.6em;
font-weight: bold;
height: 21px;
line-height: 21px;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
}

#top_nav {
	display: none;
	padding-left: 185px;
	background-color: #DEECF0;
	height: 20px;
}

#top_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #fff;
	background-image: url(../imagenes/tn_bg1.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 20px;
}

#top_nav li {
	float: left;
	margin: 0;
	padding: 0;
	border-top: 2px solid #f60;
	border-right: 1px solid #fff;
	background-color: #E5F1F3;
}

#top_nav a {
	display: block;
	padding: 0 1.3em;
	line-height: 18px;
	font-family:Century Gothic, Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#top_nav a:hover {
	background-color: #f60;
	color: #fff;
}

/*-------------------------------------------Formularios-----------------------------------------------------------*/

.general {border: 1px solid #E3ECDB; background-color: #F9F9F9;}
form.general {clear: right; margin-bottom: 1.5em;}
form.general fieldset.centra{margin: 1em;}
form.general span {font: normal .8em Verdana, sans-serif;}
form.general .label,
form.general span.simulabel {float: left; width: 35%; text-align: right; padding: .3em 1em 0 0; font-weight: bold; color:#cc0000;}
form.general .botonera {padding-top: 1em;}
		
/* Para radio buttons -----------------------------------------------------*/
form.general span.simulabel {font-family:Century Gothic, Arial,Verdana,Geneva,Helvetica,sans-serif; font-size: 1em; margin-left: .4em;}
form.general .labelsimu {margin: 0; font-weight: normal; color:#000;}


/*---------------------------------------------PIE DE PAGINA-------------------------------------------------------------*/
	#marcadores-sociales {
		margin-top: 30px !important;
		padding-top: 10px;
		border-top:  #545e68 1px solid;
		}

	#marcadores-sociales ul {width: 80%; margin: 0 auto 1.5em; font-size: 1.1em;}
	#marcadores-sociales ul li {display: inline; margin: 0 8px 0 0;}
	
	#pie {background: #545e68; font-family:Century Gothic, Arial, Verdana, Geneva, Helvetica, sans-serif; clear: both; color: #AAA; display: block; font-size: 1.4em; padding: 6px 0; text-align: center; width: 100%;}
	
	#pie a {color: #545e68;background: #545e68; margin: 0 0 0 10px;padding: 0 5px;text-decoration: none;}
	
	#pie p {color:#FFF;}
	/*#pie {margin-top: 0;margin-right: auto;margin-left: auto; height: 150px; width: 100%; font-family:Century Gothic, Arial, Verdana, Geneva, Helvetica, sans-serif; background: #535D66 url(../imagenes/piefondo.gif) repeat-x;}*/	

	/* Listas en pie -----------------------------------------------------*/
	#pie ul {width: 80%; margin: 0 auto 1.5em; font-size: 1.1em;}
	#pie ul li {display: inline; margin: 0 8px 0 0;}
	
	/* Enlaces compartir y validación -----------------------------------------------------*/	
	ul#compartir {height: 14px;}
	ul#compartir img {vertical-align: middle;}
	ul#validacion {height: 23px;}
	
	/* navegación pie -----------------------------------------------------*/	
	ul#navPie {margin: 1em auto;}
	ul#navPie li {background: url(../imagenes/separador.gif) no-repeat left center;}
	ul#navPie li a {color: #FFF;}
	ul#navPie li a:hover {color: #F6E890;}	

	
	
/*------------------------------NUEVOS ESTILOS--------------------*/

#body #banner {
   height: 200px;
    margin: 0 0 10em;
    padding-top: 2em;
    width: 100%;
}
#body #banner img {
  height: 300px;
  width: 100%;
}

.principal {
 float: left;
 width: 100%;
 text-align: center;
 border: 1px solid #CCC;
 font-size: 100%;
}

.principal .cajappal {
    float: left;
    margin: 10px;
    width: 30%;
	min-height: 280px;
	vertical-align: top;
}

.cajappal h2 {
    color: #FFFFFF;
    padding: 15px 8px;
	font-weight: bold;
	font-size: 180%;
	min-height: 100px;
}

.cajappal ul {
    padding: 0 13px;
}
.cajappal li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
}
.cajappal a {
    /*background: url("../imagenes/tri.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);*/
    color: #FFFFFF;
    display: block;
    padding: 2px 0 2px 8px;
    text-decoration: none;
	font-size: 120%;
	font-weight: bold;
}

.cajappal a:hover{
    text-decoration: underline;
}

.principal .bp {
    background: url("../imagenes/logo-modelo-blanco.png") no-repeat scroll center bottom #5A7A2E;
}

.principal .materiales {
    background: url("../imagenes/pilares_blanco.png") no-repeat scroll center bottom #525485;
}
.principal .red {
    /*background: url("../imagenes/nodosblancos.png") no-repeat scroll center bottom #F1D21F;*/
	background: url("../imagenes/nodosblancos.png") no-repeat scroll center bottom #ebcd1d;
}

.pdf_caja_01 {
	width: 95%;
	height: 500px;
}

.importante {
	color: #F30;
	font-size: 16pt;
}

.importante_caja {
	border: 1px solid #CCC;
	padding: 10px;
	text-align: center;
}

/*-------------------------------------------Ir arriba-----------------------------------------------------------*/
.irarriba {background: none no-repeat scroll 0 top transparent; background-image: url("../../imagenes/iconos/flechas/up_morado.png");}

.irarriba {font-size: 0.8em; margin: 0.4em 0; padding: 0 6px 0 15px;}


/*-------------------------------------------Materiales útiles-----------------------------------------------------------*/

.materialesu {
	
	float: left;
	margin: 0 0 0 0px;
	min-height: 15em;
	width: 24%;
	font-size: 1.2em;
	font-weight: bold;
	 text-align:center;
}

.sec_container {
	padding: 2px;
	margin-bottom: 15px;
}

.sec {
	padding: 3px;
	margin: auto;
	text-align: center;
	min-height: 200px;
}

.sec h2 {
	font-weight:bold !important;
	font-size: 14pt;
}

.materialesu h1 {
    color: #000000;
    font-size: 1em;
    padding: 13px;
	font-weight: bold;
	
}
.materialesu ul {
    padding: 0 13px;
}
.materialesu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
}
.materialesu a {
    color: #000000;
	display: block;
    padding: 2px 0 2px 8px;
    text-decoration: none;
}

.mya_fpilares {
	background: url("../imagenes/materiales/portada/semi_verde.png") no-repeat scroll center bottom ;
	border: 1px solid #90bc8c;
}
.aicp a:hover {
color: #90bc8c;
}

.derechos {
	background: url("../imagenes/materiales/portada/semi_amarillo.png") no-repeat scroll center bottom ;
	border: 1px solid #ffcc33;	
}

.derechos a:hover{
	color: #ffcc33;
}

.envejecimiento {
	background: url("../imagenes/materiales/portada/semi_salmon.png") no-repeat scroll center bottom ;
	border: 1px solid #e9967a;
}

.envejecimiento a:hover {
color: #e9967a;
}

.aicp {
	background: url("../imagenes/materiales/portada/semi_verde.png") no-repeat scroll center bottom ;
	border: 1px solid #90bc8c;
}

.aicp a:hover {
color: #90bc8c;
}

.modelos {
	background: url("../imagenes/materiales/portada/semi_morado.png") no-repeat scroll center bottom ;
	border: 1px solid #896b73;
}

.modelos a:hover {
color: #896b73;
}

.acp {
	background: url("../imagenes/materiales/portada/semi_morado.png") no-repeat scroll center bottom ;
	border: 1px solid #896b73;
}

.acp a:hover {
color: #896b73;
}

.guias {
	background: url("../imagenes/materiales/portada/semi_verde.png") no-repeat scroll center bottom ;
	border: 1px solid #90bc8c;
}

.guias a:hover {
color: #90bc8c;
}

.participacion {
	background: url("../imagenes/materiales/portada/semi_salmon.png") no-repeat scroll center bottom ;
	border: 1px solid #e9967a;
}

.participacion a:hover {
color: #e9967a;
}

.tic {
	background: url("../imagenes/materiales/portada/semi_amarillo.png") no-repeat scroll center bottom ;
	border: 1px solid #ffcc33;
}

.tic a:hover {
color: #ffcc33;
}

/*--Caja Novedades---*/

#body .cajacatalogo {
    background: url("../imagenes/logo-modelo-blanco.png") no-repeat scroll right bottom #5A7A2E;
    float: right;
    margin: 0;
    min-height: 14.6em;
    width: 32.88%;
}

#body .cajacatalogo h1 {
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 13px;
	
}

#body .cajacatalogo a {
    background: url("../imagenes/tri.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    padding: 2px 0 2px 8px;
    text-decoration: none;
	font-size: 1.2em;
   
}

#body .cajacatalogo a:hover{
    text-decoration: underline;
}


#body .cajared {
    background: url("../imagenes/nodosblancos.png") no-repeat scroll right bottom #F1D21F;
    float: right;
    margin: 0;
	min-height: 14.6em;
	width: 32.88%;
}
#body .cajared h1 {
    color: #000000;
	font-size: 1.2em;
    padding: 13px;
	
}

#body .cajared a {
    background: url("../imagenes/tri.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #000000;
    display: block;
    padding: 2px 0 2px 8px;
    text-decoration: none;
	font-size: 1.2em;
    
}

#body .cajared a:hover{
    text-decoration: underline;
}

/*-Border redondeados--*/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#896B73
  }
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d2a5b1;
  border-right:1px solid #d2a5b1;
  background:#a5818b}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffc7d6;
  border-right:1px solid #ffc7d6;
  background:#9a7982}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9a7982;
  border-right:1px solid #9a7982;}
.spiffy4{
  border-left:1px solid #d2a5b1;
  border-right:1px solid #d2a5b1}
.spiffy5{
  border-left:1px solid #a5818b;
  border-right:1px solid #a5818b}
.spiffyfg{
  background:#896B73;
  min-height: 5em;}

.spiffyfg h2{
	color: #FFF;
	font-size: 18px;
	
}

/*-Premio--*/

.premio {
	margin: 2em 4em 2em 4em;
	float: left;
	width: 100%;
	}

.premio .boton{
	margin: 0em 2em 0 0px;
	min-height: 5em;
	width: 27%;
	font-size: 17px;
	
	 text-align:center;
	 border: 1.5px solid #e9967a;
	
}


.premio .boton p{
	padding: 2em 0 2px 2px;
	
		}
		
.premio .boton a{
 color: #000000;
	display: block;
    
    text-decoration: none;
	font-weight: bold;
	}
	
	
.premio .boton a:hover {
color: #e9967a;
font-weight: bold;
}

.textoboton {
	padding: 0px 10px 4px 10px;
	margin: 0;
	font-size: .7em;
	color: #8C8FB8;
}

.mensajepremio {margin: 2em 0em 2em 0em; border: 1px solid #E3ECDB; background-color: #F9F9F9; float: left; min-height: 8em; width: 100%;}

.mensajepremio img{
display:block;
margin: 0em 0em 0em 0em; padding: 1.25em 1.5em 0em 1em
}

.mensajepremiotg {
font-style:italic;
padding: 1em 1em 0em 0em;
}

.mensajepremiotp  {
	font-size: 12px;
	font-style: normal;
	text-align: right;
	font-weight: bold;
	padding: 0 2em 0 0; 	}	

	
.mensajepremiotp2 {
	font-size: 12px;
	text-align: right;
	padding: 0 2em 1em 0;
	}

.calendario {
	margin: 0 0 2em 0;
	width: 90%;
	min-height: 4em;
	border: 1.5px solid #e9967a;
	padding: 10px;
	text-align: center;
	}
	
.calendario li{
	padding: 0 0 1em 0;
		}
		
.calendario p {
	font-family:Century Gothic, Arial;
	font-size: 10pt;
	text-align: center;
	}
	
.ediciones {
	margin: 2em 0em 2em 0em;
	width: 90%;
	min-height: 2em;
	border: 1.5px solid #e9967a;
	padding: 1em 1em 1em 1em;
	}
	
	.ediciones p{
	font-family:Century Gothic, Arial;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	}
	
	.ediciones li{
	text-align: center;
		}
		
	.ediciones li a{
	text-align: center;
		}

.entidades {
	margin: 2em 0em 1em 0em;
	width: 90%;
	min-height: 2em;
	padding: 1em 1em 1em 1em;
	}

.entidades img{
display:block;
margin-left: auto;
margin-right:auto;
margin-top:10px;
margin-bottom: 10px;
}

.entidades p{
	font-family:Century Gothic, Arial;
	font-size: 1em;
	padding: 0em 0em 0em 1em;
	border-bottom: 1px dotted #525485; 	
	}


/*-Cajas Laterales--*/

.catalogo {
    background: url("../imagenes/logo-modelo-blanco_peq.png") no-repeat scroll right bottom #5A7A2E;
    margin: 2em 0em 1em 0em;
    min-height: 6em;
    width: 100%;
	font-size: 1.2em;
	color: #FFFFFF;
	
}

.catalogotexto {
	color: #FFFFFF;
	padding: 0.5em 0 0 1em
	}
	
.catalogosubtexto {
	padding: 0.5em 0 0 0em
	}	

.catalogo a {
	background: url("../imagenes/tri.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    padding: 2px 0 2px 8px;
    text-decoration: none;
	
}

.catalogo a:hover{
    text-decoration: underline;
	color: #FFFFFF;
}

.catalogo li{
    padding: 0em 0.5em 0em 0em;

}

.cajared {
    background: url("../imagenes/nodosblancos_peq.png") no-repeat scroll right bottom #F1D21F;
    margin: 0em 0em 1em 0em;
    min-height: 6em;
    width: 100%;
	
}

.cajared a {
	color: #000000;
	padding: 2px 0 2px 8px;
    text-decoration: none;
	font-size: 1.2em;
}

.cajared a:hover {
 text-decoration: underline;
}



.cajamateriales {
    background: url("../imagenes/pilares_blanco_peq.png") no-repeat scroll right bottom #525485;
    margin: 0em 0em 1em 0em;
    min-height: 6em;
    width: 100%;
}

.cajamateriales a {
	color: #FFFFFF;
    padding: 2px 0 2px 8px;
    text-decoration: none;
	font-size: 1.2em;
}

.cajamateriales a:hover {
 text-decoration: underline;
 color: #FFFFFF;
}

/* Listas simples */

.lista_simple {
	list-style: none !important;
}

.lista_simple li {
	margin-left: 0 !important;
}



/*-Catalogo Ir Arriba--------*/


.cajairarriba {
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
   padding: 0em 0.75em 0em 0.75em;	
	width: 100%;
}


/*****************************Catalogo Tematico Portada ***********************/

.catalogoTematico {width: 31.5%; min-height: 45em; float: left; margin-right:1em; }
.catalogoTematicoTit {min-height: 4.5em; border-top: dotted 1px #ccc; padding: .5em .5em .5em .5em; text-align:center;
	}
	.catalogoTematico h2 {font-size: 1.4em;}
	.catalogoTematico p {padding: .5em .75em .5em .75em;}

.catalogoTematico img{
display:block;
margin-left: auto;
margin-right:auto;
margin-top:10px;
margin-bottom: 10px;

}
	
.catalogoTematico a{padding: .4em 0 .4em 0em; background: #fff 10px 0; display: block; color: #000; margin: 0; border-bottom: dotted 1px #ccc; }
.catalogoTematico a:hover {background: #F4F4F4 10px 0; color: #990000; }


/*****************************Catalogo Tematico Secciones ***********************/

.cajaBBPP {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    margin-left: 0.5em;
margin-right:1.5em;
padding: 1em 1em 1em 1em;	
	min-height: 34em;
    width: 44.5%;
	border: 1.5px solid #000000;

}

.cajaBBPP h2{
	padding: 0em 0em 0.75em 0em;
	 font-size: 1.5em;
	text-align:center;
	}
	
	
.cajaBBPPderecha {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    margin-left: 1.5em;
margin-right:0.5em;
padding: 1em 1em 1em 1em;	
	min-height: 34em;
    width: 44.5%;
	border: 1.5px solid #000000;
}

.cajaBBPPderecha h2{
	padding: 0em 0em 0.75em 0em;
	font-size: 1.5em;
	text-align:center;
	}


.cajaBBPPtit {height: 7em;
}

.cajaBBPPint {
	float: right;
	margin-top: 0em;
	margin-bottom: 0.25em;
	margin-left: 0.25;
	margin-right: 0.25;
	height: 25em; 
		padding: 0em 0.25em 0em 0.25em;	
}

.cajaAnexo {
	float: left;
	width: 33%;
	text-align:center;
}

.cajaAnexovacia {
	float: left;
	width: 100%;
	padding: 0em 0.25em 0em 0.25em;
	min-height: 8em;
		}


.cajaBBPPintbarra {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	margin-left: 0.25;
	margin-right: 0.25;
	width: 100%;
	min-height: 2em;
	background: #C9C;
	text-align:center;
}
.cajaBBPPintbarra a{
color: #000;
}
.cajaBBPPintbarra a:hover{
color: #990000;	
 text-decoration: underline;
}

/*****************************Catalogo Alfabético Cuadro Letras***********************/

.cajaletras {
	margin-top: 1em;
	margin-bottom: 0.5em;
    margin-left: auto;
margin-right:auto;
	min-height: 6em;
    width: 80%;
	 border: 2px solid #D8D8D8;
	 text-align:center;
	
}

.cajaletras p{
	font-family:Century Gothic, Arial;
	font-size: 1.5em; 
	font-weight: bold;
	padding: 0.5em 0em 0px 0px;	
}

.cajaletras a {
padding: 0em 0.5em 0px 0px;	
 text-decoration: none;
}

.cajaletras a:hover {
	font-size: 1.5em;
  color: #000000;
}


.letra {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 1em;
    margin-left: auto;
margin-right:auto;
padding: 0em 0.75em 0.5em 0.75em;	
	min-height: 5em;
    width: 98%;
	background: url("../imagenes/catalogo/circulo_moradopeq.png") no-repeat scroll center bottom ;
	
}


.letra h1{
	text-align:center;
	padding: 1em 0em 0em 0em;
}

/*****************************Catalogo Alfabético***********************/

.cajas_bp_listas li {
	margin: 10px 0;
}

#cajaAlfabetico {
border: 1px solid #E3ECDB;
float: left;
width: 100%;
margin: 0.5em 0em 0.5em 0em;
}

#cajaAlfabeticoder {
float: right;
min-height: 5em;
width: 50%;
padding: 0.5em 0em 0em 0em;
}

#cajaAlfabeticoizq {
float: left;
min-height: 5em;
width: 48%;
padding: 0.5em 0.5em 0.5em 0.75em;
}

/*****************************Casilla para cambiar de catálogo***********************/

.BoxCatalogo {
border: 1px solid #E3ECDB;
float: left;
width: 20%;
margin: 1em 30em 0.5em 30em;
text-align:center;
padding: 0.75em 0 0 0;
}

.BoxCatalogo p{
	font-size: 1.2em;
	}

.BoxCatalogo a:hover{
	background-color: #CCC;
	 font-weight: bold;
	}


/*****************************Participa ***********************/
	#participar {border: 1px solid #E3ECDB; background-color: #F9F9F9; margin: 3em 5em 3em 5em; padding: 1em 1em 1em 1em}
	#agentes {float: left; width: 44%; margin: 0em 1em 1em 1em; padding: 1em 1em 1em 1em}
	

/*****************************Galería Imágenes ***********************/
.thumbnail{ position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail span{ /* Estilos para la imagen agrandada */ position: absolute; background-color: black; padding: 5px; top: -500px; left: -100px; border: 5px double gray; visibility: hidden; color: #ffffff; text-decoration: none; }
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: -100; left: 0px; }


/* EXTERNOS */

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
vertical-align: middle;
}

#share-buttons a:hover {
	text-decoration: none;
	}

/*--------------------------*ESTILOS GENERALES-------------------------------------------*/

html {
	background:#CDC9C6;
	color:#555555;
}
	
body {
	background:#FFFFFF;
	font-family:Century Gothic,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

h1 {
	font-size: 2em;
	font-weight:bold;
	font-family:Century Gothic, Arial;
	color: #525485;
	margin: 0;
	padding-bottom: 8px;
}

h2 {
	font-family:Century Gothic, Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	color:#525485;
	font-weight:bold;
	font-size: 1.7em;
	margin: 0;
	padding: 8px 0;
}

h3 {
	font-size: 1.2em;
	font-family:Century Gothic, Arial;
	margin: 0;
	padding-bottom: 8px;
}

h4 {
	font-size: 1.3em;
	font-family:Century Gothic, Arial;
	color: #9A99D2;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 8px;
}


hr {
	clear: both;
	height: 1px;
	border-top: solid 1px #AACCD5;
}

acronym {border-bottom: 1px dotted; background: url(../imagenes/acronym.gif) no-repeat top right; padding: 0 13px 0 0;}
kbd{background-color: #eee;border-bottom: 3px solid #888;border-left: 2px solid #bbb;border-right: 3px solid #aaa;border-top: 2px solid #ccc;color: #000;font-family:Century Gothic, "Lucida console", courier, monospace;font-size: 0.9em;padding: 0 0.2em;}
a {text-decoration: none; color: #990000;}
a:hover, a:focus, a:active {color: #990000;}
.negrita {font-weight: bold;}
.textoCentro {text-align: center;}
.fechahora{font-size: 0.6em;float: right;padding: 0.7em 1.5em;}
.texto_alineado {text-align: justify;}
p {margin-bottom: 1em;}
p a {text-decoration: underline; color: #990000;}
p a:hover, a:focus, a:active {color: #990000; font-weight:bold;}