body {
background: url("images/background.jpg") repeat-x scroll 0 0 transparent;
font: 13px/1.3 verdana,sans-serif;

  margin: auto auto 0% auto;

  vertical-align:middle;

}
a {text-decoration: none;
float: left;
}
h2 {text-decoration: none;}

#fancybox-title-inside{
text-align: left;
}

span {
background-color: #d30303;
padding-top:2px;
padding-left: 2px;
padding-right: 2px;
color: white;

}



#wrapper {
position:relative;
left:50%;
width:884px;
margin-left:-442px;
}


#header {
		float: left;
		position:relative;
		width:884px;
		height:81px;
		margin-top: 17px;
		}
		
		
		
h1 a {
    background: url("images/yawara.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 65px;
    text-indent: -9999px;
    width: 180px;

}

h2 {
font-family:Tahoma;
color: #ffffff ;
background-color: #d30303;
width: 866px;
			height:27px;
			float:left;
			position: relative;
				padding-left: 15px;


}


ul, ol {
    list-style: none outside none;
}

#topmenu a {
    float: right;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #666666;
    margin-top: 4px;
}

#topmenu a:hover {

    text-decoration: underline;
}


#topmenu {width: 695px;
			height:27px;
			background-color: #e8e8e8;
			position: relative;
			float:right;
			margin-top: 33px;
			 font-size: 120%;
			
			
			}
			
#social {

width: 86px;
height: 27px;
float: right;
position: relative;
background-color: #ff0000;
margin-left: 5px;

}

#menu {
	float: left;
	position: relative;
 font-size: 120%;
	margin-left: 0px;

}
.horariosdos {
font-weight: bold;

}

#menu a {
    margin-top:100px; 
    float: inherit;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #ffffff;
    margin-top: 4px;
   color: white;
}


#menu a:hover {

    text-decoration: underline;
}

#content {
 
    float: left;
    position: relative;
    width: 500px;
}

#presentacion {
    margin-top: 1px;
	background: url("images/presentacion.jpg") no-repeat scroll 0 0 transparent;
	width: 883px;
	height: 124px;
	float: left;
	position: relative;


}

.first {
   margin-bottom: 10px;
    margin-top: 44px;
}

.second {
float: left;
position: relative;
width: 361px;
margin-top: 0px;
margin-top: 7px;
padding-left: 10px;
}



#banner p {

    background: url("images/rest.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 274px;
    position: relative;
    width: 373px;
    text-indent: -9999px;
    margin-left: 10px;
    
}

#footerbg {
    clear: both;
    float: none;
    margin: 20px auto 0;
    overflow: hidden;
   
	background-color: #ed4a4a;
    border-top:10px solid #d30303;
    height: 74px;
}

#footer {
	position:relative;
	left:50%;
	width:884px;
	margin-left:-442px;


}


ul {
padding-left: 0px;

}

.menufooter {
    float: left;
    margin-right: 13px;
}

.menufooter2 {
    float: left;
    margin-right: 13px;
    
}

a.white {
color: white;

}

.descripcion {
	width: 270px;
	float: left;
	position: relative;
	color: white;
	    margin-right: 0px;
	    margin-right: 5px;

}

.derechos {
float: left;
width: 221px;
	color: white;
	margin-bottom: 0px;
margin-top: 11px;
}

.telf {
margin-bottom: 0px;
margin-top: 0px;
color: white;

}

.weblink  {
margin-bottom: 0px;
margin-top: 0px;
color: white;


}


.mailto  {
margin-bottom: 0px;
margin-top: 0px;
color: white;

}

#textotres {
    float: left;
    position: relative;
    width: 153px;
    margin-top: 11px;
    margin-right: 8px;
}


.menufooter a:hover  {

color: #cccccc;

}

.menufooter2 a:hover {

color: #cccccc;

}



#actividades {
	width: 883px;
	float: left;
	position: relative;
	margin-top: 0px;

}


.piscinatext {

float:left;
position: relative;
   width: 395px;
   margin-left: 15px;
   margin-top: 0px;
  
}



#piscinacont {


 float: left;
    position: relative;
    width: 883px;
}



.imagenpisc {
float: left;
margin-bottom: 1px;

}


blockquote {

  color: #6885CE;
    float: left;
    position: relative;
    text-align: center;
    width: 330px;
    margin-top: 0px;
}

.submenu {
color: #ed4a4a;
float: left;
position: relative;
  padding-left: 5px;
padding-right: 5px;

border-left: 1px solid #ed4a4a;
}

#submenu {
   width: 883px;
   
    float: left;
    margin-left: 120px;
    position: relative;

text-align: center;
}



#submenu a:hover {
text-decoration: underline;
}

h3 {
float: left;
position: relative;
 width: 882px;
 color: #ed4a4a;
   margin-top: 3px;
border-bottom: 1px solid #ed4a4a;

}

.imgarts {
	float: left;
	position: relative;
	margin-bottom: 5px;
	
}

.parrafo {

position: relative;
float: left;
margin-left: 10px;
width: 627px;
margin-top: 0px;



}

.texto {

float: left;
position: relative;
}

.profesor {
margin-left: 10px;
position: relative;
color: #ed4a4a;
margin-bottom: 0px;

}


.indice {
margin-left: 10px;
position: relative;
float: left;
color: white;
background-color: #b7b7b7;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;


}

.inf {
float: left;
position: relative;
color: #ed4a4a;
margin-top: 0px;

}

.under {
vertical-align: middle;
float: left;
position: relative;

background-color: gray;


}

#construccion {

background-color: gray;
}


#botonesgen {

 float: left;
    margin-top: 10px;
    position: relative;
    width: 500px;
    padding-bottom: 10px;
    margin-left: 214px;

}

#botones {

float: left;
position: relative;



}

.horarios {
float:left;
position: relative;
margin-left: 10px;
}



.descripcionh{
float:left;
position: relative;
    width: 550px;
margin-left: 5px;
color: white;
background-color: #788ca0;
padding-left: 5px;
}




#buttonartes{
margin-left: 10px;
background-color: #c8c8cc;
padding: 1px 3px 1px 3px;
}




#buttoninfantil{
margin-left: 10px;
background-color: #c8c8cc;
padding: 1px 3px 1px 3px;
}



#buttonadultos{
margin-left: 10px;
background-color: #c8c8cc;
padding: 1px 3px 1px 3px;
}


#botones a:hover {
margin-left: 10px;
background-color: #d61f1f;
padding: 1px 3px 1px 3px;
}





#sidebar {
float: left;
position: relative;
width: 200px;

}

.muscul {
float: left;
position: relative;
width: 550px;
margin-top: 0px;
margin-left: 10px;
}


#contentm {

 float: left;
    position: relative;
    width: 883px;

}

#bebes{
float: left;
position: relative;
margin-bottom: 0px;
}

.bebes{

float: left;
position: relative;
width: 235px;
margin-left: 5px;
margin-top: 0px;
}



.dosagua{

float: left;
position: relative;
width: 156px;
margin-left: 5px;
margin-top: 0px;
}

.bailes {
float: left;
position: relative;
margin-left: 10px;
width: 540px;
}


/*--jquery--*/




#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding-left: 20px;
	padding-right:  20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.poplight{
position: absolute;
float: left;
top: 255px;
text-indent: -9999px;
background: url("images/novedades.jpg") no-repeat scroll 0 0;

height: 127px;
width: 27px;
}

#popup_name h2 {
width: 485px;



}