/* ======================= 
arena alicante CSS Document 

======================= */

/* general ===============*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.main { width:100%; margin:0 auto;}
.bgleft { background:url(../images/bg-left.gif) top left repeat-x; width:auto; }
.bgright { background:url(../images/bg-right.gif) top right repeat-x; width:auto; }

/* body area ===============*/
.bodyarea { width:788px; margin:0 auto; }
.flash { width:788px; height:412px;}

/* Nav area ===============*/
.nav { padding:2px 4px 2px 4px; }
/*
.home , .arena, 
  .Actividades,  
.Horarios, .Agua, .Exterior, .Servicios, .Escuelas { color:#666666; background:#E8E8E8; height:27px;}

.home { background:#FF8500 url(../images/nav-home-select.gif) top left no-repeat; width:80px;}
.arena { width:80px; }
.Actividades li a{ width:118px; }
.Horarios { width:118px; }

.Agua { width:74px; }
.Exterior { width:92px; }
.Servicios { width:100px; }
.Escuelas  { width:107px; background: #E8E8E8 url(../images/nav-home-Escuelas-rght.gif) top right no-repeat; }
*/
/* Content area ===============*/

.content { padding:27px 8px 27px 8px; }

/* home page ===============*/

.row1 {
	padding:0px 20px 0px 20px;
	color:#666666;
}

/* home page BOX ===============*/
.box-title { font-weight:bold; padding-left:6px; padding-bottom:10px; width:167px;}
.box-gap { width:10px;}
.box-img img { border:5px solid #CCCCCC; width:175px;}
.box-des { color:#666666; padding:13px 9px; background: #F7F7F7 url(../images/box-des-top.gif) top left repeat-x;}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #666666;
	text-decoration: none;
}


/* footer ====================*/

.footer {
	background:#E6E6E6;
	text-align:center;
	color:#333333;
	height:100px;
	margin:5px 12px 0px 12px;
	bottom: auto;
}
.footer .L { background:url(../images/footer-L.gif) top left no-repeat;}
.footer .R { background:url(../images/footer-R.gif) top right no-repeat;}

.footer .line1 { color:#333333; font-weight:bold; padding:16px 0 12px 0;}
.footer a{ color:#333333; text-decoration:none;}
.footer a:hover{ color:#000; text-decoration:underline;}


.clear {clear:both;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Arena ====================*/
.arena { text-align:justify;}
.title { font-weight:bold; font-size:14px; color:#333333; padding-left:27px; margin-bottom:30px;
		 background:url(../images/arena-title.gif) left no-repeat;}
.rightimg { float:right; width:390px; height:200px;}
.rightimg img { float:right; border:5px solid #CCCCCC; text-align:right;}

/* Actividades ====================*/
.Actividades { text-align:justify;}
.Actividades-title { font-weight:bold; font-size:14px; color:#333333; padding-left:27px; margin-bottom:30px;
		 background:url(../images/actividades-title.gif) left no-repeat;}

 
.sub-title { color:#9966CC; font-size:11px; font-weight:bold; margin-bottom:15px;}

/************************************************************************************
	Actividades grid
************************************************************************************/
div.grid_post
{
	float: left;
	display: table-cell;
	width: 100%;
	margin-bottom: 20px;
}

div.grid_post img
{
	float: left;
	width: 200px;
	border:5px solid #CCCCCC;
	margin: 0 20px 3px 0;
}

div.grid_post div.title, div.grid_post div.title a
{
	 
	margin-bottom: 3px;
	
	font-size: 11px;
	color: #9966CC;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

div.grid_post div.title a:hover
{
	color: #561417;
}

div.grid_post div.grid_content
{
	width: 498px;
	float: right;
	line-height:14px;
	 
}
/* Agua ====================*/
.Agua { text-align:justify;}
.Agua-title { font-weight:bold; font-size:14px; color:#333333; padding-left:27px; margin-bottom:30px;
		 background:url(../images/agua-title.gif) left no-repeat;}
.Agua-title .grey { color:#999999;}
.title2 { font-weight:bold; font-size:14px; color:#666666; }
.Agua .sub-title { color:#04A9D2; font-size:11px; font-weight:bold; margin-bottom:15px; text-transform: uppercase;}

.Agua .blue { color:#04A9D2; font-weight:bold; }

/* Exterior ====================*/
.exterior { text-align:justify;}
.exterior-title { font-weight:bold; font-size:14px; color:#333333; padding-left:27px; margin-bottom:30px;
		 background:url(../images/exterior-title.gif) left no-repeat;}
		 
.exterior .sub-title { color:#99CB33; font-size:11px; font-weight:bold; margin-bottom:15px; text-transform: uppercase;}

/* Servicios ====================*/
.Servicios { text-align:justify;}
.Servicios-title { font-weight:bold; font-size:14px; color:#333333; padding-left:27px; margin-bottom:30px;
		 background:url(../images/servicios-title.gif) left no-repeat;}
		 
.Servicios .sub-title { color:#003366; font-size:11px; font-weight:bold; margin-bottom:15px; text-transform: uppercase;}

 
 
/* Escuelas ====================*/
.Escuelas { text-align:justify;}
.Escuelas-title { font-weight:bold; font-size:14px; color:#333333; padding-left:27px; margin-bottom:30px;
		 background:url(../images/escuelas-title.gif) left no-repeat;}
		 
.Escuelas .sub-title {
	color:#FFCC00;
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform: uppercase;
}

.Arena .sub-title {
	color:#FC4B41;
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform: uppercase;
}