/********** ELEMENTOS ***********/

body {
	background-color: #fefbea;
	margin: 20px 0px 300px 0px;
	/*background: url(../imagenes/bk/bk.jpg) fixed  center;*/ 
background: url(../rotator.php) fixed top center;


}




body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#bodyBg {
	color: #fefbeb;
}
#bodyBg a{ text-decoration: none; color: #f4ffd1;  }
#bodyBg a:hover { color: #5d1d29; }	

h3 {
	font-size: 16px;
	font-weight: normal;
	color: #fefbea;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	padding:0px;
}

p {
	margin: 0px;
	padding: 0px;
}

li {
	margin: 10px 0px 10px 0px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border-top: 0px;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px dashed #888;
	background: transparent;*/ 
	color: #601b29;
	
}


.cursor
{cursor: hand;}

textarea {
	font-family: Arial, Helvetica, sans;
	font-size: 12px;
	border: 0px;
	background: url(../imagenes/border_cross.gif) repeat-y;
	color: #d8de50;
}
.inputBox {


	border: 0px dashed #c80b37;
	background: #c80b37; 
	color: #fefbea;
}


.links_correos {
	font-family: Arial, Helvetica, sans;
	font-size: 12px;
	
	background: #c80b37; 

}

.indices {
	font-family: Arial, Helvetica, sans;
	font-size: 10px;
}

.MAILING {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #d8de50;
	text-decoration: none;
	

}

.MAILING:hover {
	font-weight: normal;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

	
}

.NOTICIAS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background: #fefbea;
	color: #666;
padding: 10px 10px 10px 10px;
border: 1px solid;
	float: right;
}

.facebook {
	padding: 0px 0px 0px 20px;
	color: #ff3300;
	
	background-image: url(../imagenes/facebook.gif)	
	
}

.facebook:hover {
	padding: 0px 0px 0px 20px;
	color: #ff3300;
	background: #fefbea;
	background-image: url(../imagenes/facebook.gif)	
	
}

#publiazul{
		display: block;
		float:center;
		height: 470px;
		text-align:center;
		width: 390px;
		margin-right:0px;
		padding:0px;
		border:0px;
	}
/********* LANGUAGE ************/

#language {
	text-align: right;
	float: left;
	width: 900px;
	height: 30px;
}
#language a {
	color: #d8de50;
}

/********** DIV IDS ***********/

#globalBox {
	width: 900px;
	margin: 0 auto;
	
}

/********** HEAD ***********/
#head {
	width: 900px;
	height: 92px;
	background:#FFFFFF;
}
#headLeft {
	width: 353px;
	float: left;
	margin: 0px 0px 0px 30px;
	background:#;
	
}
#headRight {
	width: 120px;
	height: 45px;
	padding: 20px 30px 0px 0px;
	float: right;
}

.ie #headRight {
	display:none;
	width: 120px;
	height: 45px;
	padding: 20px 30px 0px 0px;
	float: right; }
		
.iphone #headRight, .ipad #headRight, .blackberry #headRight {
	display:none;
	width: 120px;
	height: 45px;
	padding: 20px 30px 0px 0px;
	float: right;
}





#menu-header {
	width: 900px;
	height: 0px;
	padding: 0px 0px 0px 0px;
	
	background:#FFFFFF;
}
/*** NAVIGATION ***/
.globNav {
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background: #00a9b3;
	display: block;
	color: #fefbea;
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	margin: 20px 5px 5px 5px;
	float: left;
 
}
.globNav:hover {
	background: #d8de50;
	color: #371524;
	/*border-top: 2px solid #EF1874; */
}
.globSelected {
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background: #bf1e2e;
	display: block;
	color: #fefbeafff;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	margin: 20px 5px 5px 5px;
	float: left;
	
	
}

.subir {
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background: #c80b37;
	display: block;
	color: #fefbea;
	text-decoration: none;
	padding: 5px 5px;
	margin: 20px 15px 0px 0px;
	float: right;
 
}
.subirv:hover {
	background: #e94332;
	color: #fefbea;
	/*border-top: 2px solid #EF1874; */
}



/** top box **/

