/*Css fuentes*/
@font-face {
    
	
    font-family: "bodoni_stdbold";
    src: url("../fuentes/bodonistd-bold-webfont.eot");
	src: url("../fuentes/bodonistd-bold-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fuentes/bodonistd-bold-webfont.woff") format("woff"),
		url("../fuentes/bodonistd-bold-webfont.ttf") format("truetype"),
		url("../fuentes/bodonistd-bold-webfont.svg#bodoni_stdbold") format("svg");
    font-weight: normal;
    font-style: normal;


}

@font-face {
    font-family: "bodoni_stditalic";
    src: url("../fuentes/bodonistd-italic-webfont.eot");
    src: url("../fuentes/bodonistd-italic-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fuentes/bodonistd-italic-webfont.woff") format("woff"),
         url("../fuentes/bodonistd-italic-webfont.ttf") format("truetype"),
         url("../fuentes/bodonistd-italic-webfont.svg#bodoni_stditalic") format("svg");
    font-weight: normal;
    font-style: normal;

}


@font-face{


	font-family: "bodoni_std_posteritalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fuentes/bodonistd-posteritalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fuentes/bodonistd-posteritalic-webfont.woff") format("woff"),
		url("../fuentes/bodonistd-posteritalic-webfont.ttf") format("truetype"),
		url("../fuentes/bodonistd-posteritalic-webfont.svg#bodoni_std_posteritalic") format("svg");
	
}

@font-face{


font-family: "bodoni_std_bookregular";
    font-style: normal;
    font-weight: normal;
    src: url("../fuentes/bodonistd-book-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fuentes/bodonistd-book-webfont.woff") format("woff"), 
		url("../fuentes/bodonistd-book-webfont.ttf") format("truetype"),
		url("../fuentes/bodonistd-book-webfont.svg#bodoni_std_bookregular") format("svg");
}

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

}



	


.marcado{
font: normal 70px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
background-color:#000000;
border-top: solid 3px;
cursor:pointer;
padding:0px 0px 0px 40px;
color:#FFFFFF;
}

.desplegado{
font: normal 70px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
background-color:#000000;
border-top: solid 3px;
cursor:pointer;
padding:0px 0px 0px 40px;
color:#FFFFFF;

}


.desmarcado{

font: 70px/100% "bodoni_std_posterregular",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
border-top: solid 3px;
cursor:pointer;
padding:0px 0px 0px 40px;
color:#000000;
}

.imagen_mas{
float:right;
background: transparent url(../imagenes/mas.png) no-repeat;
width:53px;
height:53px;
margin-top:10px;
border:none;
}
.imagen_por{
float:right;
background: transparent url(../imagenes/equis.png) no-repeat;
width:53px;
height:53px;
margin-top:10px;
border:none;
}

html
	{	
	height:100%;	
	
	}
	
body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	
	


}


h1 {
	font: normal 34px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	
}

h2{
	font: normal 24px/100% "bodoni_stdbold",Bodoni MT Black, Arial,Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;	
}


h3	{
font: 70px/100% "bodoni_std_posterregular",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
margin-top:10px;
margin-bottom:10px;

}


label{

cursor:pointer;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	margin: 0px auto;
	max-width: 1024px;
	text-align:left;
	border-bottom: solid 3px #000000; 
}

#tabla{
	width:100%;
	
	}
#tabla2
	{
	width:100%; 	
	
	}
	
#tabla td
	{
	width:25%;
	
	/*border :1px solid black;
	text-align:center*/

	}
#tabla3 td
	{
	width:25%;
	/*border :1px solid black;*/

/*	background:orange;*/

	}
	
#tabla3{
	width:100%;
	
	
	
}
#tabla4
	{
	width:100%;
padding-right:10px;

	}	
	
	

	


#header {
	height: auto;
	padding-left:40px;
	margin:40px 0 0 0;
	
} 

#header a
		{
	padding-right:10px;	
		}

.linea{	
	border-top: dotted 2px #000000;	
	margin-top:20px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:10px;
	height:0px;	
	}
	
.list_form{
	margin-top:15px;
	margin-bottom:30px;
	list-style:none;
} 


.linea2{
	padding: 12px 0 12px 0;
	border-bottom: dotted 2px #000000;	
	line-height: 18px;
	margin-right:40px;
	
}
.linea2b{
	padding:12px 0 0 0;
	line-height: 18px;
	margin-right:40px;
}

.linea3{

	border-top: solid 2px #000000;		
	height:0px;	
	margin-left:40px;
	margin-right:40px;
	
}
.linea4{

	border-top: solid 2px #000000;			
	height:0px;	
	margin:0 40px 10px 40px;
	
}
	

#info{
font: normal 14px/100% "bodoni_std_bookregular",Bodoni MT Black, Arial,Helvetica, sans-serif;

}

