body{
width:100%;
height:100%;
background:#CEECF5;
	
}
/* Contenedor que abarca todo*/
.Contenedor{
		width: 100%;	
		height:100%;
		max-width:1500px;
		margin: 0 auto ;
		overflow: hidden; /*  desbordamiento oculto*/
				
		display:block;
		
		font-family:Arial, Helvetica, sans-serif;
		color:#0b52b8;			
		}

	/*----------------------------------------------------------------------------------*/
		.header{
		 		width:99%;
				max-height:150px;				
			          
				padding: 0,5%;
				margin: 0;
				
				font-family:Arial, Helvetica, sans-serif;
				color:#0b52b8;
			}
					
			/* para que sea Dinamico- Poner una imagen mu grande y poner width del 100% y un heigth auto*/
			.logoSistema{
					width:auto;		
					max-height:100px;
					padding:5px;
					}
			
		.celulares{
			display:none;
		}
	/*----------------------------------------------------------------------------------*/		
		.usuario{
			width:100%;
			max-height:100px;
			
			float:left;
			padding-left:0,3%;	
		}
	/*----------------------------------------------------------------------------------*/
		.tituloPag{
			width:100%;
			color:#990033;					
		}
		
	/*----------------------------------------------------------------------------------*/
		.menu{
			display:none;
			}	
	
		.menu_sin_mouse{
			width:100%;
			clear:both;
			padding:0,5%;

			}
	/*----------------------------------------------------------------------------------*/
	
		.nav_sin_mouse{
			width:100%;		
			clear:both;
			list-style:none;
			
			}
    /*----------------------------------------------------------------------------------*/
		.submenu {
			width:100%;
			clear:both;
			padding:0;
			}				
			
			
			    .subnav{
					height:82px;
					width:100%;  
					padding:0,3%;
			        
			    }
			    
			        /* LISTA- NO QUEREMOS QUE TENGA PUNTOS*/
				ul, ol{
					list-style:none;
				}
				
				/* TODOS LOS ELEMENTOS A QUE ESÉN DENTRO DE LI Y DENTRO DE NAV*/
				.subnav li a {
							background:#0000FF; /*fondo azul*/
							font-size:Large;
						
						/* COLOR FUENTE:*/
							color:white;
							text-decoration:none;
						
						/* 5 ALTURA Y 10 DE LARGO*/
						/* padding 9px de arriba y abajo y 30px de der e izq */
							padding: 9px 9px 20px 30px;
							width:160px;
						
						
						/* PASAN A VERSE COMO BLOCK:*/
							display:block;	
				}
				
				/* CUANDO PASAMOS EL MOUSE POR ENCIMA*/
				.subnav li a:hover {
					background-color:#00FF00;
					color:#0b52b8;
				}
				
				
				/* FORMA*/
				.subnav > li {
					float:left;	
					border: 1px solid #431;
					border-width: 1px;
				}
				
				.subnav li ul {
					display:none;
					position:absolute;
					min-width:140px;
					list-style:none;

				}
				
				.subnav li:hover > ul  {
					display:block;
				}
				
				.subnav li ul li {
					position:relative;	
					/*border-style: solid;*/
					border-width: 1px;
				}
				
				.subnav li ul li ul {
					right:-140px;
					top:0px;
					list-style:none;

				}
			        
	/*----------------------------------------------------------------------------------*/
		.totales {
		padding-top:3%;
		width:100%;	
		}
			.datos{
			   border: 3px solid blue;		
			   padding:2%;	
				}
			
			.datos th{
			    text-align:left;
			}
			.datos td{
			    text-align:right;
			}	
				
	/*-----------------------------------LOGIN---------------------------------------*/			
		.Ingreso_login{
		    padding-left:5%;
		    padding-right:5%;
		    
		    width:50%;	
		    clear:both;
		    font-size:large;
		    float:left;
		    
		}
		/*-----------------------------------cria on line menu---------------------------------------*/			
	#menu_lista{
	width:80%;
	padding:5px;
	float:left;
    }


            .lista{   
            	width:99%;   	
            }
            
            
            .lista li{
            	padding-bottom:1%;	
            	
            }
            
            .lista li a {
            	background:#45c9f5; /*#58FAF4*/
            	font-size:medium;
            	text-align:center;
            	height:40px;
            	width:70%;
            	
            	border-bottom-style:double;
            	border-bottom-color:black;
            	padding-top:1%;
            
            /* COLOR FUENTE:*/
            	color:#0b52b8;
            	text-decoration:none;
            	display:inline-block;
            }

	/*----------------------------------------------------------------------------------*/
        .zona_formulario {
            padding:0,5%;
    		width:100%;	
    		clear:both;
        }
      
    
                /*----------------------tabla---------------*/
                            .formulario {
                            			
                                border:medium;
                            	color:#0b52b8;
                            	font-size:medium;		
                            	padding:0px;   
                                border-spacing: 0px;
                                border-collapse: separate;
                            }
                            
                            .formulario th u {	
                            	padding:0px;
                                text-align:center;    
                                font-size:large;
                            }
                            
                            
                            .zona_formulario label {	
                            	padding: 0,5%;
                                text-align:right;    
                                float:right;
                                font-size:medium;
                                min-width:200px;
                                width:80%;
                            
                            }
                            
                            .zona_formulario input {	
                            	color:#0b52b8;
                            	padding: 0,5%;
                                text-align:left;    
                                float:left;
                                font-size:medium;
                                width:80%;
                                min-width:150px;
                            
                            }
                            .zona_formulario input:focus{
                                        /*width:200px;
                                        font-size:large;*/
                                        background-color:#81F79F;
                                    }
                                    
                            .zona_formulario select {	
                            	color:#0b52b8;
                                /*line-height: 48px;*/	
                                line-height: 148px;	
                                padding: 2px 0 1px 10px;
                                position: relative;
                                text-align: left;
                                text-shadow: none;    
                            	/*padding: 10px;*/   
                                font-size:medium;
                                width:80%;
                                min-width:300px;
                                
                            }
                            
                            .zona_formulario select:focus{
                                        /*width:500px;*/
                                        font-size:large;
                                        background-color:#81F79F;
                                    }
                           
                            
                            .zona_formulario textarea{
                            	color:#0b52b8;
                            	font-size:medium;
                            	width:80%;
                                min-width:300px;
                            }
                            
            #botones{
                            	font-size:medium;
                                color:#0b52b8;
							    text-decoration:none;
                            	padding:10px;
                            	margin:10px;
                            	width:10%;
                            	min-width:100px;
                            	
                    }
                            
                .boton_carga{
                    float:left;
                    }
                .boton_carga:focus{
                    width:600px;
                    font-size:medium;
                    background-color:#81F79F;
                }

                .boton_carga:active{
                    color:lime;
                    }                
                            
