/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */


/*****************************************************/
/*****************************************************/
/*****************************************************/

@media screen and (min-width: 200px) and (max-width: 319px) 
{

  #contenedor .im_enlaces{
              clear:both;
              margin-left:-30px;
               margin-top:0px;}


  #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:60px;
	height:40px;
	margin-top:20px;}

  #contenedor .im_enlaces #f2{	  
	width:260px;
	margin-top:0px; }


  #descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:100%;
	margin-left:0%;
	text-align:right;
	float:right;}

 #contenedor #descarga img{
	width:20px;
	height:20px;}

 .margeni{
  	margin-left:2%;	
	width:240px;}

  /** LOGO **/

  body{
	margin: 5 0 0 0;}

  img.logo1{
	margin-left:3%;
	width:70px;
	height:90px;}

  /** Fondo Logo **/

  div#logo2{
	width:250px;}

  .letralogo{
	margin-top: -190px;
	margin-left: 90px;
	font-size: 20px;
	top: 200px;}

  .letralogo div{
	font-size:30px;
    margin-top: -20px;}
	
  /*** MENU ****************************************/
  /************************************************/

  #menu {
	margin-left: 4.5px;
    margin-top:-96px;
    width:303px;}


  #menu ul li.nivel1 { 
        width: 59px;
        margin-right: -2px;
        margin-left:-27px;
        margin-top:-10px;
        padding-right:0px;
        padding-left:2px;}

  #menu ul li a {
   /* Relleno alto menu */
	padding:0px 0px 10px 0px;
     /* Fuente barra menu */
  	font:bold 7px Arial;}


  #menu ul li a:hover ul, #menu ul li:hover ul {
        display: block;
        position: absolute;left: -10px;}
  

  #menu ul li ul li a {
        margin-left:-50px;
        width: 60px;
        padding: 6px 10px 10px 20px;}

  #menu ul li ul li a:hover {
        width: 50px;
        padding-right:5px;}
  
  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:205px;
	padding-left:60px;
	margin-top:-90px;}
 
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:130px;
	height:170px;}

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:130px;
	height:170px;}

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-20px;
	height:170px;}


  /*** PIE ****************************************/
  /************************************************/

  #pie{
       margin-bottom:50px;}

  footer {
	margin-top: 0px;
	width:60%;
	margin-left:5px;
	margin-right:15px;
    height: 170px;
    /* Relleno el hueco izq */
    padding:85px;}

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:20px;
	height:0px; }

  .define {
	padding:25px;
    width:100%;
	margin-left:-100px;
	margin-top:-80px;
	font-size:10px;}
    
}
/*Fin del @media */









/*****************************************************/
/*****************************************************/
/*****************************************************/

@media screen and (min-width: 320px) and (max-width: 360px) 
{

	
  .plantilla2{
	padding-top:5%;	
	margin: 0% 0% -6% -5%;
  }

  .plantilla2 p{
     margin-right:1cm;
  }

  .plantilla2 p p{
	text-indent:0.5cm;
  }

  .plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
  }


 .plantilla2 h2{
	font-size:15px;
	height:220px;
	text-indent:10px;
 }

 .plantilla2 h2 li{
	margin-left:2%;
	list-style-type:disc;
 }

 .plantilla{
	padding-top:10%;	
	text-align:center;
	text-align:justify;
	margin: 0% 12% 6% -12%;
 }

 .plantilla h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
  }

 .plantilla h2{
	font-size:15px;
	text-indent:10px;
 }
  #horario{
	padding-top:10%;
	margin-top:30px;
	margin-bottom:-300px;
 }

 #horario h2{
	margin-left:-4%;
	height:150px;
	font-size:15px;
	height:10px;
	margin-bottom:-100px;
 }


 #horario table{
	margin-left:-10%;
	width:250px;
	height:120px;
 }
 #horario table th{
	font-size:10px;
 }
 #horario table td{
	font-size:10px;
 }
	
 #horario table td{
	font-size:10px;
 }

 #contenedor .im_enlaces{
  clear:both;
  margin-left:-30px;
  margin-top:0px;
}


 #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:60px;
	height:40px;
	margin-top:40px;
}