#info li{
	margin-left:0px;
	list-style:none;	
	margin-top:7px;
	width:96%;
	
}


#nave{	
	font:  24px/100% "bodoni_stdbold",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
	margin:20px 40px 20px 40px;
	clear:both;
}

#nave2{

	display:none;
}

#nave3{	
	font:  14px/100% "bodoni_stdbold",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
	margin:10px 40px 10px 40px;
	clear:both;
}

#nave4{
	display:none;

}


a {
	text-decoration:none;
	color:#000000;
}


#content {	
	width: auto;
	margin-top:5px;
	
	
}

	
#cabe1, #cabe2, #cabe3, #cabe4
{
border-top: solid 3px;
cursor:pointer;
padding:10px 40px 10px 40px;



}

#cabe4{
		border-bottom: solid 3px;
		
}

#acor4{
		border-bottom: solid 3px;
		
}



#cabe_ficcion
	{	
	cursor:pointer;
	margin:10px 40px 0px 40px;
	padding:10px 0px 10px 5px;
	}
	


#cabe_entretenimiento
	{	
	cursor:pointer;
	margin:0px 40px 0px 40px;
	padding:10px 0px 10px 5px;
	}
	
.deseleccion
	{
	font: normal 24px/100% "bodoni_stdbold",Bodoni MT Black, Arial,Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	}
.seleccion
	{	
	font: normal 24px/100% "bodoni_stditalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;	
	}


.desplegado_tele{
font: normal 24px/100% "bodoni_stditalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
background-color:#000000;
cursor:pointer;
color:#FFFFFF;

}


#contenido_ficcion{
	display:none;
	margin:5px 0px 5px 0px;
	font: normal 14px/100% "bodoni_std_bookregular",Bodoni MT Black, Arial,Helvetica, sans-serif;
	
}


#contenido_entretenimiento{
	display:none;
	margin:5px 0px 5px 0px;
	font: normal 14px/100% "bodoni_std_bookregular",Bodoni MT Black, Arial,Helvetica, sans-serif;
}


#acor1,#acor2,#acor3,#acor4
{
display:none;
font: normal 14px/100% "bodoni_std_bookregular",Bodoni MT Black, Arial,Helvetica, sans-serif;

}		






/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 2000px or less */

@media screen and (max-width: 2000px) {

#res_1200
		{
		background-color:gold;
		width:200px;
		}
		#pagewrap
		
			{
			max-width:80%;
			}


}


@media screen and (max-width: 1600px) {

#res_1200
		{
		background-color:blue;
		width:200px;
		}
		#pagewrap
		
			{
			max-width:1024px;
			}


}


/* for 980px or less */
@media screen and (max-width: 980px) {
	
	
	#res_1200
		{
		background-color:orange;
		width:200px;
		
		
		}
		
	#nave{
		font-size:18px;
	}

		.marcado{
		font: normal 60px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
		
		}

		.desplegado{
		font: normal 60px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
		

		}


		.desmarcado{

		font: 60px/100% "bodoni_std_posterregular",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
		
		}

		
		
		.imagen_mas{
		
		float:right;
		background: transparent url(../imagenes/mas60.png) no-repeat;
		width:48px;
		height:48px;
		margin-top:10px;
		border:none;
		}
		
		.imagen_por{
		float:right;
		background: transparent url(../imagenes/equis60.png) no-repeat;
		width:46px;
		height:46px;
		margin-top:10px;
		border:none;
		}
	
}

/* for 700px or less */
@media screen and (max-width: 700px) {

	
			
		
	#res_1200
		{
		background-color:blue;
		width:200px;
		}
		#nave{
		font-size:14px;
	}
	
		.imagen_por{
				float:right;
		background: transparent url(../imagenes/equis60.png) no-repeat;
		width:46px;
		height:46px;
		margin:10px 20px 0 0;
		border:none;
		}
		
		.imagen_mas{
		
		float:right;
		background: transparent url(../imagenes/mas60.png) no-repeat;
		width:46px;
		height:46px;
		
		border:none;
		margin:10px 20px 0 0;
		}

		
#header {
	height: auto;
	padding-left:20px;
	margin:20px 0 0 0;
	
} 

#info ul 
	{
	list-style-position: inside; padding-left:0; 
	margin-left:20px;
	}


	.linea{	
	border-top: dotted 2px #000000;	
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	height:0px;	
	}
	.linea2{
	padding: 12px 0px 12px 0px;
	margin:0 20px 0 10px;
	border-bottom: dotted 2px #000000;	
	line-height: 18px;
	
	
	}
	.linea2b{
	padding:12px 0 0 0;
	line-height: 18px;
	margin:0 20px 0 10px;
		}
	#cabe1, #cabe2, #cabe3, #cabe4
		{
		border-top: solid 3px;
		cursor:pointer;
		padding:10px 0px 10px 20px;	

		}

	
	#nave{
			
			margin:0 20px 0 20px;
		
		}
		
	#cabe1, #cabe2, #cabe3, #cabe4
		{
		
		cursor:pointer;
		padding:10px 0px 10px 20px;	

		}
		
		
	#acor1 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:10px;

}
#acor2 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:10px;

}
#acor3 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:10px;

}
#acor4 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:10px;

}