/*----------------------------------------------------------------------------------*/
	
    	.zona_consultas{
    	    padding-right:1%;
    		width:100%;	
    		clear:both;
    	}         
    	
    	.table-container {
              overflow-x: auto;
              width:100%;
    	     padding-right:1%;
    	}
        td .seg_colum {
            
            text-align: right;
                   }    	
         
    	
    	   .table-rwd {
                  font-size: .85em;
                  border: 1px solid rgba(181, 213, 144, 0.5);
                  color: #666;
                  border-collapse: collapse;
                  margin-left: auto;
                  margin-right: auto; 
    	          padding-right:1%;
    	   }
                  
				  .table-rwd td {
				    padding: .3em;
				    border-bottom: 1px solid rgba(181, 213, 144, 0.5); }
				    
				    .table-rwd th{
				    padding: .3em;
				    border-bottom: 1px solid rgba(181, 213, 144, 0.5); }
				    
				  .table-rwd th {
				    background: #1A8CFF;
				    color: #fff;
				    font-weight: normal;
				    text-align: center; }
				    
				  .table-rwd td {
				    text-align: left; }
				    .table-rwd td:before {
				      color: #1A8CFF; }
				    .table-rwd td:after {
				     } 
				    .table-rwd td:first-of-type {
				      text-align: left; }
				      .table-rwd td:first-of-type:before {
				        content: ""; }
				      .table-rwd td:first-of-type:after {
				        content: ""; }
				  .table-rwd tr:hover {
				    background: rgba(181, 213, 144, 0.2); }
				  .table-rwd tr td:nth-child(2n) {
				    background: rgba(181, 213, 144, 0.2); }


                    .table-rwd {
                      min-width: 400px; }
                      .table-rwd td:first-child {
                        position: absolute;
                        background: #fff;
                        width: 5em; }
                      .table-rwd th:first-child {
                        width: 5em; }
                      .table-rwd tr:hover td:first-child {
                        background: #1A8CFF;
                        color: #fff; }
                      .table-rwd tr:nth-child(2) td:first-child {
                        box-shadow: 0 -2.7em 0 -6px #1A8CFF, -6px -2.7em 0 -6px #1A8CFF; }
                        	       

    	/*----------------------------------------------------------------------------------*/
           
           
                        .formulario {
                            			
                                border:medium;
                            	color:#0b52b8;
                            	font-size:medium;		
                            	padding:0px;   
                                border-spacing: 0px;
                                border-collapse: separate;
                            }
                            
                            .zona_consultas formulario th u {	
                            	padding:0px;
                                text-align:center;    
                                font-size:large;
                            }
                            
                            .zona_consultas label {	
                            	padding: 1%;
                                text-align:right;    
                                float:right;
                                font-size:medium;
                            
                            }
                            
                            .zona_consultas input {	
                            	color:#0b52b8;
                            	padding: 1%;
                                text-align:left;    
                                float:left;
                                font-size:medium;
                            
                            }
                            .zona_consultas input:focus{
                                        width:200px;
                                        font-size:x-large;
                                        background-color:#81F79F;
                                    }
                                    
                            .zona_consultas select {	
                            	color:#0b52b8;
                                line-height: 48px;	
                                padding: 2px 0 1px 10px;
                                position: relative;
                                text-align: left;
                                text-shadow: none;    
                            	/*padding: 10px;*/   
                                font-size:medium;
                                
                            }
                            
                            .zona_consultas select:focus{
                                        width:500px;
                                        font-size:x-large;
                                        background-color:#81F79F;
                                    }
                           
                            
                            .zona_consultas textarea{
                            	color:#0b52b8;
                            	font-size:medium;
                            }
                            
                            .botones{
                            	font-size:medium;
                                color:#0b52b8;
							    text-decoration:none;
                            	padding:10px;
                            	margin:10px;
                            	width:80px;
                            }
               
    .zona_preguntas{
        width:100%;
        padding:2%;
    }           
/*----------------------------------------------------------------------RESOLUSION PARA PC MENU PARA USAR CON MAUSE------------------------------------------------------------------------------------*/				

@media all and (min-width: 1024px) {

		.menu_sin_mouse{
			display:none;
			}	
	
		.menu{
		display:block;
			}
			
				
				.nav{
					height:82px;
					width:100%;  
					clear:both;
					
				}
								
				
				/* LISTA- NO QUEREMOS QUE TENGA PUNTOS*/
				ul, ol{
					list-style:none;
				}
				
				/* TODOS LOS ELEMENTOS A QUE ESÉN DENTRO DE LI Y DENTRO DE NAV*/
				.nav li a {
							background:#0000FF; /*fondo azul*/
							font-size:Large;
						
						/* COLOR FUENTE:*/
							color:white;
							text-decoration:none;
						
						/* 5 ALTURA Y 10 DE LARGO*/
						/* padding 9px de arriba y abajo y 30px de der e izq */
							padding: 9px 9px 20px 30px;
							width:160px;
						
						
						/* PASAN A VERSE COMO BLOCK:*/
							display:block;	
				}
				
				/* CUANDO PASAMOS EL MOUSE POR ENCIMA*/
				.nav li a:hover {
					background-color:#00FF00;
					color:#0b52b8;
				}
				
				
				/* FORMA*/
				.nav > li {
					float:left;	
					border: 1px solid #431;
					border-width: 1px;
				}
				
				.nav li ul {
					display:none;
					position:absolute;
					min-width:140px;
					list-style:none;

				}
				
				.nav li:hover > ul  {
					display:block;
				}
				
				.nav li ul li {
					position:relative;	
					/*border-style: solid;*/
					border-width: 1px;
				}
				
				.nav li ul li ul {
					right:-140px;
					top:0px;
					list-style:none;

				}
}

/*--------------------------------------menores 700-----------------para patallas celulares chicos-------------------------------------------------*/
@media all and (max-width: 700px) {

		.menu{
			display:none;
			}	
        

		.celulares{
			display:block;
			width:100%;
			
			
		}
				.celulares logoSistema{			
					width:100%;	
					max-height:100px;	
					padding-left:15%;				
				
				}
						
				.logosalir{
					
					padding-right:5%;
					float:right;
				
					}
		
		.header{
			display:none;
		}
		
			.Ingreso_login{
			    font-size:medium;
			    padding-left:1%;
		    padding-right:1%;
		    
		    width:100%;	
			}
		
	
}