@charset "UTF-8";

	/*********************/
	/* OBJETOS GENERALES */
	/*********************/
	
	/* CONFIGURACION INICIAL */
	body          		{ font-family:Calibri, Arial, Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; margin:0; padding:0; background-color:#000; }
	/* Para eliminar en IE las lineas punteadas en los enlaces e inputs que tienen el foco */
	a:focus				{ border:none; outline:none; }
	input[type="checkbox"]:focus
						{ outline:none; }
	input[type="radio"]:focus
						{ outline:none; }
						
	/* CABECERA GENERAL */
	#cabeza				{ width:100%; height:auto; border-bottom:#000 solid 2px; background-color:#000; float:left; } 
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#cabeza				{ width:100%; height:138px; }
	}
*/	@media screen and (max-width: 576px) {
		#cabeza				{ width:100%; height:70px;}
	}
	
	@media screen and (max-width: 576px) {
		#cabeza ul          { width:100%; height:18px; margin:12px 0 0 0; padding:0; display:none;}
	}
	
	#cabeza ul          { width:100%; height:18px; margin:12px 0 0 0; padding:0; }
	#cabeza li          { height:18px; list-style:none; float:left; }
	#cabeza li a        { padding:0; padding-right:18px; text-decoration:none; color:#ccc; }
	#cabeza li a:hover  { color:#fff; }	

	/* CABECERA GENERAL INTERIOR */
	#cabeza2			{ width:1200px; height:auto; margin:0 auto; padding:50px 0 20px 0; text-align:left; color:#999;}
						  
	@media screen and (max-width: 576px) {
		#cabeza2			{ width:95%; height:auto; margin:0 auto; padding:22px 0 20px 0; text-align:left; color:#999;}
		#cabeza2 img{
			width:100%;
			background-repeat: no-repeat;
		}
		
	}
	
	/* LINEA DE INFORMACION SUPERIOR. DEBAJO DE LA CABECERA */
	#infosup			{ width:100%; height:auto; background-color:#333; border-top:#333 solid 2px; border-bottom:#000 solid 2px; font-size:14px; float:left; }
	#infosup ul     	{ width:100%; height:18px; margin:0; padding:0; }
	#infosup li     	{ height:18px; list-style:none; float:left; }
	#infosup li a   	{ padding:0; padding-right:18px; text-decoration:none; color:#ccc; }
	#infosup li a:hover	{ color:#fff; }

	/* LINEA DE INFORMACION SUPERIOR. INTERIOR */
	#infosup2			{ width:1200px; height:auto; margin:0 auto; padding:0; text-align:left; }

	/* CONTENIDO GENERAL */
	#contentlogin       { width:100%; height:auto; border-bottom:#000 solid 2px; background-color:#ededed; float:left; }
	#contentprogramas   { width:100%; height:auto; border-bottom:#000 solid 2px; background-color:#ededed; float:left; }

	
	/* CONTENIDO GENERAL INTERIOR */
	#contentlogin2		{ width:50%; height:auto; margin:0 auto; padding:125px 0; text-align:left; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#contentlogin2 { width:80%; height:auto; margin:0 auto; padding:80px 0; text-align:left; }
	}	
*/	@media screen and (max-width: 576px) {
		#contentlogin2		{ width:90%; height:auto; margin:0 auto; padding:5% 0; text-align:left;}	
	}
	
	#contentprogramas2	{ width:1200px; height:80%; margin:0 auto; padding:0; background-color:#000; }	
	#contentprogramas2 p	{ width:100%; height:auto; margin:0; padding:0; }	

	/* PIE GENERAL */
	#fin				{ width:100%; height:auto; background-color:#000; float:left; } 
	#fin p				{ margin:12px 0 0 0; padding:0; }

	/* PIE GENERAL INTERIOR */
	#fin2				{ width:100%; height:auto; margin:0 auto; padding:8px 0; text-align:left; color:#999; }

	/************************/
	/* LOGIN 				*/
	/************************/

	/* VENTANA CENTRAL DE LOGIN */
	#filalogin			{ width:100%; height:auto; margin:0; padding:0; }

	#filaidiomas		{ width:100%; height:auto; margin:0; padding:10px 0 0 0; }
	@media screen and (max-width: 576px) {
		#filaidiomas		{ display:none;}
	}
	#filaidiomas ul     { width:100%; height:18px; margin:0; padding:0; }
	#filaidiomas li     { height:18px; list-style:none; float:left; }
	#filaidiomas li a   { padding:0; padding-right:18px; text-decoration:none; color:#aaa; }
	#filaidiomas li a:hover
					  	{ color:#333; }

	/* VENTANA INTERIOR LOGIN */
	#ventanalogin		{ width:100%; height:280px; margin:0; padding:0;  border-radius: 30px; background-color: #dddbdb;}
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#ventanalogin		{ width:100%; height:350px;margin:0; padding:0;  border-radius: 30px; background-color: #dddbdb;}
	}
