﻿ @import url(//fonts.googleapis.com/css?family=Oxygen:400,300,700|Oswald:400,300,700);

 body {
	margin: 0;
	padding: 0;
	color: #666;
	/*font-family: Tahoma, Geneva, sans-serif;
	font-family: 'Gill Sans MT';
	font-family: 'Droid Serif' , serif; */
	font-family: Oxygen;
	font-size: 13px;
	line-height: 1.4em;
	width: 100%;
	display: table;
	background-color: #f7f7f7; /*background-color: #f7f7f7;	 */
    background-color: #f0f0f0;
    /*background-repeat: repeat-x;  background-position: top;	background-image: url(../recursos/SAP2.jpg);*/
}
  

a, a:link, a:visited { color: #666; font-weight: normal; text-decoration: none }
a:hover { text-decoration: underline; }

a.more { display: inline-block; padding: 3px 10px; font-size: 12px; font-weight: bold; color: #21bdd0; background: #e9e9e9 }
a.more:hover { background: #333; text-decoration: none }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; vertical-align:middle;}

h1, h2, h3, h4, h5, h6 {color: #000000;	font-weight: normal;}
h1 { font-size: 30px; margin: 0 0 10px; padding: 2px 0; }
h2 { font-size: 26px; margin: 0 0 25px; padding: 5px 0; }
h3 { font-size: 20px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 16px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 14px; margin: 0 0 10px; padding: 0; }
h6 { font-size: 12px; margin: 0 0  5px; padding: 0; }

.negro { color: #000000; font-weight: normal; }
.blanco { color: #FFFFFF; font-weight: normal; }
.center-text{text-align:center;}
.left-text{text-align:left;}
.right-text{text-align:right;}

.wdn-light-triad-band{background-color:#e7f0f4; background-color:Gray;}
.wdn-light-complement-band{background-color:#e5f1e5; background-color:#e7f0f4; background-color:#eceae3;}
.wdn-light-neutral-band{background-color:#eceae3; background-color:Silver;}
.wdn-light-neutral-band2{background-color:#eceae3;}
.wdn-light-marron-band{background-color:Maroon;}


.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }

.caja { float: left; margin-right: 20px }
.caja_300 { width: 300px }
.caja_220 { width: 220px }
.caja_400 { width: 400px }
.caja_140 { width: 140px }
.caja_620 { width: 620px }


.btn_redon {
    text-align: center;
    font-size: 12px;
    border-radius: 25px;
    box-shadow: 0 0 20px #999999;
    background-color: #F0F0F0;
}

.ligas_liga {
 width :33%; 
 float:left; 
 height:30px; 
 font-size:14px; 
 padding-top: 10px;  
 text-align:center
}

.img_escudo_des {
    width: 160px;
    height:90px;
    text-align: center; 
    margin: 0 auto;
}

.img_portada_adm {
    width: 789px;
    height:188px;
    text-align: center; 
    margin: 0 auto;
}

 



.contenedor_sitio {
/*	width: 1200px;   */
	/*margin: 0 auto;*/
	max-width:100%;	
	padding: 0;
	display:inline-block;
	display:block;
	
}   

@media (min-width:480px){.contenedor_sitio{margin-left:6%; margin-right:6%}}
@media (min-width:640px){.contenedor_sitio{margin-left:8%; margin-right:8%}}
@media (min-width:768px){.contenedor_sitio{margin-left:9%; margin-right:9%}}
@media (min-width:960px){.contenedor_sitio{margin-left:10%; margin-right:10%}}
@media (min-width:1280px){.contenedor_sitio{margin-left:11%; margin-right:11%}}
@media (min-width:1600px){.contenedor_sitio{margin-left:12%; margin-right:12%}}
@media (min-width:1920px){.contenedor_sitio{margin-left:14%; margin-right:14%}}


.wcol-set-1 {width:100%}
   
.wcol-2-3,.wcol-4-6,wcol-6-9 {width:66.66666667%}
.wcol-1-2,.wcol-2-4,wcol-3-6,.wcol-4-8,.wcol-5-10, .wcol-set-2 {width:50%}
.wcol-1-3,.wcol-2-6,.wcol-3-9, .wcol-set-3 {width:33.33333333%}
.wcol-1-4,.wcol-set-4 {width:25%}
    
.limpia{clear:both;content:"";}


.wdn-band
    {
        max-width:100%!important;
        clear:both;
    }
    
      .lincoln-life h2
       {
           color:#d00;
           font-family:"Gotham A","Gotham B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;
           font-weight:200;
           font-size:4em;
           margin-bottom:7%;
           text-transform:uppercase}

  .wdn-inner-wrapper
     {
          padding-left:10px;
          padding-right:10px;
          width:100%
       }
        
        
  .image-links
   {display:block;
    list-style:outside none none;
    margin:0;
    padding:0;
    text-align:center;
    width:100%;
    /*background-color: Yellow;*/
     }
     
     .image-links li {display:inline-block; max-width:15%; padding:0 5%; vertical-align:top;}
      @media only screen and (max-width:1920px){.image-links li {display:inline-block; max-width:15%; padding:0 3%; vertical-align:top; }} 
      @media only screen and (max-width:1400px){.image-links li {display:inline-block; max-width:20%; padding:0 3%; vertical-align:top; }}
      @media only screen and (max-width:1024px){.image-links li {display:inline-block; max-width:30%; padding:0 3%; vertical-align:top; }} 
      @media only screen and (max-width:768px){.image-links li {display:inline-block; max-width:50%; padding:0 3%; vertical-align:top; }} 
   
   
   .image-links a, .image-links .img-cont
    {color:#d00;     
     border:medium none;
     display:block;
     font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;
     font-size:1.2em;
     font-size:18px; 
     font-weight: 700;
     
     text-transform:uppercase;
     }
     
     .image-links a img, .image-links .img-cont 
     img
     {
         display:block;
         margin:0 auto 20px;
         max-height:100px;
         -moz-transition:transform .15s ease-out 0s;
         -o-transition:transform .15s ease-out 0s;
         -webkit-transition:transform .15s ease-out 0s;
         /*transition:transform .15s ease-out 0s*/}
         
     .image-links a:hover
     {  color:#d00}
     
      .image-links a:hover img
     {
         -moz-transform:translateY(-5px);
         -ms-transform:translateY(-5px);
         -o-transform:translateY(-5px);
         -webkit-transform:translateY(-5px);
         /*transform:translateY(-5px)*/}
         
     .image-links a span, .image-links .img-cont span
     {
         color:#161616;
         font-size:13px;
         font-weight:200;
         display:block;
         text-transform:none}    
    
   .texto_etiq
   {
         color:#161616;         
         font-size:0.4em;
         font-weight:700;
         display:block;
         text-transform:none;             
         }    
   
   .texto_resul
{
    color: #003366;
    font-size: 0.4em;
    font-weight: 700;
    display: block;
    text-transform: none;
    padding-left: 2%;
}    
   
   
   
   

/*-----------------------------------------------------------------------------------------------------*/
#capa_notifica {
	width: 100%;
	height: 20px;
	background-color: #39434d;
	background-color: #3A404C;        /*	background-color: #DDDDDD;*/
}

#capa_ligas {
    width: 100%;
    height: 40px;
    background-color: #1B5083;
    background-color: #EDB621;
    background-color: #F2AF00;    /* Color Institucional */    
}     


#capa_menu { 
	width: 100%;
	height: 80px;
	background-color: #f0f0f0;		
}	

#capa_ci { 
	width: 100%;
	height: 80px;
	background-color: #f0f0f0;		
}	


#capa_barra_banco { 	
	width: 100%;
	height:100px;
	background-color: #EB0029;
    color: #FFFFFF;
}

#capa_barra_gv { 	
	width: 100%;
	height:50px;
	background-color: #3A404C	
}	

#capa_barra_gv_blanco
{
	width: 100%;
	height: 50px;
	background-color: #f0f0f0;
	background-color: #FFFFFF;
}	

#capa_barra_filtro
{
	width: 100%;
	height: 80px;
	background-color: #C0C0C0;
}	
#capa_barra_filtro2
{
	width: 100%;
	height: 100px;
	background-color: #C0C0C0;
}	

#capa_slogan {
    width: 100%;    
    height: 60px;   /*    height: 120px;*/
    color: White;
    /*background-color: #7AB800;     / verde limon /*/
	background-color: #002244;  /* / azul   /*/
}

#capa_baja {
    width: 100%;
    height: 120px; /*background-color: #39434d;	background-color: #f7f7f7;	background-color: #1B5083;*/ /*background-color: #3A404C;	/*background-color: #DDDDDD;*/ /*background-repeat: repeat-x;
	background-image: url(../recursos/bg-gray-gradient.jpg);*/
    background-color: #282828;
}  

#capa_derechos {
	width: 100%;
	height: 150px; /*background-color: #39434d;	background-color: #f7f7f7;	background-color: #1B5083;*/ /*background-color: #3A404C;	/*background-color: #DDDDDD;*/
	/*background-repeat: repeat-x;
	background-image: url(../recursos/bg-gray-gradient.jpg);*/
	background-color: #FAA831;
	background-color: #39434d;
	background-color: #1B5083; 
	background-color: #3A404C;
}  



#capa_miplan {
    width: 100%;
    height: 120px;
    /*background-color: #005CC1;
    background-repeat: repeat-x;
    background-repeat: repeat;
	background-image: url(../recursos/bg-footer1.jpg); */
    color: White; 
    font-size: 40px; 
    line-height: normal;
}       




/*--------------------------------------------------------------------------------------------------------------------------------------*/

#sec_firma  {
  width: 700px;
  float: left;   
}  

