/* Estilos del Simulador de Becas */

/* Elementos */
body
{
   font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   margin:0px;
   text-align:center;
}

h3
{
   border-bottom:1px dotted #369;  
   font-size:0.9em;
   margin:5px 0 15px 0;
} 

h4
{
   font-size:0.85em;   
   margin:0 0 10px 0;   
}

p
{
   font-size:0.7em;
}

span
{
   font-size:0.7em;  
}

ul li
{	
   font-size:0.7em;   	
   padding:0;
   margin:0;		
}

ul.square
{
   list-style-type:square;
}

/* Clases */
.Aclaracion
{  
   color:#585858;      
   font-size:0.6em;   
  
}

.Bloque
{
   background-color:#f8faff;   
   border:1px solid #dfe8ff;         
   margin:0 0 15px 0;
   padding:5px 0 5px 5px;   
   width:60%;   
   position:relative;
}
.BloqueGris {
    background-color:lightsteelblue;
    border: 1px solid gray;
    margin: 0 0 15px 0;
    padding: 5px 0 5px 5px;
    /*width: 90%;*/
    position: relative;
}
.Bloqueabecera {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 0 0 15px 0;
    padding: 5px 0 5px 5px;
    width: 90%;
    position: relative;
}

.BloqueNota
{
   width:100%;
}
.BloqueNota90 {
    width: 90%;
}

.Boton 
{   
	border:solid 1px #000;  
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.7em;
	width:130px;
}

.Botonera 
{
	text-align:center;
}

.Campo Numerico
{	
   font-family:Verdana, Arial, Helvetica, Sans-Serif;
   font-size:0.7em;
   width:50px;    
}
.CampoGrande
{	
   font-family:Verdana, Arial, Helvetica, Sans-Serif;
   font-size:0.7em;
   width:350px;    
}

.Label
{  
   float: left;
   font-size:0.7em;
   margin-right:0.5em;   
   width:200px; 
}


.LabelPequeña
{  
   float: left;
   font-size:0.7em;
   margin-right:0.5em;   
   width:200px; 
   
    
}

.LabelGrande
{  
   float: left;
   font-size:0.7em;
   margin-right:0.5em;   
   width:370px; 
   
}



.LabelConcepto
{  
   float: left;
   font-size:0.7em;
   margin-right:0.5em;   
	width:420px;
}

.Numerico
{	
   text-align:right;   
}


.Destacado
{
    font-size:1.4em
}

.izquierda 
{
    float:left;
    
   
}
.derecha 
{
    float:right;
    
}
.ayuda
{
       width:100%;
}

/* Estilos para campos con placeholder - estilo Select2 */
.campo-placeholder {
   height: 36px !important;
   padding: 0 8px !important;
   font-size: 14px !important;
   line-height: 34px !important;
   border: 1px solid #999 !important;
   width: 430px !important;
   color: #888 !important;
   box-sizing: border-box !important;
   font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
}
.campo-placeholder.campo-ancho {
   width: 720px !important;
}
.campo-placeholder.tiene-valor {
   color: #000 !important;
}

/* Estilos para Select2 */
.select2-container .select2-selection--single {
   height: 36px !important;
   border: 1px solid #999 !important;
   font-size: 14px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 34px !important;
   font-size: 14px !important;
   padding-left: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 34px !important;
}
.select2-dropdown {
   border: 1px solid #999 !important;
   font-size: 14px !important;
}
.select2-search--dropdown .select2-search__field {
   border: 1px solid #999 !important;
   padding: 6px 8px !important;
   font-size: 14px !important;
}
.select2-results__option {
   padding: 8px 10px !important;
   font-size: 14px !important;
}
.select2-results__option--highlighted[aria-selected] {
   background-color: #e0e0e0 !important;
   color: #333 !important;
}

/*IDs de elementos */

/* Capa contenedor para el resto de la página */
#container 
{  	
   margin:0px auto;
   text-align:left;
   width:98%;
}

#footer 
{  
   clear:both;    
}

#header 
{   
   color:#000;
   padding:0px 0px 0px 0px;
}


/* Capa donde irá el contenido */
#main 
{   
   margin-left:0px;
}

/*  Barra lateral */
#sidebar 
{   
   float:right;   
   margin:50px 0px 10px 0px;
   padding:10px;   
   width:35%;
}