/**
 * Estilos de modulos
 *
 * Color primario #203F91
 * Color secundario #EE1C29
 */

/*Top*/
#pageTop
	{
	position: relative;
	width: 980px;
	height: 30px;
	}

#pageTop .clubDeportivo
	{
	position: absolute;
	top: 0px;
	right: 90px;

	width: 300px;
	text-align: right;
	font-size: 12px;
	color: #F0F0E1;
	padding-top: 7px;
	line-height: normal;
	}


/*Buscar*/
#buscarModule
	{
	position: absolute;
	top: 0px;
	left: 37px;
		
	width: 126px;
	height: 30px;

		
	background-image: url(../images/modules/buscar-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	}

#buscarModule form
	{
	padding-top: 7px;
	padding-left: 8px;
	text-align: left;
	}

#buscarModule input
	{
	width: 100px;
	background-color: transparent;

	background-image: url(../images/modules/buscar-message.png);
	background-repeat: no-repeat;
	background-position: left 100px;
		
	border: none;
	color: #7A7A7A;
	
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	font-size: 11px;

	padding-bottom: 2px;
	
	}

#buscarModule button
	{
	background-color: transparent;
	border: none;
	
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	}

/*Redes Sociales*/
#redesSociales
	{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 30px;
	overflow: hidden;
	}

#redesSociales a
	{
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	margin-left: 5px;
	
	text-decoration: none;
	font-size: 1px;
	overflow: hidden;

	background-image: url(../images/header/redes-sociales/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#redesSociales a:hover
	{
	background-position: left -30px;
	}

#redesSociales a.twitter
	{
	background-image: url(../images/header/redes-sociales/twitter.png);
	}


/*Logo*/
#pageLogoZone
	{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 444px;
	height: 160px;
	background-image: url(../images/header/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#pageLogo
	{
	width: 444px;
	height: 160px;
	background-image: url(../images/header/logo.jpg);
	background-repeat: no-repeat;
	background-position: left -160px;
	visibility: hidden;
	}


/*Images fade de Header*/
#imagesFadeZone
	{
	position: absolute;
	top: 27px;
	right: 5px;
	width: 460px;
	height: 126px;
	}

#imagesFadeZone div
	{
	width: 460px;
	height: 126px;
	}

#imagesFadeFx
	{
	position: relative;
	overflow: hidden;
	}

#imagesFadeFx div
	{
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background-repeat: no-repeat;
	background-position: left -47px;
	}

#imagesFadeFx div.cursosverano {background-image: url(../images/header/images-fade/cursos-de-verano.jpg);}
#imagesFadeFx div.albercas {background-image: url(../images/header/images-fade/albercas.jpg);}
#imagesFadeFx div.fitness {background-image: url(../images/header/images-fade/fitness.jpg);}
#imagesFadeFx div.tenis {background-image: url(../images/header/images-fade/tenis.jpg);}
#imagesFadeFx div.taekwondo {background-image: url(../images/header/images-fade/taekwondo.jpg);}

#imagesFadeTapa
	{
	position: absolute;
	top: 19px;
	right: 0px;
	width: 472px;
	height: 150px;
	background-image: url(../images/header/images-fade/tapa.png);
	background-repeat: no-repeat;
	background-position: left top;	
	}

#pageHeader a
	{
	display: none;
	position: absolute;
	top: 31px;
	left: 520px;
	width: 448px;
	height: 125px;

	background-repeat: no-repeat;
	background-position: right bottom;
				
	font-size: 1px;
	line-height: 1px;
	
	overflow: hidden;
	}

#pageHeader a.cursosverano {background-image: url(../images/header/images-fade/cursos-de-verano-message.png);}
#pageHeader a.albercas {background-image: url(../images/header/images-fade/albercas-message.png);}
#pageHeader a.fitness {background-image: url(../images/header/images-fade/fitness-message.png);}
#pageHeader a.tenis {background-image: url(../images/header/images-fade/tenis-message.png);}
#pageHeader a.taekwondo {background-image: url(../images/header/images-fade/taekwondo-message.png);}

	


/*EstiloGeneral de la Izquierda*/
#pageLeftZone .moduleZone
	{
	background-image: url(../images/modules/module-middle-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
		
	background-color: #F0F0E1;
	}

#pageLeftZone .moduleZone .moduleTitle
	{
	height: 50px;
	overflow: hidden;
	background-image: url(../images/modules/module-top-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

#pageLeftZone .moduleZone .moduleTitle div
	{
	line-height: normal;
	padding-top: 14px;

	font-size: 18px;
	text-align: center;
	color: #203F91;
	}

#pageLeftZone .moduleZone .moduleTitle span
	{
	/*color: #2A95E7;*/
	}

#pageLeftZone .moduleZone .moduleBody
	{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 17px;
	background-image: url(../images/modules/module-bottom-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#pageLeftZone .moduleZone .moduleWidth
	{
	width: 210px;
	}

#pageLeftZone .moduleSeparator
	{
	font-size: 1px;
	height: 20px;
	}

/*Post it*/
.postItModule
	{
	background-image: url(../images/modules/postit-bottom-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

	padding-bottom: 34px;
	}

.postItModule .postItTop
	{
	height: 48px;
	background-image: url(../images/modules/postit-top-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}


.postItModule .postItContent
	{
	margin-left: 5px;
	margin-right: 5px;
		
	position: relative;
	width: 220px;
	height: 144px;
	overflow: hidden;
	}

.postItModule .postItItem
	{
	width: 220px;
	height: 144px;
	}


.postItModule td.postItMiddle
	{
	width: 220px;
	height: 144px;
	vertical-align: middle;
	}

.postItModule .postItPadding
	{
	padding-left: 5px;
	padding-right: 7px;

	line-height: normal;

	font-size: 12px;
		
	text-align: justify;
	font-style: oblique;
	line-height: normal;
	}

.postItModule .postItTitle
	{
	width: 208px;
	font-weight: bold;
	color: #203F91;
	overflow: hidden;
	white-space: nowrap;
	}

.postItModule .postItIntro
	{
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	color:#474747;
	}

.postItModule .leerMas
	{
	text-align: right;
	color: #5C5C5C;
	font-size: 12px;
	vertical-align: middle;
	}

.postItModule .leerMas a
	{
	color: #EE1C29;
	}

/*Noticias*/
#pageLeftZone #noticiasModule, #pageLeftZone #eventosModule
	{
	margin-left: 5px;
	margin-right: 5px;
	}

#noticiasModule, #eventosModule
	{
	padding-bottom: 39px;
	}

#noticiasModule .postItTop 
	{
	height: 83px;
	background-image: url(../images/noticias/noticias-module-top-bg.jpg);
	}


/*Eventos*/
#eventosModule .postItTop 
	{
	height: 83px;
	background-image: url(../images/eventos/eventos-module-top-bg.jpg);
	}

#eventosModule .proximo
	{
	color: #EE1C29 !important;
	}


/*Banners*/
#bannersModule
	{
	position: relative;
	width: 220px;
	height: 280px;
	margin-left: 10px;
	margin-right: 10px;
	}

#bannersModule .bannersFxZone
	{
	position: absolute;
	top: 15px;
	left: 15px;
	width: 190px;
	height: 250px;
	}

#bannersFx, #bannersFx div, #bannersFx a
	{
	display: block;
	
	width: 190px;
	height: 250px;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	}

#bannersFx .banner1 {background-image: url(../images/banners/banner1.jpg);}
#bannersFx .banner2 {background-image: url(../images/banners/banner2.jpg);}
#bannersFx .banner3 {background-image: url(../images/banners/banner3.jpg);}

#bannersModule .bannersTapa div
	{
	position: absolute;
	left:0px;
	top: 0px;
	background-image: url(../images/modules/banners-tapa.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: 30px;
	}

#bannersModule .bannersTapa .tapaB
	{
	top:250px;
	background-position: left bottom;
	}

#bannersModule .bannersTapa .tapaL
	{
	top: 30px;
	width: 20px;
	height: 220px;
	background-position: left -30px;
	}

#bannersModule .bannersTapa .tapaR
	{
	top: 30px;
	left: 200px;
	width: 20px;
	height: 220px;
	background-position: right -30px;
	}




/*Encuesta*/
#pollModule
	{
	font-size: 12px;
	}

#pollModule form
	{
	margin: 0px;
	padding: 0px;
	}

#pollModule center
	{
	}

#pollModule button
	{
	width: 80px;
	background-color: #203F91;

	border: 1px solid #666666;
	
	color: #F0F0E1;
	font-weight: normal;
		
	padding: 5px;
	margin: 0px;
	text-align: center;
	
	font-size: 12px;
	}

#pollModule button:hover
	{
	color:  #FFFFFF;
	border: 1px solid #333333;
	}

#pollModule .pollmaintable
	{
	}

#pollModule thead td
	{
	font-size: 12px;
	color: #666666;
	text-align: center;

	background-image: url(../images/modules/module-div.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	padding-bottom: 7px;
	}

#pollModule label
	{
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	color: #666666;
	padding-left: 5px;
	vertical-align: middle;
	
	letter-spacing: normal;
	}

#pollModule label:hover
	{
	color: #333333;
	}

#pollModule .pollstableborder
	{
	width: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	}

#pollModule .pollstableborder tr
	{
	background-image: url(../images/modules/module-div.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}

#pollModule .pollstableborder th
	{
	padding-top: 5px;
	padding-bottom: 7px;
	width: 30px;
	text-align: center;
	}

#pollModule .pollstableborder td
	{
	width: 180px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 7px;
	}


/*Avisos*/
.avisosModule
	{
	}

.avisosModule .aviso
	{
	}

.avisosModule .aviso .avisoTop
	{
	font-size: 1px;
	height: 27px;
 	background-image: url(../images/modules/avisos/avisos-top-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	}


.avisosModule .aviso .avisoPadding
	{
	background-image: url(../images/modules/avisos/avisos-middle-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 27px;
	padding-right: 27px;
	}

.avisosModule .aviso .avisoBottom
	{
	font-size: 1px;
	height: 27px;
	background-image: url(../images/modules/avisos/avisos-bottom-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

.avisosModule .aviso td.avisoIcon
	{
	width: 119px;
	height: 100px;

 	background-image: url(../images/modules/avisos/avisos-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	}

.avisosModule .aviso td.avisoContent
	{
	vertical-align: middle;
	text-align: justify;
	width: 531px;
	color: #000000;
	}

.avisosModule .aviso .avisoTitle
	{
	color: #9D4416;
	font-size: 22px;
	line-height: normal;
	padding-bottom: 10px;
	}

.avisosModule .aviso .avisoFecha
	{
	padding-top: 10px;
	text-align: right;
	line-height: normal;
	color: #9D4416;
	font-weight: bold;
	}

.avisosModule .parserContentSpace
	{
	height: 10px;
	}

#pageMainZone .avisosModule
	{
	margin-bottom: 10px;
	}

/*Avisos en virtual box*/
.avisosModule form
	{
	width: 704px;
	height: 600px;
	overflow: hidden;
	}

.avisosModule form td.avisoMiddle
	{
	width: 704px;
	height: 600px;
	vertical-align: middle;
	}

.avisosModule form .submitZone
	{
	padding-top: 20px;
	text-align: center;
	}

.avisosModule form button
	{
	padding: 5px;
	color: #9D4416;
	background-color: #FFE00A;
	border: 2px solid #FF9B05;
	
	font-weight: bold;
	}

/*Mensajes*/
#messagesModule
	{
	padding-bottom: 20px;
	}

#messagesModule .message
	{
	margin-top: 10px;
	width: 100%;
	}

#messagesModule .first
	{
	margin-top: 0px !important;
	}

#messagesModule .messageContent
	{
	height: 50px;
	
	vertical-align: middle;
	
	background-color:#FFFDEB;
	border: 1px dotted  #AAB4BE;
	font-size: 12px;
	color: #494746;
	
	background-image: url(../images/modules/message-icon.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	
	text-align: justify;
	}

#messagesModule .messagePadding
	{
	padding-left: 54px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#messagesModule .errorMessage
	{
	background-image: url(../images/modules/error-message-icon.png) !important;
	background-position: 5px center !important;	

	border: 1px dotted #E14C04 !important;
	color: #E14C04 !important;
	font-weight: bold;
	}



/*Marte de modulos*/
.modulesBoard
	{
	padding-top: 20px;
	padding-bottom: 20px;
	}

.modulesBoard td.moduleZone, .modulesBoard th.moduleZone
	{
	text-align: left;
	vertical-align: middle;
	}

.modulesBoard td.moduleZone
	{
	width: 230px;
	}




/*Calendario de Eventos*/
#calendarioEventosModule
	{
	position: relative;
	
	width: 208px;
	height: 275px;
		
	/*height: 238px;*/

	background-image: url(../images/calendario-eventos/calendario-module-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	overflow: hidden;
	}

#calendarioEventosModule .calendarioEventosTitle
	{
	height: 37px;
	width: 208px;
	overflow: hidden;

	font-size: 11px;
	line-height: 120%;

	white-space: nowrap;

	color: #EE1C29;
	font-weight: bold;
	}

#calendarioEventosModule .calendarioEventosTitle div
	{
	font-size: 1px;
	line-height: 1px;
	height: 10px;

	}


#calendarioEventosModule .calendarioHeader td
	{
	width: 182px;
	height: 48px;

	vertical-align: bottom;
	text-align: left;
	
		
	font-weight: normal;
	color: #203F91;
	font-size: 12px;
	
	line-height: normal;
	}

#calendarioEventosModule .calendarioHeader  span
	{
	color: #2A95E7;
	}


#calendarioEventosModule .calendarioIconBg
	{
	
	height: 176px;
		
	background-image: url(../images/calendario-eventos/icono-acuasol-module.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}


#calendarioEventosModule .calendarioWeekDays th
	{
	width: 26px;
	height: 20px;
	text-align: center;
	letter-spacing: normal;
	line-height: normal;
	vertical-align: bottom;
	font-size: 10px;

	letter-spacing: normal;
	word-spacing: normal;
	}



#calendarioEventosModule .calendarioDays td
	{
	text-align: center;
	vertical-align: middle;
		
	width: 26px;
	height: 26px;
	font-size: 10px;
	color: #5C5C5C;
	
	background-image: url(../images/calendario-eventos/marcas-dias-module.png);
	background-repeat: no-repeat;
	background-position: center 100px;
	}


#calendarioEventosModule .calendarioDays td.con
	{
	background-position: center 0px;
	}

#calendarioEventosModule .calendarioDays td.proximo
	{
	background-position: center -30px;
	}

#calendarioEventosModule .calendarioDays td.resaltado
	{
	background-position: center -60px;
	}


#calendarioEventosModule a
	{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 208px;
	height: 275px;
	cursor: pointer;
 	background-image: url(../images/void.png);
	background-repeat: repeat;
	background-position: left top;
	}

#calendarioEventosModuleFloat
	{
	float: right;
	width: 208px;
	height: 238px;
	margin-left: 15px;
	}

#calendarioEventosModuleFloat #calendarioEventosModule, #calendarioEventosModuleFloat #calendarioEventosModule a
	{
	height: 238px !important;
	}


/*Modulo de Profesores (En virtual Box)*/
#profesoresModule
	{
	width: 500px;
	height: 336px;
	overflow: hidden;
	}

#profesoresModule .relative
	{
	position: relative;
	width: 500px;
	height: 311px;
	overflow: hidden;
	}

#profesoresModule .credencialBg
	{
	position: absolute;
	top: 5px;
	left: 5px;

	width: 490px;
	height: 301px;
	background-color: #FFFFFF;
	}

#profesoresModule img.loading
	{
	position: absolute;
	top: 155px;
	left: 102px;

	width: 50px;
	height: 50px;
	}

#profesoresModule .fotoProfesor
	{
	position: absolute;
	top: 115px;
	left: 71px;

	width: 115px;
	height: 130px;

	background-repeat: no-repeat;
	background-position: left top;
	}

#profesoresModule .credencial
	{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 500px;
	height: 311px;

	background-image: url(../images/profesores/credencial.png);
	background-repeat: no-repeat;
	background-position: left top;	
	}

#profesoresModule .logoCredencial
	{
	position: absolute;
	top: 17px;
	left: 25px;
	
	width: 195px;
	height: 62px;

	background-image: url(../images/profesores/logo-credencial.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	}

#profesoresModule .nombreProfesor
	{
	position: absolute;
	top: 260px;
	left: 2px;
	
	width: 252px;
	height: 40px;
	overflow: hidden;

	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	
	white-space: nowrap;
	font-weight: bold;

	letter-spacing: normal;
	word-spacing: normal;

	}

#profesoresModule .nombreProfesor span
	{
	font-size: 11px;
	font-weight: normal;
	color: #F6F6EF;
	letter-spacing: normal;
	word-spacing: normal;
	}

#profesoresModule .experienciaProfesor
	{
	position: absolute;
	top: 40px;
	left: 260px;
	
	width: 222px;
	height: 230px;

	overflow: hidden;
	}


#profesoresModule td.experienciaProfesorContent
	{
	text-align: left;
	vertical-align: middle;
	width: 222px;
	height: 230px;
	}

#profesoresModule .lineaExperiencia
	{
	font-size: 11px;
	padding-left: 15px;
	margin-top: 11px;
	line-height: normal;

	text-align: justify;
	
	background-image: url(../images/profesores/experiencia-bullet.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	}

#profesoresModule .experienciaProfesor .first
	{
	margin-top: 0px !important;
	}


#profesoresModule form
	{
	padding-top: 4px;
	}

#profesoresModule form
	{
	}


#profesoresModule form th
	{
	width: 16px;
	}

#profesoresModule form td
	{
	width: 200px;
	}

#profesoresModule form a
	{
	display: block;
	width: 16px;
	height: 21px;
	cursor: pointer;
	background-image: url(../images/profesores/botones.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	}

#profesoresModule form td a
	{
	width: 98px !important;
	height: 17px !important;
	background-position: center -50px !important;
	}

#profesoresModule form a.next
	{
	background-position: right top !important;
	}


/*Feeds Module*/
#feedsModule
	{
	}

#feedsModule div
	{
	text-align: center;
	font-size: 1px;
	margin-bottom: 5px;
	line-height: normal;
	}

#feedsModule a
	{
	line-height: normal;
	margin-left: 5px;
	margin-right: 5px;
	}

#feedsModule .w3c
	{
	margin-top: 30px;
	}