#contenedor .im_enlaces #f2{	  
	width:360px;
	margin-top:0px;
}


#descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:95%;
	margin-left:0%;
	text-align:right;
	float:right;
}

#contenedor #descarga img{
	width:20px;
	height:20px;
}


  .margeni{
  	margin-left:5px;	
	width:270px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:0px;
	width:80px;
	height:90px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -190px;
	margin-left: 90px;
	font-size: 20px;
	top: 200px;
  }

  .letralogo div{
	font-size:30px;
    margin-top: -20px;
  }
	
  /*** MENU ****************************************/
  /************************************************/

  
 #menu {
	margin-left: 4.5px;
    margin-top:-96px;
    width:330px;
 }


 #menu ul li.nivel1 { 
    width: 56px;
    margin-right: -0.3px;
    margin-left:-20px;
    margin-top:-13px;
 }

 #menu ul li a {
	padding:0px 0px 5px 0px; /* Relleno alto menu */
  	font:bold 8px Arial; /* Fuente barra menu */

 }


#menu ul li a:hover ul, #menu ul li:hover ul {
  display: block;
  position: absolute;
  left: -10px;
}

#menu ul li ul li a {
 margin-left:-50px;
 width: 60px;
 padding: 3px 5px 5px 10px;
}

#menu ul li ul li a:hover {
 width: 67px;
/* padding-right:-10px; */
 padding-left:3px;
}

 
  
  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:230px;
	padding-left:60px;
	margin-top:-90px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:130px;
	height:130px;
  }

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:130px;
	height:130px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-60px;
	margin-left:-20px;
	width:130px;
	height:130px;
  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	width:164px;
	margin-left:5px;
	margin-right:15px;
    height: 140px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:-120px;
	height:0px;
  }

  .define {
	padding:25px;
    width:110px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:10px;
  }
}
/*Fin del @media */


/****************************************************/
/****************************************************/
/****************************************************/

@media screen and (min-width: 901px) and (max-width:1024px)
{
	
		
  .margeni{
  	margin-left:60px;	
	width:750px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:60px;
	width:260px;
	height:230px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -150px;
	margin-left: 360px;
	font-size: 40px;
	top: 200px;
  }

  .letralogo div{
	font-size:40px;
    margin-top: -20px;
  }
	
    
  
/*********** MENU *******************/
/************************************/

#menu {
	margin-left: 60px;
    margin-top:30px;
    width:810px;
}
#menu ul li.nivel1 { float: left;
 padding:0px 0px 10px 0px; /* Relleno alto menu */
}

#menu ul li a:hover ul, #menu ul li:hover ul {
  margin-top:7.5px;
}


#menu ul li ul li a {
 margin-left:-50px;
 width: 120px;
 padding: 6px 10px 10px 20px;
}

#menu ul li ul li a:hover {
 width: 110px;
 padding-right:5px;
}




  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
    padding-top:20px;
	padding-bottom:950px;
	padding-left:60px;
	margin-top:55px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:400px;
	height:400px;
  }

  /* imagen izquierda del contenedor */
  #slider {
    margin-top:450px;
	margin-left: 145px;
	width:400px;
	height:400px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-175px;
  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:60px;
	margin-right:15px;
	width:640px;
    height: 90px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:240px;
	margin-top:-120px;
	position:absolute;
	width:120px;
  }

  .define {
	padding:25px;
    width:250px;
	margin-left:-100px;
	margin-top:-70px;
	font-size:17px;
  }