#globTop {
	width: 900px;
	float: left;
	margin-bottom: 0px;
	background: #;
	padding: 30px 0px 0px 0px;
	height: 155px;
}
#globTopBox {
	width: 900px;
	
	float: left;
	
}
#globTopBox #topLeft {
	color: #fefbea;
	font-size: 11px;
	width: 900px;
	height: 0px;

	padding: 0px 0px 0px 0px;
	float: left;
}
#globTopBox #topRight {
	width: 280px;
	height: 80px;
	margin:0px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	float: left;
}

#boton-inicio {
	width: 900px;
	height: 0px;
	float: left;
	display: block;
	
}
#boton-menu {
	width: 900px;
	height: 0px;
	float: right;
	
	
}



.titleFlash {
	width: 900px;
	height: 40px;
	clear: both;
}
#titleFlash div {
	float: right;
}



/*** FOOTER ***/

#footer {
	width: 900px;
	color: #fefbea;
	text-align: right;
	float: left;
	margin: 50px 0px 0px 0px;
}
#footer a {
	color: #555;
	border-bottom: 1px dashed #5bb6e3;
}
#footer a:hover {
	color: #00a9b3;
	border-bottom: 1px dashed #00a9b3;
}
#footer .copy {
	font-size: 10px;
	color: #999;
	padding: 2px 8px;
	margin: 5px 0px;
	background: #fefbea;
}


/********* CLASSES ************/
.clear {
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.floatBox {
	padding: 5px;
	float: left;
}
.floatBox img {
	border: 0px;
	padding: 5px;
}


.floatBox-g {
	padding: 10px;
	float: left;
}
.floatBox-g img {
	border: 0px;
	padding: 0px;
}

/********* banners superiores ************/

#portada{

	padding: 0px 0px 0px 0px;
	float:left;
}

#portada2{

	padding: 0px 0px 10px 10px;
	float: right;
	
	
}

#bn-derecha{
	background-color: #111;
	padding: 0px 0px 0px 0px;
	float:left;
}


	/* mainGallery */
	#cajaizquierda{
		display: block;
		float:left;
		width: 528px;
		margin-right:0px;
		padding:0px;
		border:0px;
	}
	
		#cajacompleta{
			 margin: 0 auto;
	}
	
	
		#margen{
		display: block;
		float:left;
		width: 800px;
		margin-left:37px;
		margin-bottom:35px;
		padding:0px;
		border:0px;
	}
	
	#cajaizquierda-ch{
		display: block;
		float:left;
		width: 428px;
		margin-right:0px;
		padding:0px;
		border:0px;
	}
	
	#titulo-colaboradores{
		display: block;
		float:left;
		width: 890px;
		margin-right:0px;
		padding:0px;
		border:0px;
	}
	
	
		#cajacentral{
		display: block;
		float:left;
		width: 880px;
		margin-right:0px;
		padding:0px;
		border:0px;
	}
	
	
	/* mainContent */
	#mainContent{
		width: 640px;
		padding:0px;
		border:0px;
		float:left;
	}
	
	/* secondaryNews */
	#secondaryNews{
		width: 320px;
		padding:0px;
		border:0px;
		float:left;
	}
	/* secondaryContent */
	#secondaryContent{
		width: 320px;
		margin-left: 5px;
		padding:0px;
		border:0px;
		float:left;
	}
	
		.leermas{
			display: inline;
			padding: 4px;
			font-size: 9px;
			background:#333;
			text-align: center;
			text-decoration: none;
		}
		.leermas:hover{
			background:#fefbea;
		}
		.entry-link{
			margin:4px 4px 4px 0px;
		}
		
		
		/* ================== */
		
		
/* = posts recientes = */
/* ================== */

ul#recientes{
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-color: #fefbea;
	list-style: none;
	
}

ul#recientes li{
	display: block;
	padding: 0px;
	border: 0px;
	margin-top: 1px;
	width: 320px;
	float: left;
}

ul#recientes li a:link, ul#recientes li a:visited{
	display: block;
	background-color: transparent;
	padding: 5px;
	font-size: 12px;
}
ul#recientes li a:hover{
	background: #222;
	color: #FFF;
}

