body {
	background-image: url(img/fondo.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color: #000;
	background-position: top;
	font: 12px Century Gothic;
	color: #fff;
}

.titulo{
	font: bold 14px Century Gothic;
	color: #ffd700;
}

.subtitulo{
	font: bold 12px Century Gothic;
	color: #ffd700;
}

.subtitulob{
	font: bold 12px Century Gothic;
	color: #ffffff;
}

a{
	font: bold 12px Century Gothic;
	color: #FFDF00;
	text-decoration: none;
}

a:hover{
	font: bold 12px Century Gothic;
	color: #ffffff;
	text-decoration: none;
}

.texto {
	font: bold 12px Century Gothic;
	color: #ffffff;
}

a.texto {
	font: bold 12px Century Gothic;
	color: #ffffff;
	text-decoration: none;
}

a.texto:hover{
	font: bold 12px Century Gothic;
	color: #FFDF00;
	text-decoration: none;
}

.nota{
	font: 9px Century Gothic;
	color: #ffffff;
	text-decoration: none;
}

/* FOOTER */

#footer {
	background-image: url(img/bg-foot.png);
	background-repeat: repeat;
	height: 100px;
	text-align: center;
	color: #FFF;
	font: 12px Century Gothic;
}

#footer ul{
	list-style: none;
	padding: 20px 0px;
}

#footer a {
	color: #FFF;
	font: bold 11px Century Gothic;
	text-decoration: none;
}

#footer a:hover {
	color: #FFDF00;
	font: bold 11px Century Gothic;
	text-decoration: none;
}


/* OBJETO PORTADA */

#video {
	width: 320px;
	height: 280px;
	background: url(img/fnd_video.png) no-repeat;
	text-align:center;
}

#proximos {
	width: 240px;
	height: 320px;
	background: url(img/fnd_proximo.png) no-repeat;
}

#gymclassic {
	position:absolute;
	left:auto;
	margin-left: 75%;
	top:435px;
	width: 200px;
	height: 160px;
	z-index:1;
	text-align:center;
}

#minimenu {
	position:absolute;
	left:60%;
	top:48px;
	width: 380px;
	height: 40px;
	z-index:1;
	background: url(img/fnd_minimenu.png) no-repeat;
	text-align: center;
}

#logo {	
   position:absolute;
	width:550px;
	height:400px;
}

#logo_tiny {
   position: absolute;
   margin-left: 10%;
	top:60px;
	width:225px;
	height:100px;
	z-index:2;
}

#celebramos {	
   position:absolute;
	left:10%;
	margin-left: 30px;
	top:60px;
	width:200px;
	height:300px;
	z-index:5;
}

#social {	
   position:absolute;
	left:auto;
	margin-left: 5%;
	top:400px;
	width:200px;
	height:100px;
	z-index:5;
}

#megusta {	
   position:absolute;
	left:auto;
	margin-left: 5%;
	top:510px;
	width:200px;
	height:100px;
	z-index:5;
}

#masuno {
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9a9a9;
}

#eventos {	
   position:absolute;
	margin-left: 10px;
	top:60px;
	width:280px;
	height:200px;
	background-image: url(img/fondo_events.png);
	
}

#sec_titulos {	
   position:absolute;
	margin-left: 55%;
	top:90px;
	width:400px;
	height:80px;
	z-index:5;
}

.qitem {
	width:126px;
	height:126px;	
	border:3px solid #222;	
	margin:5px 5px 5px 0;
	background: url(img/bg.gif) no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float: left;
	cursor: pointer;
	/*cursor:pointer;*/
}
 
	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}
 
	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}
 
		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color: #ffffff;
		}
 
		.qitem .caption p {
			font-size:11px;	
			padding:3px 5px 0 8px;
			margin:0;
		}
  
/* Setting for corners */
 
.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}
 
.topLeft {
	background-position: top left; 	
} 
 
.topRight {
	background-position: top right; 
} 
 
.bottomLeft {
	background-position: bottom left; 
} 
 
.bottomRight {
	background-position: bottom right; 
}
 
.clear {
	clear:both;	
}

/* fondo Contenido */
.fnd_cnt_up{
	background-image: url(img/fnd_cnt_up.png);
	background-repeat: no-repeat;
	width: 800px;
	height: 30px;
}

.fnd_cnt_dw{
	background-image: url(img/fnd_cnt_dw.png);
	background-repeat: no-repeat;
	width: 800px;
	height: 30px;
}

.fnd_cnt_lf{
	background-image: url(img/fnd_cnt_lf.png);
	background-repeat: repeat-y;
	width: 10px;
}

.fnd_cnt_rg{
	background-image: url(img/fnd_cnt_rg.png);
	background-repeat: repeat-y;
	width:10px;
}

.fnd_cnt{
	background-image: url(img/fnd_cnt.png);
	background-repeat: repeat;
}

.fnd_cnt_ch_up{
	background-image: url(img/fnd_cnt_ch_up.png);
	background-repeat: repeat-x;
	height: 21px;
}

.fnd_cnt_ch_dn{
	background-image: url(img/fnd_cnt_ch_dn.png);
	background-repeat: repeat-x;
	height: 29px;
}

.fnd_cnt_ch_lf{
	background-image: url(img/fnd_cnt_ch_lf.png);
	background-repeat: repeat-y;
	width: 30px;
}

.fnd_cnt_ch_rg{
	background-image: url(img/fnd_cnt_ch_rg.png);
	background-repeat: repeat-y;
	width: 30px;
}

.fnd_cnt_ch_fnd{
	background: url(img/fnd_cnt.png) repeat;
}

.tabla_gris{
	background: #222222;
}


/*Transiciones de imagenes */

#slideshow {width: 320px;height: 214px;border: 1px solid white;}
