@charset "utf-8";
/* CSS Document */

/**************************************************/
/*                                   Top                           */
/**************************************************/

#top {
background-color: white;  
width: 1000px;
height: 200px;
}

/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background-color: #FFFFFF;
background: url(images/Barrafondo.jpg) repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt arial,verdana, sans-serif;
color:white;
a:link { color: #191970; }
.especial:link { color: #191970; }
}

#wrapper {
margin: 0 auto;
width: 102400px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 1024px;
}



/**************************************************/
/*                               All the content                                        */
/**************************************************/

h1 {
color: #white;
font-size: 14pt;
font-family: Arial; 
margin: 5px 0px 0px 5px;
}

h3 {
color: white;
font-size: 24pt;
font-family: Arial,verdana, sans-serif;
margin:-10px 0px 0 px 0px;
}

h2 {
color: white;
font-size: 14pt;
font-family: Arial,verdana, sans-serif;
margin: 0px 0px 0 px 5px;
}

p {
color: black;
font-size: 10pt;
font-family: Arial,verdana, sans-serif;
height: 315px;
width: 360px;
overflow: auto;
}


h5 {
color: black;
font-size: 10pt;
font-family: Verdana, Helvetica, Arial; 
height: 220px;
width: 480px;
overflow: auto;
}

h6 {
color: black;
font-size: 10pt;
font-family: Verdana, Helvetica, Arial; 
height: 200px;
width: 500px;
overflow: auto;
}

h7 {
color: white;
font-size: 10pt;
font-family: Arial,verdana, sans-serif;
height: 300px;
width: 300px;
overflow: auto;
}

#stuff {
width: 1024px;
margin:5px 0px 0px 0px;
}

img {
border: none;
} 

img a{
border: none;
} 

/*                    Header                   */

#menulateral {
width: 200px;
text-align: left;
height: 420px;
float: left;
margin-left: 10px;
}

/*                    Home                   */


#clubcontenido {
width: 780px;
margin-right: 10px;
margin-top: 5px;
float: right;
font-family: Arial, Helvetica, sans-serif;
color: #000033;
}


/********************************************************************************************/
/*                                       Actividad                                          */
/********************************************************************************************/


.cadaactividad {
width: 780px;
height: 150px;
margin-top: 10px;
margin-bottom: 10px;
background: url(images/fondacoco.png) no-repeat; 
}

.contenidocadaactividad {
	width: 580px;
	float: left;
}

.titulocadabeneficio {
width: 560px;
height: 27px;
background: url(images/fondotitulo.png) no-repeat; 
font-size: 14pt;
font-weight: bold;
color: #0066FF;
padding: 7px 0 0 15px;
}

.textocadabeneficio {
width: 560px;
font-size: 8pt;
color: #000033;
padding: 5px 0 0 15px;
}

.fotocadabeneficio {
width: 175px;
height: 110px;
float: right;
}

#textleft {
margin-top: 15px;
width: 455px;
height: 250px;
padding-top: 20px;
float: left;
font-size: 8pt;
color: #0066CC;
background: url(images/fondotextleft.jpg) no-repeat; 
}

#flashright {
margin-top: 14px;
width: 250px;
height: 260px;
float: left;
}