/**********************************************/
/* CLUB **************************************/

  .plantilla{
	padding-top:5%;	
	text-align:center;
	text-align:justify;
	margin: 1% 10% 6% 0%; 
  }

  .plantilla h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
  }

 .plantilla h2{
	font-size:15px;
	text-indent:10px;
 }

	
 .plantilla2{
	padding-top:5%;	
	margin: 0% 0% -1% 0%;
	height:1000px; 
	overflow-y:scroll;
 }

 .plantilla2 p{
   margin-right:1cm;
 }

 .plantilla2 p p{
	text-indent:0.5cm;
 }

 .plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
 }


  .plantilla2 h2{
	font-size:15px;
	height:200px;
	text-indent:10px;
	
 }

 .plantilla2 h2 li{
	margin-left:2%;
	list-style-type:disc;
	margin-right:10%;
 }




 #horario{
	padding-top:3%;
	margin-top:5px;
	margin-bottom:-300px;

 }

 #horario h2{
	margin-left:-4%;
	margin-right:5%;
	height:150px;
	font-size:15px;
	height:1000px;
	margin-bottom:-100px;
	overflow-y:scroll;
 }


 #horario table{
	margin-left:5%;
	width:650px;
	height:200px;
 }
 #horario table th{
	font-size:10px;
 }
 #horario table td{
	font-size:10px;
 }
	
 #horario table td{
	font-size:10px;
 }

}

/* Fin club */


/*****************************************************/
/*****************************************************/
/*****************************************************/

@media screen and (min-width: 361px) and (max-width:420px)
{
		
	
.plantilla2{
	padding-top:5%;	
	margin: 0% 0% -6% 0%;
}

.plantilla2 p{
margin-right:1cm;

}

.plantilla2 p p{
	text-indent:0.5cm;
}

.plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}


.plantilla2 h2{
	font-size:12px;
	height:220px;
	text-indent:10px;
	
}

.plantilla2 h2 li{
	margin-left:2%;
	list-style-type:disc;
	margin-right:10%;
}

.plantilla{
	padding-top:10%;	
	text-align:center;
	text-align:justify;
	margin: 0% 12% 6% -8%;
}

.plantilla h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}

.plantilla h2{
	font-size:12px;
	text-indent:10px;
	
}
#horario{
	padding-top:10%;
	margin-top:5px;
	margin-bottom:-300px;
	overflow-y:scroll;

}

#horario h2{
	margin-left:1%;
	font-size:10px;
	height:200px;
	margin-bottom:-100px;
	margin-right:3%;
}


#horario table{
	margin-left:-1%;
	width:250px;
	height:120px;
}
#horario table th{
	font-size:10px;
}
#horario table td{
	font-size:10px;
}
	
#horario table td{
	font-size:10px;
}



	

  #contenedor .im_enlaces{
	  clear:both;
	margin-left:-30px;
	margin-top:0px;
  }


  #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:80px;
	height:60px;
	margin-top:40px;
  }

  #contenedor .im_enlaces #f2{	  
	width:360px;
	
	margin-top:0px;
  }


#descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:75%;
	margin-left:0%;
	text-align:right;
	float:right;
}

#contenedor #descarga img{
	width:30px;
	height:30px;
}




	
		
		
		
  .margeni{
  	margin-left:5px;	
	width:330px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:10px;
	width:80px;
	height:90px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -190px;
	margin-left: 110px;
	font-size: 20px;
	top: 200px;
  }

  .letralogo div{
	font-size:30px;
    margin-top: -20px;
  }
	
  /*** MENU ****************************************/
  /************************************************/
#menu {
	margin-left: 4.5px;
    margin-top:-96px;
    width:390px;
}


#menu ul li.nivel1 { 
 width: 63px;
 margin-right: 0px;
 margin-left:-20px;
 margin-top:-5px;
}

#menu ul li a {
	padding:0px 0px 10px 0px; /* Relleno alto menu */
  	font:bold 9px Arial; /* Fuente barra menu */
    margin-top:-10px;
}


#menu ul li a:hover ul, #menu ul li:hover ul {
  display: block;
  position: absolute;
  left: -5px;
}

#menu ul li ul li a {
 margin-left:-50px;
 width: 70px;
 padding: 6px 10px 10px 20px;
}

#menu ul li ul li a:hover {
 width: 60px;
 padding-right:5px;
}

 


  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:230px;
	padding-left:60px;
	margin-top:-90px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:130px;
	height:130px;
  }

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:130px;
	height:130px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-20px;
	width:130px;
	height:130px;
  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:5px;
	margin-right:15px;
	width:220px;
    height: 140px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:-120px;
	height:0px;
  }

  .define {
	padding:25px;
    width:110px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:10px;
  }
}