/* Releases */		
		ul#releases-main{
			display: block;
			float: left;
			width: 515px;
			padding: 0px 0px 10px 0px;
			border: 0px;
			margin: 0px;
			list-style: none;
			
		}
		
		ul#releases-main li{
			display: block;
			padding: 0px;
			border: 0px;
			margin: 0px;
			width: 515px;
			float: left;
			
		}		
		ul#releases-main- li a:link, ul#releases-main li a:visited {
			display: block;
			padding: 0px;
			font-size: 12px;
			height: 134px;
			background: #fefbea;
		}

		ul#releases-main li a img{
			width: 100px;
			margin: 5px 5px 5px 5px;
		}
		
		ul#releases-main li a:hover{
			background: #ecf8fd;
			color: #e94332;
		}
		.title-release{
			font-size:17px;
			margin-bottom: 2px;
			font-weight: bold;
			
		}
		
		ul#releases-main-chicos{
			display: block;
			float: left;
			width: 515px;
			padding: 0px 0px 10px 0px;
			border: 0px;
			margin: 5px;
			list-style: none;
			
		}
		
		ul#releases-triple{
			display: block;
			float: left;
			width: 290px;
			padding: 0px 0px 10px 0px;
			border: 0px;
			margin: 0px;
			list-style: none;
			
		}
		
		ul#releases-doble{
			display: block;
			
			float: left;
			width: 428px;
			padding: 10px 0px 0px 0px;
			border: 0px;
			margin: 5px;
			list-style: none;
			
		}
	
/* ----------------------- MENUS ----------------------- */

	#menu{
		display: block;
		float:left;
		width: 897px;
		margin-right:0px;
		padding:0px;
		border:0px;
		
	
	font-family: 'ReflexBold';
  	font-style: normal;
  	text-transform: uppercase;
 
	font-size:17.1px;
	text-align:center;
	}






#menus-movibles { 


padding: 5px 7px 5px 7px;
margin: 20px 5px 5px 5px;
height: 15px; 
border-bottom: #c80b37 1px dotted;
 }

	



#menus-movibles li { 


display: inline; 
padding: 0px; 
margin: 0px; 
float:left; 
border-right: 1px solid #c80b37;
line-height:12px; }

	
#menus-movibles li a:link, #menus-movibles li a:visited { 


display: inline; 
color: #fefbea; 
text-decoration: none;
padding: 8px 3px 8px 4px; }


#menus-movibles li a:hover {


color: #371524; 
background: #c80b37;
}



/* ----------------------- LINKS Y TEXTO COLABORADORES ----------------------- */



.asubtitulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;

	text-decoration: none;


}



/* ----------------------- ANTERIORES ----------------------- */


#anteriores a {display:block; background: top left no-repeat;float:left}
#anteriores a:hover {background-position: 0px -180px}

#anteriores span {visibility: hidden}

#anteriores #anteriores15 {background-image: url(../imagenes/anteriores/41.jpg); width:144px;height:180px}
#anteriores #anteriores14 {background-image: url(../imagenes/anteriores/40.jpg); width:144px;height:180px}
#anteriores #anteriores13 {background-image: url(../imagenes/anteriores/39.jpg); width:144px;height:180px}
#anteriores #anteriores12 {background-image: url(../imagenes/anteriores/38.jpg); width:144px;height:180px}
#anteriores #anteriores11 {background-image: url(../imagenes/anteriores/37.jpg); width:144px;height:180px}
#anteriores #anteriores10 {background-image: url(../imagenes/anteriores/36.jpg); width:144px;height:180px}
#anteriores #anteriores9 {background-image: url(../imagenes/anteriores/35.jpg); width:144px;height:180px}
#anteriores #anteriores8 {background-image: url(../imagenes/anteriores/34.jpg); width:144px;height:180px}
#anteriores #anteriores7 {background-image: url(../imagenes/anteriores/33.jpg); width:144px;height:180px}
#anteriores #anteriores6 {background-image: url(../imagenes/anteriores/32.jpg); width:144px;height:180px}
#anteriores #anteriores5 {background-image: url(../imagenes/anteriores/31.jpg); width:144px;height:180px}
#anteriores #anteriores4 {background-image: url(../imagenes/anteriores/30.jpg); width:144px;height:180px}
#anteriores #anteriores3 {background-image: url(../imagenes/anteriores/29.jpg); width:144px;height:180px}
#anteriores #anteriores2 {background-image: url(../imagenes/anteriores/28.jpg); width:144px;height:180px}
#anteriores #anteriores1 {background-image: url(../imagenes/anteriores/27.jpg); width:144px;height:180px}



