@charset "utf-8";
/* CSS Document */
body { background-color:#999}
#lateral_izquierdo
{ 
	width:10%;
	height:600px;
	float:left;
	background-color:#999;
}
#lateral_derecho
{
	width:10%;
	height:600px;
	float:left;
	background-color:#999;
}

#central
{
	width:80%;
	height:600px;
	float:left;
	
}
#central_top
{
	width:100%;
	height:30px;
	
}
#central_middle
{
	width:100%;
	height:75%;
	background-color:#FFF;
}
#central_bottom
{
	width:100%;
	height:10%;
	background-color:#000;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	text-align:right;
	padding-top:5px;
}
#div_cerrar_sesion
{
	color:#CCC;
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	height:30px;
	background-color:#333;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	position:relative;
}
#div_cerrar_sesion a
{
	color:#999;
}
#div_menu
{
	width:100%;
	height:0%;
	background-color:#FFF;
}
.creditos
{
	color:#999;
	padding-right:10px;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:2px;
}
#creditos_man
{
	font-weight:bold;
}


/*Configuracion para una tablet*/
@media screen and (max-width: 1024px){ 
#central{
	width:96%;
	height:550px;
}
#lateral_derecho
{
	width:2%;
	height:550px;
}
#lateral_izquierdo
{
	width:2%;
	height:550px;
}
}


/*css del iframe*/
#iframe
{
	width:100%;
	height:100%;
}
@media screen  and (min-device-width: 1000px) and (max-width: 1024px)
{
	#lateral_izquierdo{	height:600px;}
	#central{	height:600px;}
	#lateral_derecho{	height:600px;}
}
@media screen  and (min-device-width: 1300px) and (max-width: 1400px)
{
	#lateral_izquierdo{	height:730px;}
	#central{	height:730px;}
	#lateral_derecho{	height:730px;}
}
@media screen  and (min-device-width: 1500px) 
{
	#lateral_izquierdo{	height:8700px;}
	#central{	height:870px;}
	#lateral_derecho{	height:870px;}
}