/*****************************************************/
/*****************************************************/
/*****************************************************/

@media screen and (min-width: 421px) and (max-width:500px)
{


.plantilla2{}

.plantilla2{
	padding-top:5%;	
	margin: 0% 0% 1% -4%;
   	overflow-y:scroll;
}

.plantilla2{
	padding-top:5%;	
	margin: 0% 0% 1% -4%;

 }

.plantilla2 p{
margin-right:1cm;

}

.plantilla2 p p{
	text-indent:0.5cm;
}

.plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}


.plantilla2 h2{
	font-size:15px;
	height:250px;
	text-indent:10px;
	margin-right:8%;
	
}

.plantilla2 h2 li{
	margin-left:2%;
	list-style-ty-pe:disc;
	margin-right:10%;
}

.plantilla{
	padding-top:10%;	
	text-align:center;
	text-align:justify;
	margin: 1% 10% 6% -10%;
}

.plantilla h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}

.plantilla h2{
	font-size:15px;
	text-indent:10px;
	
}
#horario{
	padding-top:10%;
	margin-top:0px;
	margin-bottom:-300px;
	margin-left:-15%;
	overflow-y:scroll;

}

#horario h2{
	margin-left:2%;
	margin-right:2%;
	font-size:10px;
	height:260px;
	margin-bottom:-100px;
}


#horario table{
	margin-left:7%;
	width:300px;
	height:120px;
}

#horario table th{
	font-size:10px;
}
#horario table td{
	font-size:10px;
}
	
#horario table td{
	font-size:10px;
}
	
		
	
	

  #contenedor .im_enlaces{
	  clear:both;
	margin-left:-30px;
	margin-top:0px;
  }


  #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:80px;
	height:60px;
	margin-top:40px;
  }

  #contenedor .im_enlaces #f2{	  
	width:360px;
	
	margin-top:0px;
  }


#descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:65%;
	margin-left:0%;
	text-align:right;
	float:right;
}

#contenedor #descarga img{
	width:30px;
	height:30px;
}








		
  .margeni{
  	margin-left:20px;	
	width:330px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:20px;
	width:80px;
	height:90px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -190px;
	margin-left: 110px;
	font-size: 20px;
	top: 200px;
  }

  .letralogo div{
	font-size:30px;
    margin-top: -20px;
  }
	
  /*** MENU ****************************************/
  /************************************************/

#menu {
	margin-left: 19px;
    margin-top:-96px;
    width:391px;
}


#menu ul li.nivel1 { 
 width: 63px;
 margin-right: 0px;
 margin-left:-20px;
 margin-top:-12px;
}

#menu ul li a {
	padding:0px 0px 10px 0px; /* Relleno alto menu */
  	font:bold 9px Arial; /* Fuente barra menu */
    margin-top:-12px;
}


#menu ul li a:hover ul, #menu ul li:hover ul {
  display: block;
  position: absolute;
  left: -5px;
   margin-top:9px;
}

#menu ul li ul li a {
 margin-left:-50px;
 width: 70px;
 padding: 6px 10px 10px 20px;

}

#menu ul li ul li a:hover {
 width: 60px;
 padding-right:5px;
}

 



  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:230px;
	padding-left:60px;
	margin-top:-90px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:130px;
	height:130px;
  }

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:130px;
	height:130px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-20px;
	width:130px;
	height:130px;

  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:21px;
	margin-right:15px;
	width:220px;
    height: 140px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:-120px;
	height:0px;
  }

  .define {
	padding:25px;
    width:110px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:10px;
  }
}




/*****************************************************/
/*****************************************************/
/*****************************************************/

@media screen and (min-width: 501px) and (max-width:600px)
{

.plantilla2{
	padding-top:35%;	
   	overflow-y:scroll;
    margin-bottom:-100px;
 }

.plantilla2 p{
margin-right:1cm;

}

.plantilla2 p p{
	text-indent:0.5cm;
}

.plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}


.plantilla2 h2{
	font-size:15px;
	height:200px;
	text-indent:10px;
	
}

