/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
html
	{}

body {
	/*margin: 20px 0;*/
	margin:0px;
	padding: 0;
	background-image:url(../images/sombra.jpg);
	background-position:top center;
	background-repeat: repeat-y;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-weight: normal;
}

input { display:block}
input.btn { display:inline}

h1 {font-size: 2.0em; color:#Af4710; margin-bottom:20px}

h2 { 	letter-spacing: -2px; font-size: 1.8em; color:#Af4710;  margin-bottom:10px }

a {
	color:#A51800;
}
a:hover {
	color:#F30;
	text-decoration: none;
}

blockquote {
	font-style: italic;
}
/*  especificos para el index */

#texto_intro p {margin-left:400px; width:400px; background:rgba(255, 255, 255, 0.5); padding:4px}
#texto_intro ul {-moz-padding-start:6px; -webkit-padding-start:6px;}
#texto_intro span { font-size:0.8em; margin-left:10px}

#texto_intro ul li { display:inline; width:70px; background: #000; color:#FFF; padding:4px}
#texto_intro ul li.selected { background:#C00}
#buscador {margin-left:10px}
#buscador #b { background: #000; color:#FFF; border: none; padding:3px 4px; font-size:11px;}
#fondo_descarga {margin-left:12px; padding:2px; border:#666 solid 1px; margin-bottom:4px; width:83%;}
#buscador input#t {width:120px; float:left;  margin-right:4px;}
div.cuadrob {float:left; width:195px; background:rgba(255, 255, 255, 0.5); padding-bottom:5px;}
div.cuadrob ul {font-size:11px;width:175px; padding:0 1px; text-align:center}
div.cuadrob div {font-size:9px; letter-spacing:-1px; text-align:center; margin-bottom:-15px}

/* Header */

#header {
	/*width: 700px;
	background: #333 url(../images/img1.jpg);*/
	height: 197px;
	margin: 0 auto 0em auto;
	width:830px;
	background-image:url(../images/cabecera_0.jpg);
	background-repeat:no-repeat;
	background-position: 2px;
}

#header * {
	margin: 0;
	padding: 0;
	background: transparent;
	text-decoration: none;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 80px 0 0 20px;
	letter-spacing: -2px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 100px 0 0 10px;
	font-size: 1em;
	font-weight: bold;
}

#header ul#seleccion_lang{  margin-left: 30px; display:none}
#header ul#seleccion_lang li, #header ul#seleccion_lang li a { display: inline; color: #000;}
#header ul#seleccion_lang li.selected{ color: #c00;}

ul#menu {margin: 8px auto 0em auto;
	 text-align: left; }

ul#menu li {
	display:inline;
	background-color: #A51800;
	line-height: 10px;
	margin: 0.1em 0.05em 0.05em;
	font: 11px bold; font-family:Verdana, Arial, sans-serif; font-weight: bold;
	padding: 4px 20px;
	color:#FFF;
	width: 140px;
}

ul#menu li.final {padding: 4px 10px;}
ul#menu li.selected {background-color: #657A13}
ul#menu li.hover,
ul#menu li:hover {background-color: #657A13}
ul#menu li a:link, ul#menu li a:hover, ul#menu li a:visited, ul#menu li a:active { color:#FFF; text-decoration: none}

/* div de más informacion */


.mas-info { width:auto; padding-top: 14px; padding-left: 10px; padding-right:14px; margin-left: -10px; text-align:left; font-size:9px}
div.up {font-size:10px}
div.up span {color:#999}
.up { background:url(../images/cuadro_direccion_up.jpg) no-repeat; color:#F00}
.middle { background:url(../images/cuadro_direccion_middle.jpg) repeat-y}
.down { background:url(../images/cuadro_direccion_down.jpg) no-repeat; padding-top:10px }
/* seleccion de idiomas */
#texto_intro li a {color: #FFF; text-decoration: none}
#texto_intro li a:hover {color:#999; text-decoration: none}
#idiomas { margin-left: 30px; color:#666}
#idiomas a { color:#000; text-decoration:none}
#idiomas a:hover { color:#666; text-decoration:none}
#idiomas span.selected {color:#900}
/* Content */

#content {
	/*width: 660px;*/
	width:830px;
	margin: 0 auto;
	background-image:url(../images/bg.png);
}

ul.lista_centros { margin-bottom:2em;}
ul.lista_centros li {
	background-repeat: no-repeat;
	background-position: 1px 2px;
	list-style: none;
	text-align:left;
	padding-left: 0.3em;}
	
ul.lista_centros li a, ul.lista_centros li span a:link { color:#000; text-decoration:none}
ul.lista_centros li a:hover, ul.lista_centros li span a:hover { color:#000; text-decoration:underline}
	
ul.lista_centros li span { color:#FFF; margin-right:2px}	
ul.lista_centros li span.rojo,ul.lista_centros span.rojo {color: #e33f18; }
ul.lista_centros li.rojo { background-image: url(../images/circulo_rojo.gif); }

ul.lista_centros li span.verde, ul.lista_centros span.verde{ color: #2b7d00 }
ul.lista_centros li.verde {background-image: url(../images/circulo_verde.gif);}


ul.lista_centros li span.azul, ul.lista_centros span.azul { color: #2a72d7 }
ul.lista_centros li.azul {background-image: url(../images/circulo_azul.gif);}





/* Column One */

#colOne {
	float: left;
	width: 38%;
	margin-left:27px;
	padding: 20px 10px 100px 20px;
}

#colOne div#idiomas {display:none}

#colOne .post {
}

#colOne .title {
}

#colOne .posted {
	border-top: 1px solid #FC0;
	font-size: x-small;
}

#colOne .story {
	padding: 0 20px;
	text-align: justify;
}

#colOne .story img {
	border: #999999 solid 1px; padding:3px; float:left; margin:4px;
}

#colOne .story img:hover {
	border: #ccc solid 1px; 
}