*/	@media screen and (max-width: 576px) {
		#ventanalogin		{ width:100%; height:500px;margin:0; padding:0;  border-radius: 30px; background-color: #dddbdb;}
	}
	/*#ventanalogin		{ width:950px; height:250px; margin:0; padding:0; background-color:#ddd; border-radius:20px; }*/
	
	#ventanaloginizq	{ width:65%; height:100%; margin:0; padding:0; padding-left:5%; float:left; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#ventanaloginizq	{ width:85%; height:auto ;margin:0; padding:0; padding-left:7%; float:left;}
	}
*/	@media screen and (max-width: 576px) {
		#ventanaloginizq	{ width:85%; height:auto ;margin:0; padding:0; padding-left:7%; float:left;}
	}
	#ventanaloginder	{ width:30%; height:100%; margin:0; padding:0; float:left; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#ventanaloginder	{ width:80%;height:auto; margin-left:50%; padding:0; float:left;  }
	}
*/	@media screen and (max-width: 576px) {
		#ventanaloginder	{ width:80%;height:auto; margin-left:10%; padding:0; float:left;  }
	}

	/* VENTANA LOGIN IZQUIERDA */
	#frasebienvenida	{ width:100%; height:auto; margin:0; margin-top:60px; padding:0; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#frasebienvenida	{ margin-top:32px;}
	}
*/	#frasebienvenida p	{ width:auto; height:auto; margin:0; padding:0; line-height:45px; font-size:43px; color:#888; text-align:left; }
	@media screen and (max-width: 576px) {
		#frasebienvenida p	{ font-size:34px; }
	}
	#fraseinstrucciones	{ width:100%; height:auto; margin:0; margin-top:10px; padding:0; }
	#fraseinstrucciones p
						{ width:auto; height:auto; margin:0; padding:0; padding-left:2px; line-height:26px; font-size:22px; color:#aaa; text-align:left; }
	#fraseerror			{ width:100%; height:auto; margin:0; margin-top:25px; padding:0; }
	#fraseerror p		{ width:auto; height:auto; margin:0; padding:0; padding-left:2px; line-height:20px; font-size:16px; color:#c00; text-align:left; }

	/* VENTANA LOGIN DERECHA */
	#divusuario			{ width:100%; height:auto; margin:0; margin-top:60px; padding:0; float:left; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#divusuario			{ margin-top:0px;}
	}
*/	@media screen and (max-width: 576px) {
		#divusuario			{ margin-top:20px;}
	}
	#divpassword		{ width:100%; height:auto; margin:0; margin-top:20px; padding:0; float:left; }

	/* FORMULARIO LOGIN */
	#formlogin			{ width:100%; height:100%; float:left; }
	.inputformulario	{ width:65%; /*height:30px;*/ padding:8px 10px; border:1px solid #fff; border-left:0px; border-radius:0px 5px 5px 0px; background:#fff; 
						  font-family:Calibri, Arial, Georgia, "Times New Roman", Times, serif; font-size:14px; float:left; }
						  
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		.inputformulario	{ width:45%; padding:10px 10px; font-size:20px;}
	}
