@charset "ISO-8859-1";

html{

	/*un rem es 16pixeles*/
    font-size: 62.5%;
    box-sizing: border-box; /*evitar distrocion de tamaños de padding o los width?*/
    background-color: #ebf5fb;
    
}

/*ajuste a las pantallas*/
*, *:before, *:after{
    box-sizing: inherit;
}
 
body{
    font-family: Helvética, calibri, Garamond ;
	font-size: 1.6rem;
    line-height: 2;
}

.contenedor{
	background-color: #fff;
	max-width: 100rem/*1000 pixeles*/;
	max-width: 92%;
    margin: 0 auto;
    padding: 15px 15px 15px 15px;
  

}

tr td{
	text-align: center;
}

tr th{
	text-align: center;
}



.subcontenido{
	
	background-color: #fff;
	padding: 50px 100px;
	font-family: Helvética, calibri, Garamond ;
	font-size: 1.6rem;
    line-height: 1.5;
    
}

.subcontenido b{
	
	Color: #2e86c1 ;
}

.resaltadogris{
	padding: 10px 30px;
	background-color: #F7F9F9;	
}

#seccionfija{
	
	position: fixed;
	top: 0px;
	background-color: #1F618D;
	padding: 5px 50px;
	width: 85%;
	line-height: 1.5;
	/*max-width: 100rem/*1000 pixeles*/;*/
	/*max-width: 80%;*/
	height: 40px;
	margin: 0px 1px;
	
    
	
}

.encabezado{
	background-color: #ebf5fb ;
	background-color: #fff ;
	padding: 0px 15px;
	height: 80px;
	margin: 0px 0px;
	background-image: url(../imagenes/encabezadoSishcss.png);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	background-position: center left;

  	
}

.menu{
	background-color: #d6eaf8 ;
	padding: 0px 15px;
	min-height: 25px;
	margin: 1.5px 0px;
}

.contenido{
	background-color: #ebf5fb ;
	background-color: #fff ;
	padding: 0px 15px 5px 15px;
	margin: 1.5px 0px;
	
	
}

.pie{
	 background-color:#85c1e9 ;
	 padding: 0px 15px;
	 height: 25px; 
}

h2{
	text-align: center;
	Color: #2e86c1 ;
	margin:0px;
}

a{
	text-decoration: none;
	color: blue;
}

form input{
	border: 0;
	
	background-color: #F2F3F4 ;
	height: 25px;
	 
}




textarea{
   border: 0;
   background-color:#f2f3f4;
}

/* para longitud de input*/
.trecientos{
	width: 300px;
}

table {
   width: 80%;
}
th, td {
   text-align: left;
   vertical-align: top;
   }

form{
	/*font-family: 'calibri', Garamond, 'Comic Sans';*/
}


.boton{
        font-size:12px;
        font-family:Verdana,Helvetica;
        color: #000;
        background: linear-gradient(white , #2FFF2E);
        border:0px;
        width:100px;
        height:30px;
        border-radius: 6px;
       }
       
.boton:hover{
        
        background: linear-gradient(white, #2ECDFB);
  }
  
 .boton2{
        font-size:12px;
        font-family:Verdana,Helvetica;
        color: #000;
        background: #2ECDFB;
        border:0px;
        width:100px;
        height:30px;
        border-radius: 6px;
       }
       
.boton2:hover{
        
        background: #2FFF2E;
       
  }

.boton3{
        font-size:12px;
        font-family:Verdana,Helvetica;
        color: #000;
        background: linear-gradient(white , #2ECDFB);
        border:0px;
        width:140px;
        height:30px;
        border-radius: 6px;
       }
       
.boton3:hover{
        
        background: linear-gradient(white, #2FFF2E);
}


.boton4{
        font-size:12px;
        font-family:Verdana,Helvetica;
        color: #000;
        background: linear-gradient(white , #C0C0C0);
        border:0px;
        width:140px;
        height:30px;
        border-radius: 6px;
       }
       
.boton4:hover{
        
        background: linear-gradient(white, #808000);}
        

#campoIndividual{
	background-color: #fff;
        border:1px solid;
        width: 150px;
        height: 25px;
}

/*trabajando con campos de flexbox*/


.padre{
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	padding: 0 10px;

}


.hijo{
	background-color: #fff;
	flex: 1 1 auto;
	padding: 0 50px;

	background-color: #fff;
	flex: 1 1;
	padding: 0 5px;
	align-content: center;
}

input[type=date] {
  height: 26px;
  margin: 0 auto;
  width: 150px;
  font-family: arial, sans-serif;
  font-size: 14px;
  border:1px solid #000;
  background-color: #f2f3f4;
  padding: 0px 15px;
  
  
  
}

.fondoverde{
	width: 95%;
	background-color: #D5F5E3;
	background-color:#FFCC99;
	margin: 0 0 0 10px;
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 0px 5px 5px 35px ;	
	border-radius: 10px;

}

.paraverinfo{
	margin: 0 0 0 10px;
	padding: 0px 5px;
	line-height: 1.2;
}