/* CSS ARCERA (Cantabria) */
/* Hojas de estilo importadas */

/* Estilos especificos del web */

* {
	margin:0px;
	padding:0px;
}
body {
	color:#333;
	font:80% Tahoma, Verdana, Arial, Helvetica;
	margin:0px;
	padding:0px;
	background:#fff url(../img/fondo-home.gif) center top no-repeat;

}

h1 {
	margin:30px 0 0px;
	padding:0px;
}
h2 {
	font: italic normal 200% "Times New Roman", Georgia, Times, serif;
	color:#98C000;
	padding:0px;
	margin:0px 0 20px;
}

h3 {
	font:normal 150% Georgia, "Times New Roman", Times, serif;
	color: #98C000;
	margin:0px 0 15px 220px;
	padding:0px;
}
h4 {
	font:bold 120% Georgia, "Times New Roman", Times, serif;
	color:#2250a1;
	margin:10px 0px 5px 0;
	padding:0px;
}
p {
	margin: 0 0 8px 0;
	padding:0px;
}
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	color:#98C000;
	/*color:#000;*/
}

img {
	border-style:none;
	text-decoration:none;
}
.ocultar {
	display:none;
}
.clear {
	clear: both;
	font-size:0.001em;
	height:0.01px;
}

/* --- Pagina de inicio --- */

#contenedor{
	margin:0 auto;
	width:990px;
}

#head {
	width:280px;
	margin:30px 0 0 20px;
	float:left;
}
#head-int {
	width:242px;
	margin:30px 0 0 20px;
	float:left;
}
.menu ul{
	margin:51px 0 0;
	padding:0px;
}
.menu li {
	margin:4px 0px 3px;
	padding:1px 0px 1px 15px;
	list-style-type:none;
	background-color:#eee;
}
.menu li a{
	font:normal 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contenido {
	margin:0 10px 0 20px;}

.cl-blog {
	float: right;
	color:#fff;
	font:150% Arial, Helvetica, sans-serif;
	border:1px dotted #fff;
	border-top-color:#000;
	padding:5px 10px;
	margin-right:50px;}
.cl-blog a{ color:#fff;}
.cl-blog a:hover{ color:#A9D301;}

/* ----- DESTACADOS HOME ------- */

.datos {
	float:left;
	width:250px;
	font-size:85%;
}
.datos h3 { margin-left:0px;}
.datos ul{
	padding:0px;
	margin:0px 0 20px;
}

.datos li{
	padding:5px 0;
	margin:0px;
	list-style-type:none;
	border-bottom:1px dashed #ccc;
	font-size:100%;
}

.datos h4 {
	font:140% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#666;
	border-top:1px dotted #333;
	padding:2px 5px;
	margin:16px 0 0px 0;
}

.datos img {
	margin:3px 0 8px;
}

.link-mapa{
	color:#999;
	margin:0px;
	padding:5px 0 0px;
	display:block;
} 


#blog{
	float:left;
	width:235px;
	margin-right:20px;
}

.blog {
	border:1px solid #ccc;
	height:168px;
	padding:8px;
}

#merch {
	float:right;
	width:665px;
	margin:0 0px 10px 40px;
}	

.merch {
	width:216px;
	text-align:center;
	float:left;
	font-size:85%;
}
#llaveros, #revistas {
	border:1px solid #ddd;
	padding:4px 6px;
	margin:0 0 0 9px;
	width:200px;
}