*/	@media screen and (max-width: 576px) {
		.inputformulario	{ width:77%; padding:10px 10px; font-size:20px;}
	}
	
	.inputformulario:hover
						{ border:1px solid #eee; border-left:0px; background:#eee; }
	.inputformulario:focus
						{ outline:none; border:1px solid #999; border-left:0px; border-radius:0px 5px 5px 0px; background:#eee; }
	#iconousuario		{ width:14%; height:35px; background:#333 url(../resources/btn_usuario.png) no-repeat center; 
						  border:1px solid #999; border-radius:5px 0px 0px 5px; float:left; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#iconousuario		{ width:47px; height:47px; }
	}
*/	@media screen and (max-width: 576px) {
		#iconousuario		{ width:47px; height:47px; }
	}
	#iconopassword		{ width:14%; height:35px; background:#333 url(../resources/btn_password.png) no-repeat center; 
						  border:1px solid #999; border-radius:5px 0px 0px 5px; float:left; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		#iconopassword		{ width:47px; height:47px; }
	}
*/	@media screen and (max-width: 576px) {
		#iconopassword		{ width:47px; height:47px; }
	}						  
						  	
	/* BOTON ENTRAR */
	#divbotonentrar		{ width:100%; height:auto; margin:0; margin-top:20px; padding:0; float:left; }
	.botonentrar		{ width:90px; height:28px; cursor:pointer; border:1px solid #000; border-radius:5px; background:#333; color:#ccc; 
						  font-family:Calibri, Arial, Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; }
/*	@media screen and (max-width: 1280px) and (min-width: 577px) {
		.botonentrar	{ width:40%; height:37px; font-size:18px; font-weight:bold; margin-left:5%; margin-top: 0% }
	}
*/	@media screen and (max-width: 576px) {
		.botonentrar	{ width:90%; height:58px; font-size:20px; font-weight:bold; margin-left:5%; margin-top: 7% }
	}						  
	.botonentrar:hover	{ border:1px solid #000; background:#666; color:#fff; }
	.botonentrar:focus	{ outline:none; }

	/************************/
	/* PRODUCTOS 			*/
	/************************/

	/* LINEA INFORMACION SUPERIOR - LOGOUT */
	#divlogout			{ width:226px; height:auto; margin:0; padding:0; text-align:left; float:left; }
	#diviconologout		{ width:28px; height:28px; margin:0; margin-right:5px; background:#333 url(../resources/btn_desconectar.png) no-repeat center; 
						  border:1px solid #333; border-radius:5px; float:left; }
	#diviconologout:hover
						{ background:#666 url(../resources/btn_desconectar.png) no-repeat center; }
	#divnombreusuario	{ width:auto; height:auto; margin:0; padding:6px 0; text-align:left; float:left; }
	
	/* LINEA INFORMACION SUPERIOR - ACCIONES */
	#divacciones		{ width:974px; height:auto; margin:0; padding:0; text-align:left; float:left; }
	#diviconoatras		{ width:28px; height:28px; background:#333 url(../resources/btn_atras.png) no-repeat center; 
						  border:1px solid #333; border-radius:5px; float:left; }
	#diviconoatras:hover
						{ background:#666 url(../resources/btn_atras.png) no-repeat center; }
	#dividiomas			{ width:auto; height:auto; margin:0; padding:6px 0px 6px 40px; text-align:left; float:left; }

	/* IMAGEN LATERAL IZQUIERDO */
	#columimagen		{ width:222px; height:100%; margin:0; padding:0; border-left:2px solid #000; border-right:2px solid #000; float:left;}
	#columimagen img	{ width:222px; height:716px; }

	/* ESPACIO CON LA INFORMACION */
	#ventanainformacion	{ width:934px; height:100%; margin:0; padding:0; padding-left:40px; background-color:#ededed; float:left;}
	#ventanainformacion	h1
						{ width:100%; height:auto; margin:0; padding:20px 0px 10px 0px; line-height:25px; font-size:23px; color:#666; text-align:left; }
	#ventanainformacion ul
						{ margin:0; padding:10px 0px 10px 40px; list-style:disc; background:#ddd; border-radius:10px; }
	#ventanainformacion ul li
						{ line-height:18px; font-size:14px; color:#333; text-align:left; }
	#ventanainformacion a
						{ padding:0; padding-right:18px; text-decoration:none; color:#999; }
	#ventanainformacion a:hover
					  	{ color:#333; }

	/* ESPACIO INTERIOR CON LA INFORMACION */
	#ventanainformacion2
						{ width:100%; height:auto; margin:0; padding:0; float:left; }