@charset "utf-8";
/* CSS Document */

body{
	background:#657783;
	margin:0 auto;
	padding:0;
	right:0;
	top:0;
}

@font-face {
	    /*font-family: "Header";*/
		font-family:Tahoma, Geneva, sans-serif;
	    font-style: normal;
	    font-weight: normal;
	    src: local("?"), url("micross.ttf") format("truetype");
}


@font-face {
	    font-family: "Menu";
	    font-style: normal;
	    font-weight: normal;
	    src: local("?"), url("MetaBold-Roman.otf") format("otf");
}

.header{
	background-image:url(../imagen/white_paper_texture_background_seamless_pattern.jpg);
	height:170px;
}

.logo{
	position:relative;
	background-image:url(../imagen/logo.png);
	/*background-image:url(../imagen/logo-navida.jpg);*/
	background-repeat:no-repeat;
	width:308px;
	height:160px;
	left:12%;
}

.texto_header{	
	position:relative;
	margin-left:55%;
	margin-top:-120px;
	font-size:20px;
	font-family:Header;
	color:#58595B;	
	width:400px;
}

.facebook {
	border:0;
	position:static;
	width:32px;
	height:32px;
	margin-left:81%;
	margin-top:5px;	
	width:80px;
}



.menu{
  background:#424243;
  height:50px;  
  margin-left:10%;
  margin-right:10%;
  margin-top:3px;
  padding-top:5px;
}

.menu li{
	float:left;
	line-height:25px;
	list-style:none outside none;
	margin:0;
	padding-left:15px;
	
}

.menu a, a:focus, a:visited{
	color:#A6A8AA;
    font:Menu;
    font-size:18px;
	text-decoration:none;
	
}

.menu a:hover, a:active {
	color:#FFF;
    font:Menu;
    font-size:18px;
	text-decoration:none;
}

.contenedor{
	background:#EFF0F0;
	height:100%;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	z-index:0;
	margin-top:-20px;
}

.resena{
   position:relative;
   margin-left:5%;
   width:23%;
   float:left;
   
}

.resena h3{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	color:#304479;
    width:auto;
}

.resena p{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;
   width:auto;
   text-align:justify;
}

.resena img{
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.mision{  
   position:relative;   
   float:left;
   margin-left:9%;
   width:23%;
}

.mision h3{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	color:#304479;
    width:auto;
}

.mision p{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;
   width:auto;
   text-align:justify;
}

.mision img{
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}


.calidad{
   margin-left:69%;  
   margin-right:2%;
   width:23%;
}

.calidad h3{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	color:#304479;
    width:auto;
}

.calidad p{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;
   width:auto;
   text-align:justify;
}

.calidad img{
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.imagen_3{
   margin-left:10%;
   width:auto;
}

.menu-icono{
  clear:both;  
  height:50px; 
  margin-top:3px;
  padding-top:5px;
}

.menu-icono li{
	float:left;
	line-height:20px;
	list-style:none outside none;
	margin:0;
	padding-left:15px;
	
}

.menu-icono a{
	position:relative;
	color:#808183;
    font:Menu;
    font-size:20px;
	text-decoration:none;	
}

.menu-icono a:hover{
	position:relative;
	color:#A6A8AA;
    font:Menu;
    font-size:20px;
	text-decoration:none;	
}

.limpiar{
	 clear:both;
}


.footer{
	background-image:url(../imagen/white_paper_texture_background_seamless_pattern.jpg);
	height:72px;
}

.text_footer{	
	position:relative;
    font-family:Header;
	color:#808183;
	font-size:18px;
}


.boton{
	position:static;
	margin-top:-12px;
	width:160px;
	height:30px;
	margin-left:74%;	
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.boton_examen{	
	height:35px;
	font-family:Header;
	font-size:14px;
	color:#58595B;
	font-weight:bold;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	width:135px;
}

.servicio{
   position:relative;
   margin-left:5%;   
   width:90%;
   margin: 20px auto;	
}

.cabecera_p{
	padding-top:3%;	
}

.servicio p{
	font-family:Tahoma, Geneva, sans-serif;
    font-size:21px;
    color:#262424;
    width:auto;
    text-align:justify;
}

.img_servicio{
	float:left;
}

.span_servicio{
	position:static;
	margin-top:5%;
	margin-left:2%;
	font-family:Tahoma, Geneva, sans-serif;
    font-size:22px;
    color:#262424;
    width:230px;
    text-align:justify;
}

.span_servicio_1{
	position:static;
	margin-top:2%;
	margin-left:5%;
	font-family:Tahoma, Geneva, sans-serif;
    font-size:22px;
    color:#262424;
    width:240px;
    text-align:justify;
}


.span_servicio_2{
	position:static;
	margin-top:2%;
	margin-left:3%;
	font-family:Tahoma, Geneva, sans-serif;
    font-size:22px;
    color:#262424;
    width:260px;
    text-align:justify;
}

.span_servicio_3{
	position:static;
	margin-top:2%;
	margin-left:3%;
	font-family:Tahoma, Geneva, sans-serif;
    font-size:22px;
    color:#262424;
    width:258px;
    text-align:justify;
}

.celda_1{
	border-right:solid 1px #A6A8AA;
	border-top:solid 1px #A6A8AA;
	border-bottom:solid 1px #A6A8AA;	
}

.celda_2{
	border-left:solid 1px #A6A8AA;
	border-top:solid 1px #A6A8AA;
	border-bottom:solid 1px #A6A8AA;	
}

.cabecera_beneficio{
	padding-top:2px;	
}


.boton_beneficio{
	position:relative;
	margin-top:5px;
	width:160px;
	height:30px;
	margin-left:74%;	
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.convenio{
   position:relative;    
   width:auto;
   margin-top:20px;  
   margin-left:5%;
   margin-right:1%;
}

.cabecera_convenio{
	padding-top:1px;	
}


.texto_convenio{	
	font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#262424;    
    text-align:justify;
}

.boton_contacto {
	background-color: #5C7683;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #000000;
	padding: 4px;
	margin: 0px;
}

.intro_contacto{
   position:relative;
   margin-left:5%;
   width:23%;
   float:left;   
}

.intro_contacto img{
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}


.formulario{   
   margin-left:69%;  
   margin-right:2%;
   width:25%;
}


.cuerpo1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#262424;    
    text-align:left;
}

.cuerpo1 a{
	color:#002458;
	text-decoration:none;
}


.cuerpo1 a:hover{
	color: #BE0E34;
}

.formulario_login{	
   position:relative;   
   float:left;
   margin-left:9%;
   width:48%;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;    
   text-align:left;
	
}

.formulario_login h3{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:24px;
   color:#262424;  
}

.formulario_login p{
	font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    color:#262424;
}


.formulario_login img{
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.formulario_ingreso{	
   position:relative;   
   float:left;
   margin-left:5%;
   width:43%;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;    
   text-align:left;
}

.formulario_ingreso h3{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;  
}

.style6{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:17px;
   color:#900;   	
}


.formulario_orden{
   position:relative;   
   float:left;
   margin-left:5%;
   width:60%;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:20px;
   color:#262424;    
   text-align:left;
}


.iconos_navegador{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:14px;
   color:#262424; 
}

.iconos_navegador a, a:hover{
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   color:#000; 
}