#sec_anima  {
  width: 500px;
  float: right;  
  padding-top: 5px;
  
}  


.lbl_detalle {
 float: left; 
 width: 150px; 
 text-align: right; 
 padding-right: 10px; 
 padding-top: 4px;
 }  

.cmp_detalle {
 float: left; 
 width: 400px; 
 text-align: left;
 }


#sec_logo {
	width: 288px;
	height:106px;
	float: left;
}

#sec_titulo {
	width: 624px;	
	float: left;			
}

#sec_modulo {
	width: 100%;
	height: 52px;			
}

#sec_barra {	
	width: 100%;
	height: 52px;
	padding: 0;
	margin: 0 auto;
	background: url(../recursos/cintilla_sup_624.png) no-repeat;
} 
 
#sec_admon {
	width: 288px;
	height:106px;
	float: right;
} 
 
 
#capa_media 
{
	width: 1200px;
/*	height: 570px;*/
	margin: 0 auto;
	padding: 0 0px;
	
	background: url(../recursos/fondo_superior.png) no-repeat center top;	
	background-color: #051A5B;	
}
 
#sec_sap {
	width: 100%;
	height: 377px;			
}

#sec_info {
	width: 100%;
	height: 200px;			
}

#sec_dom {
	width: 288px;	
	float: left;
	padding-top: 30px;
	padding-left: 30px;
}