#titulo_revista-regresar  {
	float:left;
	width:90px;
	height:30px;
	text-align:left;
	padding-left:20px;
	padding-top:12px;
	
	}
	
	
	#titulo_revista-ant  {
	float:left;
	width:430px;
	height:30px;
	text-align:left;
	padding-left:20px;
	padding-top:9px;
	
	}
	
	
#botones_revista-ant  {
	float:left;
	width:320px;
	height:30px;
	text-align:left;
	padding-top:8px;
	}
	
	#botones_revista-ira  {
	float:left;
	width:210px;
	height:30px;
	text-align:left;
	padding-top:8px;
	}
	
	
.buttons  {
	 cursor:pointer;
	 margin-right:5px;
	 margin-left:5px;
	}	
	
	
	
	
	
	
	
	
/*SLIDER */

#stage{ float:left; width:828px; height:275px;   overflow: auto; overflow-x:hidden; overflow-y:hidden;  }
#stage_left{float:left; width:25px; height:275px; cursor:pointer}
#stage_right{float:left; width:25px; height:275px; cursor:pointer}

	#myList{
	width:9448px;
	border:0;
	margin:0;
	padding:0;
	left:100px;
}
	#myList li{
		list-style:none; 
		margin:0; 
		border:0; 
		margin-right:0px;
		padding:0px; 
		background:#4a0101;
		background: url("../imagenes/loading.gif");
		background-repeat:  no-repeat;
		background-position: center;
		float:left;
		width:122px;
		height:182px;}

	#myList li img{
		
		width: 122px;
		height:182px;}
		
		
		
#prev a {display:block; background: top left no-repeat;float:left}
#prev a:hover {background-position: 0px -275px}

#prev span {visibility: hidden}

#prev #prev1 {background-image: url(../imagenes/bt_regresar.gif); width:25px;height:275px}

	
	
#next a {display:block; background: top left no-repeat;float:left}
#next a:hover {background-position: 0px -275px}

#next span {visibility: hidden}

#next #next1 {background-image: url(../imagenes/bt_avanzar.gif); width:25px;height:275px}		
		



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 19, 2011 */



@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'loveleaves';
    src: url('../fonts/loveleaves-webfont.eot');
    src: url('../fonts/loveleaves-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/loveleaves-webfont.woff') format('woff'),
         url('../fonts/loveleaves-webfont.ttf') format('truetype'),
         url('../fonts/loveleaves-webfont.svg#loveleaves') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'AUdimatBold';
    src: url('../fonts/audimat-bold-webfont.eot');
    src: local('☺'), url('../fonts/audimat-bold-webfont.woff') format('woff'), url('../fonts/audimat-bold-webfont.ttf') format('truetype'), url('../fonts/audimat-bold-webfont.svg#AUdimatBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'BodoniStdPoster';
    src: url('../fonts/bodonistd-poster-webfont.eot');
    src: url('../fonts/bodonistd-poster-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bodonistd-poster-webfont.woff') format('woff'),
         url('../fonts/bodonistd-poster-webfont.ttf') format('truetype'),
         url('../fonts/bodonistd-poster-webfont.svg#BodoniStdPoster') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ReflexBold';
    src: url('../fonts/reflex_bold-webfont.eot');
    src: url('../fonts/reflex_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/reflex_bold-webfont.woff') format('woff'),
         url('../fonts/reflex_bold-webfont.ttf') format('truetype'),
         url('../fonts/reflex_bold-webfont.svg#ReflexBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




.post_title {
	color: #fefbea;
 	text-decoration:none;
	font: 40px/58px 'ReflexBold';
	letter-spacing: 0;
	line-height:45px;
	background-color:#c80b37;
	margin:5px 5px 5px 5px;
	padding-left:15px;
	text-shadow:2px 2px 0px #551a24; 
	
}



.post_title a{
	color: #fefbea;
 	text-decoration:none;
	font: 50px/58px 'ReflexBold';
	letter-spacing: 0;
	line-height:45px;
	
}



.post_sub_title {
	color: #fefbea;
 	text-decoration:none;
	font: 17px/58px 'ReflexBold';
	letter-spacing: 0;
	line-height:25px;

	margin:5px 5px 5px 0;
	padding-left:9px;
	text-shadow:2px 2px 0px #551a24; 
	
}



.post_sub_title a{
	color: #fefbea;
 	text-decoration:none;
	font: 25px/58px 'ReflexBold';
	letter-spacing: 0;
	line-height:25px;
	
}