.plantilla2 h2 li{
	margin-left:2%;
	margin-right:8%;
}

.plantilla{
	padding-top:10%;	
	margin: 1% 10% 8% -5%;
}

.plantilla h1{
	font-size:20px;
}

.plantilla h2{
	font-size:15px;
	text-indent:10px;
	
}
#horario{
	padding-top:10%;
	margin-top:5px;
	margin-bottom:-300px;
	overflow-y:scroll;
}

#horario h2{
	margin-left:0%;
	margin-right:7%;
	height:150px;
	font-size:12px;
	height:240px;
	margin-bottom:-100px;
}


#horario table{
	margin-left:5%;
	width:350px;
	height:120px;
}
#horario table th{
	font-size:10px;
}
#horario table td{
	font-size:10px;
}
	
#horario table td{
	font-size:10px;
}
	
			

  #contenedor .im_enlaces{
	  clear:both;
	margin-left:-10px;
	margin-top:-10px;
  }


  #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:100px;
	height:80px;
	margin-top:40px;
  }

  #contenedor .im_enlaces #f2{	  
	width:540px;	
	margin-top:0px;
  }


#descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:55%;
	margin-left:0%;
	text-align:right;
	float:right;
}

#contenedor #descarga img{
	width:30px;
	height:30px;
}
		




  .margeni{
  	margin-left:20px;	
	width:460px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:20px;
	width:80px;
	height:90px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -190px;
	margin-left: 110px;
	font-size: 20px;
	top: 200px;
  }

  .letralogo div{
	font-size:30px;
    margin-top: -20px;
  }
	
  /*** MENU ****************************************/
  /************************************************/


  

#menu {
	margin-left: 20px;
    margin-top:-100px;
    width:520px;
}

#menu ul li.nivel1 { 
 width: 70px;
 margin-right: 3px;
 margin-left:-15px;
 padding:0px 0px 0px 0px; /* Relleno alto menu */
 margin-top:-10px;
}

#menu ul li a {
	padding:0px 0px 0px 0px; /* Relleno alto menu */
  	font:bold 9px Arial; /* Fuente barra menu */
     margin-top:-15px;
}

#menu ul li ul {
 display: none; 
 margin-top:12px; 
}

#menu ul li ul li a {
 margin-left:-50px;
 width: 70px;
 padding: 6px 10px 20px 20px;
}

#menu ul li ul li a:hover {
 width: 60px;
 padding-right:5px;
}



  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:230px;
	padding-left:60px;
	margin-top:-90px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:170px;
	height:170px;
  }

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:170px;
	height:170px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-20px;
	width:170px;
	height:170px;

  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:21px;
	margin-right:15px;
	width:348px;
    height: 140px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:-120px;
	height:0px;
  }

  .define {
	padding:25px;
    width:110px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:10px;
  }
}


/*****************************************************/
/*****************************************************/
/*****************************************************/

@media screen and (min-width: 601px) and (max-width:700px)
{
		

	
.plantilla2{
	padding-top:35%;	
	margin: 0% 0% -6% 0%;
}

.plantilla2 p{
margin-right:1cm;

}

.plantilla2 p p{
	text-indent:0.5cm;
}

.plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}


.plantilla2 h2{
	font-size:15px;
	height:200px;
	text-indent:10px;
	
}

.plantilla2 h2 li{
	margin-left:2%;
	list-style-type:disc;
	margin-right:10%;
}

.plantilla{
	padding-top:5%;	
	text-align:center;
	text-align:justify;
	margin: 1% 10% 6% -6%; 
}

.plantilla h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}

.plantilla h2{
	font-size:15px;
	text-indent:10px;
	
}
#horario{
	padding-top:10%;
	margin-top:30px;
	margin-bottom:-300px;

}

#horario h2{
	margin-left:-4%;
	margin-right:5%;
	height:150px;
	font-size:15px;
	height:140px;
	margin-bottom:-100px;
	overflow-y:scroll;
}


#horario table{
	margin-left:5%;
	width:450px;
	height:160px;
}
#horario table th{
	font-size:10px;
}
#horario table td{
	font-size:10px;
}
	