#destacados{
	float:right;
	width:665px;
	margin:10px 0 10px 40px;
}
#destacados h3{
	font: italic normal 150% Georgia, "Times New Roman", Times, serif;
	color:#666;	
	padding:7px 0;
	margin:0px 0 10px;

} 
#destacados h4  {
	font:normal 120% Arial, Helvetica, sans-serif;
	color: #090;
	margin:0px 0 3px;
	display:block;
}
.destac h4 a, .destac-dcha h4 a {
	/*font:normal 110% "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color: #090;
}

.destac h4 a:hover, .destac-dcha h4 a:hover{
	background-color:#98C000;
	display:block;
	color:#fff;
}
.sin { margin-right:0px;}

.destac, .destac-dcha {
	width:190px;
	margin:0px 45px 10px 0px;
	float:left;
	color:#666;
	font:85% Tahoma, Geneva, sans-serif;
}
.destac p, .destac-dcha p{
	line-height:140%;
}

.destac-dcha, .destac-dcha2 {margin-right:0px;}
.destac-dcha2 {
	width:190px;
	float:left;
	font-size:85%;
	color:#666;
	line-height:130%;
}
.destac-dcha2 h3 {margin:0px 0 10px!important; padding:5px 0 5px!important; display:inherit; font:160%!important; color:#fff!important;
	background-color:#090; text-align:center; display:block;
}

#blog {
	background-color:#eee;
	padding:10px 20px 5px;
	width:403px;
	margin:0px 25px 15px 0px;
	float:left;
	color:#666;
	line-height:150%;
	font:85% Tahoma, Geneva, sans-serif;
	min-height:none;
}
#blog h3 { padding:3px 0; float:left; border-bottom-style:none; margin:2px 0;}
#blog h4 { font-size:120%; color:#000!important; }
#blog h4 a:hover { color:#000; display:inherit; background:none;}
#blog .PubDate {margin:10px 0; display:block;}
#blog .subtit { float:left; display:block; color:#666; font-size:95%; margin:12px 0 0 10px;}
.suscribase { color:#000; border-top:1px dotted #999; padding-top:10px; margin-top:15px;}
.suscribase a { color:#333!important;}
.suscribase a:hover { color:#000!important; text-decoration:underline;}

.Btext a { line-height:130%; color:#333!important;}
.Btext a:hover{ color:#333!important; text-decoration:underline;}

.tit {font:italic normal 120% Georgia, "Times New Roman", Times, serif}

.destac img, .destac-dcha img{
	padding:3px;
	border:1px solid #ccc;
	margin-top:3px;
}

.you { color:#fff;}

.subtit {
	font:normal 140% Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0 15px 0;
	padding:0px;
}
/* -------------- Contenido interior ---------------- */
.menu-int img{ 
	margin:0px 0px 0 5px;
}
.menu-int ul{
	margin:30px 30px 0 0;
	padding:0px;
}
.menu-int li {
	margin:4px 0px 3px;
	padding:1px 0px 1px 15px;
	list-style-type:none;
	background-color:#eee;
	font:normal 105% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.menu-int li a{
	font:normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.menu-int .current{
	background-color:#000;
	color:#fff;
}

.submenu {
	font-size:100%;
	background-color:#fff;
}

.submenu li{
	padding:1px 0 1px 30px;
	margin:0px;
	list-style-type:none;
	border-bottom:1px dashed #ccc;
	background-color:#fff;
	font-size:90%;
}
.submenu .current2 {
	color:#98C000;
	background:url(../img/flecha-verde.gif) 15px center no-repeat;
}
.foto-cabeceras {	
	margin:125px 0 0px;
}
.migas {
	font-size:85%;
	color:#98C000;
	border-bottom:1px dotted #ccc;
	padding:0 0 5px;
	margin:0px 0 20px;
}
.migas a{
	color:#666;
}
.migas a:hover{
	text-decoration:underline;
}

#contenido-int {
	float:right;
	width:705px;
	font:100% Tahoma, Geneva, sans-serif;
	color:#333;
	line-height:160%;
}
.texto {
	margin:0 30px;
}

.texto2 {
	margin:0 10px 0 0px;
}
.texto h3, .texto2 h3{
	color:#000;
	font:normal 180% Arial, Tahoma, Geneva, sans-serif;
	margin:0px 0 5px;
	padding:0px;
}
.texto2 h4{
	color:#666;
	font:normal 130% Arial, Tahoma, Geneva, sans-serif;
	margin:0px 0 8px;
	padding:0px;
}

.subtitulo{
	color:#999;
	font:normal 90% "Times New Roman", Times, serif;
	margin:0px 0 15px;
	display:block;
	padding:0px;
	line-height:100%;
}
.texto dl{
}

.texto dt{
	color:#000;
	font-weight:bold;
	float:left;	
	margin-right:5px;

}
.texto dd{
	color:#666;
	display:block;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

/* -------habitats --------*/

.habitat li{ 
	float:left; 
	list-style-type:none; 
	margin:0 1px 20px 0; 
	height:29px; 
	vertical-align:middle; 
	background-color:#e5e5e5; 
	color:#333; 
	padding:3px 9px; 
	line-height:100%;
	font:normal 90% Arial, Helvetica, sans-serif;
	text-align:center;
}
.img { float:left; margin:0 20px 0px 0; border:1px solid #ccc; padding:3px;}

/* -- Pie de pagina -- */

#contenedor-pie{
	margin:20px auto 0;
	padding:20px 10px 10px;
	background:#1B1B1B url(../img/fondo-pie-sup.gif) left top repeat-x;
	color:#666;
	font-size:85%;
}

#red-social {
	border-bottom:1px solid #626262;
	height:30px;
	width:980px;
	margin:0 auto 20px;
	padding:10px 0;
}
#pie{
	margin:20px auto;
	padding:15px 0 0;
	width:330px;
	text-align:center;
}

#pie ul, #red-social ul{
	margin:0px;
	padding:0px;
}
#pie li, #red-social li{
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#red-social ul {
	text-align:center;
}
#red-social li img{
	padding:0px 20px;
	vertical-align:middle;
}
#pie li img{
	vertical-align:middle;
}
#pie-destacados a{
	color:#999;
}
#pie-destacados a:hover{
	color:#98C000;
}