#sec_con {
	padding-top: 100px;
	width: 570px;	
	float: left;
}

#sec_ini {
	padding-top: 110px;
	width: 288px;	
	float: right;
}


#sec_firma_bienvenida {
    width: 550px;
    height: 250px;
    float: left;    
    margin-left: 50px;
    text-align: justify;
    background: url(../recursos/marco_01.png) no-repeat; 
}


#sec_firma_acceso {
    width: 600px;
    height: 250px;
    float: right;
    text-align: center;    
}

     

     
#img_escudo 
{	width: 76px;
	height: 90px;
	margin-top: 5px;
	margin-left: 5px;
/*	background-color:Green; 
	background-position:center;*/
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	border: 0px;
	float: left;

   }	       
          
#tit_univer
{	width: 640px;
	height: 45px;	
	font-size: 32px;
	font-family: Calisto MT;     
	color: White;
	text-align:left;
	padding-top: 20px;	
	padding-left: 5px;
	float: left;
	border: 0;	
}	            

#tit_modulo
{	width: 640px;
	height: 30px;	
	font-size: 24px;
	font-family: Calisto MT;     
	color: White;
	text-align:left;
	padding-top: 5px;	
	padding-left: 5px;
	float: left;
	border: 0;	
}	            



  

#tit_fecha
{	width: 220px;
	height: 24px;
	margin-top: 5px;
	font-size: 12px;
	font-family: Calisto MT;     
	font-weight:bold;
	color: #404040;	
	text-align:right;
	float: right;
	border: 0;	
}	          
          
   
#site_title { float: left; margin-top: 10px; }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; width: 640px; padding: 0px 0 0 85px; border: 0px;
                   font-size: 12px; color: #999; text-align: left; 
                   }

      
   