#horario table td{
	font-size:10px;
}
	
		


		

  #contenedor .im_enlaces{
	  clear:both;
	margin-left:0px;
	margin-top:0px;
  }


  #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:100px;
	height:80px;
	margin-top:40px;
  }

  #contenedor .im_enlaces #f2{	  
	width:540px;
	
	margin-top:0px;
  }


#descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:45%;
	margin-left:0%;
	text-align:right;
	float:right;
}

#contenedor #descarga img{
	width:30px;
	height:30px;
}
		


		
		
  .margeni{
  	margin-left:20px;	
	width:560px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:20px;
	width:80px;
	height:90px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -190px;
	margin-left: 110px;
	font-size: 20px;
	top: 200px;
  }

  .letralogo div{
	font-size:30px;
    margin-top: -20px;
  }
	
  /*** MENU ****************************************/
  /************************************************/

  
#menu {
	margin-left: 20px;
    margin-top:-100px;
    width:620px;
}

#menu ul li.nivel1 { float: left;
 width: 70px;
 margin-right: 3px;
 margin-left:-15px;
 	padding:0px 0px 10px 0px; /* Relleno alto menu */
 margin-top:-10px;
}

#menu ul li a {
	padding:0px 0px 0px 10px; /* Relleno alto menu */
  	font:bold 9px Arial; /* Fuente barra menu */
}

#menu ul li ul li a {
 margin-left:-50px;
 width: 90px;
 padding: 6px 10px 10px 20px;
}

#menu ul li ul li a:hover {
 width: 80px;
 padding-right:5px;
}

  
  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:230px;
	padding-left:60px;
	margin-top:-90px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:200px;
	height:200px;
  }

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:200px;
	height:200px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-20px;
	width:200px;
	height:200px;

  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:21px;
	margin-right:15px;
	width:448px;
    height: 140px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:-120px;
	height:0px;
  }

  .define {
	padding:25px;
    width:110px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:10px;
  }
}
/*********************************************/
/********************************************/
/********************************************/

@media screen and (min-width: 701px) and (max-width:900px)
{

  #contenedor .im_enlaces{
	  clear:both;
	margin-left:5%;
	margin-top:0px;
  }


  #contenedor .im_enlaces img{
	border:none;
	float:left;
	width:120px;
	height:120px;
	margin-top:40px;
  }

  #contenedor .im_enlaces #f2{	  
	width:700px;
	
	margin-top:0px;
  }



#descarga{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:45%;
	margin-left:0%;
	text-align:right;
	float:right;
}

#contenedor #descarga img{
	width:30px;
	height:30px;
}
				
		
		
  .margeni{
  	margin-left:20px;	
	width:760px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:20px;
	width:80px;
	height:90px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -190px;
	margin-left: 110px;
	font-size: 20px;
	top: 200px;
  }

  .letralogo div{
	font-size:30px;
    margin-top: -20px;
  }
	
  /*** MENU ****************************************/
  /************************************************/
  
#menu {
	margin-left: 20px;
    margin-top:-100px;
    width:820px;
}

#menu ul li.nivel1 { float: left;
 width: 70px;
 margin-right: 3px;
 margin-left:-15px;
 	padding:0px 0px 10px 0px; /* Relleno alto menu */
 margin-top:-10px;
}

#menu ul li a {
	padding:0px 0px 0px 10px; /* Relleno alto menu */
  	font:bold 11px Arial; /* Fuente barra menu */
}

#menu ul li ul {
 display: none; 
 margin-top:7px;
}


#menu ul li ul li a {
 margin-left:-50px;
 width: 90px;
 padding: 6px 10px 10px 20px;
}

#menu ul li ul li a:hover {
 width: 80px;
 padding-right:5px;
}


  
  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
	padding-bottom:230px;
	padding-left:60px;
	margin-top:-90px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:220px;
	height:220px;
  }

  /* imagen izquierda del contenedor */
  #slider {
	margin-left: -45px;
	padding-left:0px;
	width:220px;
	height:220px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-20px;
  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:21px;
	margin-right:15px;
	width:648px;
    height: 140px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:-80px;
	margin-top:-10px;
	position:absolute;
	float:left;
	border:0;
	width:-120px;
	height:0px;
  }

  .define {
	padding:25px;
    width:110px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:10px;
  }
}