#pie-destacados{
	margin:0px auto 10px;
	padding:0px;
	width:980px;
}
#pie-destacados ul {
	width:170px;
	float:left;
	margin:24px 60px 0 5px;
	padding:0px;
}
#pie-destacados li {
	margin:0px;
	padding:3px 0px;
	list-style-type:none;
	color:#999;
}
#pie-destacados li strong{
	color:#C9C9C9;
}

/*estilos de formulario */


#formulario, .gracias {
	float:left;
	width:90%;
	color:#333333;
	background-color: #eaeaea;
	border:1px solid #ccc;
	padding:15px 30px;
	margin:10px 0px 0 0px;
	font:90% Tahoma, Arial, Verdana;
}
.gracias {
	padding:60px 30px;
	line-height:180%;
}
.gracias a {
	display:block;
	margin:10px 0;
	text-decoration:underline;
}
.gracias a:hover {
	color:#cc0000;
}

fieldset {
	border-style:none;
	margin:0 0 8px 25px;
}
legend {
	display:none;
}
#formulario ol{
	margin:0px;
	padding:0px;
}
#formulario li{
	list-style-type:none;
	margin:0px;
	padding:5px 0px;
}

fieldset label{
	display: block;
	line-height: 1.6;
	vertical-align: top;
	width:150px;
	float:left;
	clear:left;
}

fieldset input, textarea{
	border:1px solid #ccc;
	padding:2px;
	color:#333333;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:320px;
}
textarea{
	height:50px;	
}

.boton{
	width:70px;
	border:1px solid #666666;
	color:#666666;
	margin:8px 0px 20px 430px;
	cursor:pointer;
	padding:3px;
}

.boton:hover{
	color:#fff;
	background-color:#333;
}
.check {
	margin:0 3px 0 25px;
}

.txt {
	border-top:1px dotted #999;
	padding-top:10px;
	color:#666;
}
/* -------------------------------
--------- Xfade para la HOME-----*/

#imageContainer {
	position:relative;
	margin:auto;
	width:678px;
	height:260px;
	background: url(../img/img-home-03.jpg) center no-repeat;
	text-align:center;
}

#imageContainer img {
	display: none;
	/*opacity: 0.1;*/
}