* {
	margin:0;
	padding:0;
}

body{
	font-family:Arial;
	/*background:#F9F9F9;	*/
  /* Ubicación de la imagen*/ 
  background-image:url(../img/fondo.jpg);

  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
  background-position: center center;

  /* La imagen de fondo no se repite*/
  background-repeat: no-repeat; 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
  background-attachment: fixed;

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador 
  background-size: cover;*/

  /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla  */
  background-color: #F9F9F9;
  background-color:#FFFFFF;	
}

.contenedor{
	/*background:#F9F9F9;	*/
	width:auto;
	margin:0 auto;
	overflow:hidden;
	min-height:100%;
}
.contenedor_header{	
	
	width:auto;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}
header{
	background:#FFFFFF;
	margin:0;
	width:auto;
	height:100px;
	padding:0;
	box-shadow: .5px .5px .5px #33CC33;
	/*box-shadow: 1px 1px 1px #E6E6E6;*/
	
}

.header_top{	
	width:100%;
	margin:0 auto;
	overflow:hidden;
	height:30px;
	background-color:#50B0EB;	
	text-align:left;
	vertical-align:middle;
}

.header_top_datos{	
	width:90%;
	height:100%;
	margin:5px auto;
	overflow:hidden;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

.menu_container_only{
	width:100%;
	height:10px;
	margin:auto;
	/*background:#499EFC; #1F5BFC #0033CC #B6FE81; */
	background:#92FD42;
}

header img{
	/*width:100%; */
	height:auto;
}

.logos{
	width:100%;
	margin:2px auto;
	float:left;
	box-sizing:border-box;
	/*box-shadow: 1px 1px 1px #E6E6E6;*/
}

.logo_img{
	width:30%;
	margin:10px auto;
	float:left;
	box-sizing:border-box;
}
.logo_texto{
	width:65%;
	height:30px;
	margin:10px;
	float:left;
	box-sizing:border-box;
	vertical-align:bottom;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#CCCCCC;
}

.contenidos_o{

	width:auto;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;	
	text-align:center;
	background-color:#FF0000;
}

.contenidos{
    display: table-cell;   
	max-width:1600px;
    height: 100%;    
    vertical-align: middle;
    text-align: center;
	/*background:#FFFF00;
	background: gray;*/
}

.contenidos_sesion{
	/*padding:20px;
	display:table-cell;
    vertical-align: middle;	*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	width:400px;
	height: 200px auto;
	vertical-align:middle;
	text-align:center;
	border:1px solid #EAEAEA;
	margin:1px auto;
	padding:1em;	
	border-radius:6px;
	box-shadow: 2px 2px 2px #D8D8D8;		
	background: rgba(255,255,255,0.8);
	box-sizing:border-box;	
}


.contenidos_sesion p {
    text-align: center;
} 


.contenidos_sesion input[type=text],[type=password],select{
	width:100%;
	border:1px solid #999999;
	margin:0 0 3px 0;
	padding:3px;
	border-radius:5px;
	text-align:center;
	height:30px;
}

.contenidos_sesion input[type=submit]{
	width:100%;
	border:none;
	color:#FFFFFF;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 1em 0;
	padding:1em;
	text-align:center
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#248FD0;
	background:#0066FF;
	height:40px;
}

.contenidos_sesion input[type=submit]:hover{
	background:#5F85DE;
	background:#0099CC;	
	color:#FFFFFF;
	cursor:pointer;
}

.contenidos_sesion input[type=button]:hover{
	background:#5F85DE;
	cursor:pointer;
}

footer{
    width:100% auto;
    height: 50px;    
    margin-top:-50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#000000;
    border-top: 1px solid #333333;	
	text-align:center;
	padding:20px;
	color:#CCCCCC;	
	
	/* background:#009900 CCCCCC; 
	height: 100px;
	margin-top:-100px;*/
}

.footer_right{
	width:30%;
	padding:20px;
	float:left;
	box-sizing:border-box;	
	vertical-align:middle;
	/*text-align: center;*/
}
.footer_left{
	width:65%;
	padding:20px;
	float:left;
	box-sizing:border-box;	
	vertical-align:middle;
	/*text-align: center;*/
}
.footer_total{
	width:100%;
	padding:20px;
	float:left;
	box-sizing:border-box;	
	vertical-align:middle;
	/*text-align: center;*/
}
.footer_all{
	width:100%;
	margin:0 auto;
	float:left;
	box-sizing:border-box;	
	vertical-align:middle;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.texto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	text-decoration: none;
}

.texto_pequeno {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #6B8795;
	color:#333333;
	text-decoration: none;
}

.texto_sesion {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#6B8795;
	color:#333333;
	text-decoration: none;
}

.texto_sesion_titulo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	/*color:#6B8795; 
	color:#0066FF;	
	color:#333333;	
	*/
	color:#77B7FD;		
	text-decoration: none;
}

.mensaje_error {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}

.Error_sesion {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;  
	color:#FF0000;
 }