/****************************************************/
/****************************************************/
/****************************************************/

@media screen and (min-width: 1025px) and (max-width:1082px)
{
	
		
  .margeni{
  	margin-left:60px;	
	width:750px;
	border:none;
  }

  /** LOGO **/

  body{
	margin: 5 0 0 0;
  }

  img.logo1{
	margin-left:60px;
	width:260px;
	height:230px; 
  }

  /** Fondo Logo **/

  div#logo2{
	width:250px;
  }

  .letralogo{
	margin-top: -150px;
	margin-left: 360px;
	font-size: 40px;
	top: 200px;
  }

  .letralogo div{
	font-size:40px;
    margin-top: -20px;
  }
	
    
  
/*********** MENU *******************/
/************************************/

#menu {
	margin-left: 60px;
    margin-top:30px;
    width:810px;
}
#menu ul li.nivel1 { float: left;
 padding:0px 0px 10px 0px; /* Relleno alto menu */
}

#menu ul li a:hover ul, #menu ul li:hover ul {
  margin-top:7.5px;
}


#menu ul li ul li a {
 margin-left:-50px;
 width: 120px;
 padding: 6px 10px 10px 20px;
}

#menu ul li ul li a:hover {
 width: 110px;
 padding-right:5px;
}




  /*** CONTENEDOR *****************************/  
  /*******************************************/

  #contenedor{
    padding-top:20px;
	padding-bottom:950px;
	padding-left:60px;
	margin-top:55px;
  }
  /* tamaño de las imagenes del contenedor */
  #contenedor img{
	width:400px;
	height:400px;
  }

  /* imagen izquierda del contenedor */
  #slider {
    margin-top:450px;
	margin-left: 145px;
	width:400px;
	height:400px;
  }

  /* imagen derecha del contenedor */
  #contenedor #dcha{
	margin-right:-20px;
	margin-left:-175px;
  }


  /*** PIE ****************************************/
  /************************************************/

  #pie{
	margin-bottom:-30px;
  }

  footer {
	margin-top: 0px;
	margin-left:60px;
	margin-right:15px;
	width:640px;
    height: 90px;
    padding:85px; /* Relleno el hueco izq */		
  }

  .map{
	margin-left:240px;
	margin-top:-120px;
	position:absolute;
	width:120px;
  }

  .define {
	padding:25px;
    width:250px;
	margin-left:-100px;
	margin-top:-70px;
	font-size:17px;
  }
}

/**********************************************/
/* CLUB **************************************/

.plantilla{
	padding-top:5%;	
	text-align:center;
	text-align:justify;
	margin: 1% 10% 6% 0%; 
}

.plantilla h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}

.plantilla h2{
	font-size:15px;
	text-indent:10px;
	
}

	
.plantilla2{
	padding-top:5%;	
	margin: 0% 0% -1% 0%;
	height:1000px; 
	overflow-y:scroll;
}

.plantilla2 p{
margin-right:1cm;

}

.plantilla2 p p{
	text-indent:0.5cm;
}

.plantilla2 h1{
	font-size:20px;
	font-style:oblique;
	text-decoration:underline;
	text-align:center;
}


.plantilla2 h2{
	font-size:15px;
	height:200px;
	text-indent:10px;
	
}

.plantilla2 h2 li{
	margin-left:2%;
	list-style-type:disc;
	margin-right:10%;
}




#horario{
	padding-top:3%;
	margin-top:5px;
	margin-bottom:-300px;

}

#horario h2{
	margin-left:-4%;
	margin-right:5%;
	height:150px;
	font-size:15px;
	height:1000px;
	margin-bottom:-100px;
	overflow-y:scroll;
}


#horario table{
	margin-left:5%;
	width:650px;
	height:200px;
}
#horario table th{
	font-size:10px;
}
#horario table td{
	font-size:10px;
}
	
#horario table td{
	font-size:10px;
}



/* Fin club */





