﻿body
{
	font-family:Calibri, Tahoma, Arial Unicode MS, Verdana/**/;
	font-size:15px;
	letter-spacing: 0.8pt;
	background-color:#ffffff;
	
	
}

#div-wrap
{
	position: absolute; /*nos posicionamos en el centro del navegador*/
	top: 51%;
	left: 50%; /*determinamos una anchura*/
	width: 960px; /*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left: -480px; /*determinamos una altura*/
	height:auto ;/*730px; indicamos que el margen superior, es la mitad de la altura*/
	margin-top: -360px;
	border: 1px solid #808080; /*padding:0px;*/
	background-color: #000000;
	
	
}

#table-content
{
	margin:0 auto 0 auto;
	text-align: left;
	/*border: 1px solid #808080;*/
	width:961px;
	height:750px;
	font-family:Calibri, Tahoma, @Arial Unicode MS, Verdana;
}

#td-cabecera
{
	height:140px; 
	/*background-color:Red;*/
}

#td-contenido
{
	/*background-color:Aqua;*/
	height:555px;
	}
	
	
#td-footer
{
	 /*background-color:green;*/
	 text-align:center;
	 color:black;
	 margin-bottom:20px;
	}






#maincontainer
{
	
		/*position: relative;
		
		nos posicionamos en el centro del navegador
		top:362px;
		left:50%;*/
		
		/*determinamos una anchura*/
		width:960px;
		
		/*indicamos que el margen izquierdo, es la mitad de la anchura
		margin-left:-480px;*/
		
		/*determinamos una altura*/
		height:550px;
		
		/*indicamos que el margen superior, es la mitad de la altura
		margin-top:-270px;*/
		
		/*border:1px solid #808080;*/
		padding:0px;
		
		/*background-color:#000000; */
		background-color:#990002; 
		
		

}

#topsection{
		
		position: relative;
		
		/*nos posicionamos en el centro del navegador
		top:130px;
		left:50%;
		*/
		
		/*determinamos una anchura*/
		width:960px;
		
		/*indicamos que el margen izquierdo, es la mitad de la anchura
		margin-left:-480px;*/
		
		/*determinamos una altura*/
		height:125px;
		
		/*indicamos que el margen superior, es la mitad de la altura
		margin-top:-80px;*/
		
		/*border:1px solid #808080;*/
		padding:0px;
		
		background-color:#ffffff;
}

#topsection h3{
	margin: 0;
	padding-top: 0px; 
	font-size:14px;
}



#leftcolumn{
	/*float: left;*/
	width: 400px;
	margin:0px 0px 0px 0px; 
	height:auto;
}

#leftcolumn img
{
	width:400px;
	height:550px;
	margin-bottom:0px;
	margin-top:0px;
	float:left;

}



#rightcolumn
{
/*	margin-top:10px;
	margin-left:10px;*/
	margin:0px 0px 0px 0px;
	float:left;
	width:560px;
	color:White;
	text-align: justify;
	background-color:#990002; 
	/*background-color:#999999;*/
	/*font-size:14px;*/
	
}

#rightcolumn a:link{font-size:20px; color:#333333; text-decoration:none;}
#rightcolumn a:hover{font-size:20px; color:#333333; text-decoration:none;}
#rightcolumn a:visited{font-size:20px; color:#333333; text-decoration:none;}


#rightcolumn li{
	Color:#FFFFFF;
	margin-bottom:15px;
	list-style-type:none;
}

#rightcolumn p, h1
{
	margin:20px auto 20px auto ;
	width:350px;
	
	}
	
	
#footer{
		position: relative;
		
		/*nos posicionamos en el centro del navegador*/
		top:640px;
		left:50%;
		
		/*determinamos una anchura*/
		width:560px;
		
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:55px;
		
		/*determinamos una altura*/
		height:25px;
		
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-15px;
		
		/*border:1px solid #808080;*/
		padding:0px;
		
		color:#FFFFCC;
}