#colOne .meta {
	margin: 0 0 3em 0;
	padding: 5px 10px;
	background: #FFFFFF url(../images/img3.gif) repeat-x;
	border-top: 1px solid #457EE9;
	font-size: x-small;
}

#colOne .meta p {
	margin: 0;
	padding: 0;
}

p, li
	{
	text-align:justify;
	color:#000;
}
ul
	{margin:5px;}

/* Column Two */

#colTwo {
	float: right;
	width:340px;
	margin-right:0px;
	margin-top: -45px;
}

#colTwo ul {
	margin: 5px;
	padding: 0;
	list-style: none;
}

#colTwo li {
}

#colTwo li li {
	height: 23px;
	padding: 7px 0 0 20px;
	background: #FFFFFF url(../images/img3.gif) repeat-x;
}

#colTwo h2 {
	height: 30px;
	padding: 5px 0 0 10px;
	background: #608BA5 url(../images/img2.gif) repeat-x;
	letter-spacing: normal;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}

#colTwo a {
	text-decoration: none;
}

/*#colTwo a:hover {
	text-decoration: underline;
}*/

#colTwo form {
	margin: 0;
	padding: 20px 10px;
}

#colTwo #textfield1 {
	width: 170px;
	border: 1px solid #457EE9;
}

#colTwo #submit1 {
	display: none;
}

.mybs{
	clear:both;
}

/* Footer */

#footer {
	/*width: 700px;*/
	background:url(../images/punto_negro.gif) repeat-x top;
	text-align:right;
	height: 48px;
	margin: 0 auto;
	padding:5px 10px;
	/*padding: 10px 0 0 10px;*/
	letter-spacing: normal;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color:#000;
	width:800px;
}

#footer p {
	margin: 0;
	color: #000;
}

#footer a {
	color: #000;
}

#footer div a img {border:none; margin-right:2px}

img.imagenpeq
	{border: 1px solid #ad1313; 
	margin: 0px 0px 10px 5px; 
	padding: 2px; 
	float: right; 
	max-width:75px;
	max-height:75px;}


/*------------- calendario ----------------*/

.flechas
	{float:left; 
	width:10%;
	text-align:center;
	font-weight:bold;
	padding:1% 0;}
.mes
	{float:left; 
	width:80%;
	padding:1% 0;
	text-align:center;
	text-transform:uppercase;}
.dia
	{float:left; 
	width:12%;
	padding:3px 7px;
	background-color:#657a13;
	color: #ffffff;
	border:solid 1px #fff}
.diae, .sindia, .finmes
	{float:left; 
	width:12%; 
	text-align:right;
	padding:3px 7px;
	height:50px;
	border:solid 1px #fff;}
.diae
	{background-color:#eee;
	background-position:center;}
.evnt
	{border:#ccc solid 1px;
	width:47%;
	float:left;
	margin:0 1% 1% 1%}
.evnt2
	{border:#ccc solid 1px;
	width:47%;
	float:left;
	margin:0 1% 1% 1%}

div#agregar_calendario, div#modificar_calendario
	{border:solid 1px #CCC;
	background-color:#FFF;}
#agregar_calendario form, #modificar_calendario form
	{padding:0 1% 1% 1%;}
.agregar_n
	{background-color:#a51800;
	padding:5px; 
	color:#FFF;}
#agregar_calendario .izq50 input, #modificar_calendario .izq50 input
	{width:95%;}
#agregar_calendario textarea, #modificar_calendario textarea
 	{height:79px;}

.izq50
	{width:49%; float:left}
.izq50 label
	{font-size:11px;}
.izq50 input, .izq50 textarea
	{width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;}
.evnt .agregar_n, .evnt2 .agregar_n
	{background-color:#ccc;
	color:#000;
	letter-spacing:-1px;}
.evnt span, .evnt2 span
	{float:right;
	letter-spacing:-0.5px;}
.stop
	{clear:both;}