#capa_menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#capa_menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#capa_menu ul li a{
	position: relative;
	float: left;
	width: 100px;
	display: block;
	height: 40px;
	padding: 19px 0 0 0;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #ca9b95;	
	font-weight: bold;
	outline: none;
}

#capa_menu li a:hover, #capa_menu li .current{
	color: #ffffff;
	background: url(../recursos/bg_boton_hover_azul.png) no-repeat center bottom; 
}




#capa_media22
{
	height: 245px;
	padding: 35px 35px 70px 35px;
	background: url(../recursos/fondo_firma.png) no-repeat;
	
}


#capa_media2 {
	height: 345px;
	padding: 35px 35px 70px 35px;
	background: url(../recursos/fondo_firma.png) no-repeat
}

#capa_media3 {
	height: 545px;
	padding: 35px 35px 70px 35px;
	background: url(../recursos/fondo_firma.png) no-repeat
}



#sec_presenta {
    width: 400px;
    height:250px;
    float: left;
    text-align: justify;
    background: url(../recursos/marco_01.png) no-repeat; 
}
 

 
 .fir_campo_texto {
	float: left;
	display: block;
	height: 30px;
	line-height: 20px;
	width: 180px;
	color: #999;
	font-size: 12px;
	padding: 0 5px;
	font-variant: normal;
	border: none;	
	background: none;
    }
    
 .fir_panel_izq
    { 	float: left;
    	width: 250px; 
    	height: 35px;
    	text-align: right;
    	
    	display: block;	
    	font-size: 16px;
        color: #fff;
    	border: none;	 
	    background: none;
    }     	
    	
   .fir_panel_der
    {
    	float: left;
    	width: 400px;
        height: 35px;  
        text-align: left;
            	
      	display: block;	    	
    	padding-left:10px;    	
     }     	
  	
   	     
   .fir_panel_msg
    { 	float: left;
    	width: 430px; 
    	text-align: left;
    	height: 35px;
    	display: block;	
      	font-size: 12px;
    	font-style: italic;
        color: #fff;
        color: red;
    	border: none;	 
	    background: none;
    }    	     
     
  .fir_boton_ace
    { 	float: left;
    	width: auto;
    	}    	
 
  .fir_boton_reg
    { 	float: right;
    	width: auto;
    	}    
    	


 
 
/**********************************************************************************************************************/ 

 #menu { background-image: url(../recursos/bg_body_menu.png); }


/* Menu */
#mi_menu {
	float: right;
	width: 100%;
	height: 50px;
	padding-top:10px;
}

#mi_menu ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 60px;
}

#mi_menu ul li {
	display: inline;
}

#mi_menu ul li a
{
	position: relative;
	float: left;
	width: 140px;
	height: 50px;
	display: block;
	padding: 0;
	margin-right: 15px; /*margin-bottom: 10px;*/ /*font-family: 'Franklin Gothic Medium Cond';*/
	font-size: 20px;
	font-weight: bold;
	color: #088ADA;
	color: Black;
	text-decoration: none;
	line-height: 28px; /*	color: #ca9b95;		font-weight: bold;  font-weight: 400; */
	outline: none;
	text-align: center;
}


#mi_menu ul li a:hover, #mi_menu li a.selected
{
	/*color: #ffffff;*/
	color: #FFFFFF;
	color: #088ADA;
	color: White;
	background: url(../recursos/bg_btn_hover_orange.png) no-repeat center bottom;
	background-color: #3399FF;
}

#mi_menu li a:hover, #mi_menu li .current
{
	position: relative;
	color: #FF9900;
	background: url(     '../recursos/menu_hover_r.jpg' ) bottom right no-repeat;
	
}

#mi_menu li a:hover span, #mi_menu li .current span	{
	position: absolute;
	display: inline-block;
	width: 7px;
	height: 48px;
	bottom: 0px;
	left: -7px;
	background: url('../recursos/menu_hover_l.jpg') left bottom no-repeat;
	/*background-color: #0F629A;*/
}

.cls .dxeEditAreaSys {  
    -webkit-user-select: none !important;  
    -moz-user-select: none !important;  
    -ms-user-select: none !important;  
    user-select: none !important;  
}  