#div-foto ul, li{margin:0px; padding:0px; display:inline;}

#div-foto img{border:none;}


/*------------------------------------------------------------------------------------------------------------*/

/*
#content-wrapper{
	width: 960px;
	height:550px;	
	background-color:#FFFFCC;
	color:#333333;	
}
*/




 /* MENU DESPLEGABLE */
.menu {
  position:absolute;
  visibility:hidden;
  background-color: #ffffff;          /* Color de fondo para Explorer */
  layer-background-color:#ffffff;    /* Color de fondo para Netscape */
  color: black;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding: 3px;
  font-size : 12px;
  font-family: "arial", "helvetica";
}

.menu A:hover {text-decoration: underline; color: blue;}
.menu A {text-decoration: none; color: black;}




#banner-cabecera{
	background-color:Black;
	width:960px;
	height:85px;
	margin-bottom:8px;
	margin-top:8px;
	background-image:url(../../img/banner.jpg);
	background-repeat:no-repeat;
}


.barra-menu{
	margin-left: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
	margin-bottom:10px;
	padding-left: 0px;
	text-align:right;
	padding-right:10px;
	color:#7F0000;
	font-weight:bold;	

}

.barra-menu a:link{font-size:15px; font:Calibri; color:#660000; text-decoration:none;}
.barra-menu a:active {font-size:15px; font:Calibri; color:#660000; text-decoration:none;}
.barra-menu a:visited{font-size:15px; font:Calibri; color:#660000; text-decoration:none;}


.barra-menu-actividades{
	margin-left: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
	margin-bottom:10px;
	padding-left: 0px;
	text-align:right;
	padding-right:10px;
	color:#7F0000;
	font-weight:bold;
	font-size:12px;
	background-color:#CCCCCC;	
}

.barra-menu-actividades a:link{font-size:12px; font:Calibri; color:#660000; text-decoration:none;}
.barra-menu-actividades a:active {font-size:12px; font:Calibri; color:#660000; text-decoration:none;}
.barra-menu-actividades a:visited{font-size:12px; font:Calibri; color:#660000; text-decoration:none;}




/*Galeria de fotos*/
#content-galeria{
	margin:0 auto 0 auto;
	float:left;
	width:90%;
	padding:10px 10px 10px 10px;	
}

#content-column{
	margin:0 auto 0 auto;
	height:auto;
	width:100%;
}





#wrap-actividades{ 
	/*margin:7px 7px 7px 7px;
	width:auto;
	height:125px;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;*/
	text-align:left;
	float:left;
	color:#660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:4px;
	
}

#div-titulo{

	
	text-align:left;
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	height:125px;
}

#div-img-actividad{
	/*width:140px; height:125px;*/
	float:left;
	width:auto;
	margin:5px;
	vertical-align:middle;
	height:125px;
}

#div-img-actividad img{border:none; width:140px; height:125px;}


#wrap-actividades a:link{text-decoration:none; color:#333333;}
#wrap-actividades a:hover{text-decoration:none; color:#333333;}
#wrap-actividades a:visited{text-decoration:none; color:#333333;}

#div-img-actividades{margin-top:90px; width:100%; height:100%; text-align:center;}
#div-img-actividades img{border:none; width:250px; height:205px;}


#div-tabla-horarios
{
	 position:relative;
	 top:10px;
	 left:0px;
	 color:White;
	 text-decoration:underline;
	 
}
#div-tabla-horarios h1
{
	color:White;
	font-size:20;
}

#div-tabla-horarios a:visited, a:hover, a:active
{	
	color:White;
	font-size:20;
}

#div-mapa
{
	 position:relative;
	 top:30px;
	 left:15px;
	 width:529px;
	 height:299px;
	
	}
	
#Content-mapa
{
	margin-top:20px;
	margin-left:75px;
	padding-top:0px;
	width:340px;
	height:175px;
}
