/*Main CSS*/
body {
	background-color: #F2F9F4;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.overlay {
	position: fixed;
	display:none;
	background-image:url(../img/bgtransparente.png);
	background-repeat: repeat;
	left:0;
	bottom:0;
	height:100%;
	width:100%;
	z-index:10000;
	text-align:center;
}
.overlayimg{
	position:absolute;
	display:none;
	top:50px;
	z-index:10001;
	width:100%;
	}
.overlayimg .imgcontainer{
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}
.overlayimg p {
	font-size:12px;
	margin-bottom:5px;
	margin-top:5px;
}
#close{
	margin-right:10px;
	margin-bottom:5px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

img {
	border:none;
	}

.mainContainer {
	width: 960px;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-right: auto;
	background-image: url(http://www.horariosenespana.es/manifiesto/img/mainbg.gif);
	background-repeat: repeat-y;
	margin-top:5px;
	border: 1px solid #8f8a05;	
}
a:active, a:visited
{
  outline: none;
}

/*Fin de Main CSS*/


/*Header*/
.header {
	width: 960px;
	height: 140px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	position: relative;

}
.header .menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.menu li {
	float: left;
	margin-left:3px;
	margin-right:3px;

}
.menu li:hover {
	background-image: url(../img/buttonright.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.menu a {
	color: #000000;
	text-decoration: none;
	padding-left:2px;
	padding-right:3px;
	padding-bottom:4px;
	padding-top:4px;
	display:block;
}
.menu a:hover, .menu ul li a:hover {
	background-image: url(../img/buttonleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	visibility:visible;
}
.menu #selected {
	background-image: url(../img/buttonright.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.menu #selected a {
	background-image: url(../img/buttonleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.menu li ul {
	list-style:none;
	position:absolute;
	background-color:#CCCCCC;
	padding:0;
	margin:0;
	display:none;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(http://www.horariosenespana.es/manifiesto/img/submenubg.png);
	background-repeat: no-repeat;
}
.menu li ul li{
	float:none;
}
.menu li:hover ul {
	display:block;
}
.menu .desplegable:hover{
	background-image: url(http://www.horariosenespana.es/manifiesto/img/menu_firstlevel.gif);
	background-repeat: no-repeat;
}
.menu .desplegable a{
	background-image:none;
}
/*Fin de header*/


/*Contenido (columas izquierda y derecha)*/
.contenido{
	width:960px;
	margin-top:10px;
}
.contenido .leftcol, .contenido .rightcol {
	float:left;
}
.contenido .leftcol {
	width: 290px;
	margin-left: 10px;
}
.menulateral{
	display:block;
	background-color:#8f8a05;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	padding:2px 2px 2px 12px;
	border: 1px solid #CCC;	
	}
.menulateral:hover{
	background-color:#999;
	border: 1px solid #000;
	}
.contenido .rightcol {
	width: 590px;
	margin-right: 10px;
	margin-left: 60px;
}
.rightcol h1{
	margin:0;
	color:#009933;
	padding:0;
}
.rocio, .jornadas_culturales{
	height: 220px;
	width: 290px;
	margin-bottom:20px;
	float:left;
}
.jornadas_culturales{
	margin-left:10px;
}
.rightcol .coro_rociero {
	width: 590px;
}
/*fin de Contenido*/


/*Footer CSS*/
.footer {
	height: 90px;
	width: 960px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	position: relative;
	color:#666;
	font-size: 13px;
	clear: both;
	margin-bottom:5px;
}

.footer p {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom:5px;
	right:35px;
	margin-left:600px;
}
.footer img {
	vertical-align: bottom;
	border:none;
	margin-right: 2px;

}
.footer a {
	color:#008080;
}
/*Fin de Footer*/

.clear{clear:both;}
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #617C36;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #008000;
  padding-top:0px;
  padding-bottom:0px;
  margin:0px 0px 0px 0px;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #8f8a05;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #2D3919;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #2D3919;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #2D3919;
}
/* Finish Content headings Fonts & Colors  */