#cabe_ficcion
	{	
	cursor:pointer;
	margin:10px 20px 0px 20px;
	padding:10px 0px 10px 5px;
	font-size:18px;
	}
	


#cabe_entretenimiento
	{	
	cursor:pointer;
	margin:0px 20px 0px 20px;
	padding:10px 0px 10px 5px;
	font-size:18px;
	}
	
.linea3{

			border-top: solid 2px #000000;		
			height:0px;	
			margin-left:20px;
			margin-right:20px;
			
			}
.linea4{

			border-top: solid 2px #000000;			
			height:0px;	
			margin:0 20px 10px 20px;
	
		}
		
}




/* for 480px or less */
@media screen and (max-width: 480px) {


#res_1200
		{
		background-color:green;
		width:200px;
		}
		
		
		
#nave2{		 
			display:block;
			clear:both;		
			font:  14px/100% "bodoni_stdbold",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
			
			
		 }
#nave4{		 
			display:block;
			clear:both;		
			font:  14px/100% "bodoni_stdbold",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
			
			
		 }


		 
#tabla2{

padding-right:10px;
padding-bottom:10px;
width:100%;
	
}

td {
	
	text-align:right;
	vertical-align:top;
	
}
.left1{

	text-align:left;
}

		 

		
#nave{display:none;}
#nave3{display:none;}		
		
		
		
		
.marcado{
		font: normal 35px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
		
		}
.desplegado{
		font: normal 35px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
		

		}

.desmarcado{

		font: 35px/100% "bodoni_std_posterregular",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
		
		}

.imagen_por{
		
				background: transparent url(../imagenes/equis30.png) no-repeat;
				
				margin:5px 0 0 0px;
				border:none;
		
		}
		
.imagen_mas{
		
		
		background: transparent url(../imagenes/mas30.png) no-repeat;
		margin:5px 0px 0 0px;
		border:none;
		}
		
	
.linea{	
border-top: dotted 2px #000000;	
margin:10px 5px 10px 5px;
height:0px;	
}
.linea2{
padding: 12px 0px 12px 0px;
margin:0 5px 0 5px;
border-bottom: dotted 2px #000000;	
line-height: 18px;


}
.linea2b{
padding:12px 0 0 0;
line-height: 18px;
margin:0 10px 0 10px;
		}
		
		
		
#cabe1, #cabe2, #cabe3, #cabe4
		{
		border-top: solid 2px;
		cursor:pointer;
		padding:10px 0px 10px 5px;
		
		
			

		}
#cabe4{
		border-bottom: solid 2px;
		
}

#acor4{
		border-bottom: solid 2px;
		
}
		
#info ul 
	{
	list-style-position: inside; padding-left:0; 
	margin:0 5px 0 5px;
	}

		
.linea3{

			border-top: solid 2px #000000;		
			height:0px;	
			margin-left:5px;
			margin-right:5px;
			
			}
.linea4{

			border-top: solid 2px #000000;			
			height:0px;	
			margin:0 5px 10px 5px;
	
		}
		
		
#header {
	height: auto;
	padding-left:5px;
	margin:20px 0 0 0;
	
} 
		
		
		
	
#cabe_ficcion
	{	
	cursor:pointer;
	margin:10px 5px 0px 5px;
	padding:10px 0px 10px 5px;
	}
	


#cabe_entretenimiento
	{	
	cursor:pointer;
	margin:0px 5px 0px 5px;
	padding:10px 0px 10px 5px;
	}
	
#acor1 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:5px;

}
#acor2 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:5px;

}
#acor3 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:5px;

}
#acor4 ul{
	list-style-position: inside; padding-left:0; 
	margin-left:5px;

}
	

#pagewrap{
	border-bottom: solid 2px #000000;
	
	}
	


}	


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


	#res_1200
		{
		background-color:red;
		width:200px;
		}
		
	
		
	.imagen_por{
	
		
		
		margin:0px;		
		
		}
		
.imagen_mas{
		
		margin:0px;
		
		}
		
		.marcado{
		font: normal 25px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
		
		}
.desplegado{
		font: normal 25px/100% "bodoni_std_posteritalic",Bodoni MT Black, Arial,Helvetica, sans-serif;
		

		}

.desmarcado{

		font: 25px/100% "bodoni_std_posterregular",Berlin Sans FB Demi,Goudy stout,Cooper black, Arial, Helvetica, sans-serif;
		
		}
		


	}