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


@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Open Sans'),
         url(opensans.eot) format('embedded-opentype'),
         url(opensans.ttf) format('truetype'),
         url(opensans.otf) format('opentype'),
         url(opensans.woff) format('woff');
}

body{
	background-color:#fafafa;
	}
	
.celda{
	background-color:#F4F4F4;
	border-bottom: thin solid #fff;
	text-align: center;
	padding: 1.5%;
	
	}

.celda2{
	background-color:#007fa3;
	border-bottom: thin solid #fff;
	text-align: center;
	padding: 1%;
	color: #fff;
	}

.celda_form{
	padding: 1%;
	}

.boton{
	margin-top: 2%;
	}



.celda2:hover{
	text-decoration: none;
	
	}

.superior{
	margin-bottom: 1%;
	}
		
	
.blanco{
	background-color:#fff;
	width:100%;
	}

.tabla{
	margin-top: -20px;
	margin-bottom: 2%;
	}

.gris{
	background-color:#f2f2f2;
	width:100%;	
	}

p {
	font-size:18px;
	color:#505759;	
	}

.cajaDic {
	margin-bottom:5px;
	margin-top:5px;
		}	

.navegacion {
	margin-top:0px;	
	margin-bottom:0;
	background-color:#003057;
	border:none;
	border-radius:0;
	color:#fff;
	}
	
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent;
}
	
.navbar-default .navbar-nav > li > a {
    color: #fff;
    background-color: transparent;
}
	
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #003057;
    text-decoration: none;
    background-color: #007fa3;
}		
	
.logo{
	padding-top:30px;	
	padding-left:6%;
	padding-bottom:30px;
	background-color:#fff;
	}
	
.button	{
	border:none;
	}
	
.principal	{
	background-color:#f2f2f2;
	}

.series	{

	}
	
.seriesInterior{

	}	

.submenu	{
	background-color:#e4e5e5;
	height:auto;
	line-height:40px;
	margin-bottom:30px;
	}
		
.items	{
	padding-left:4%;
	}
	
.items li	{
	list-style:none;
	float:left;
	padding:0 2% 0 2%;
	font-size:1em;
	}
	
.items li:hover	{
	background-color:#007fa3;
	color:#fff;
	}
	
.items li:focus	{
	background-color:#007fa3;
	}		

.items a	{
	text-decoration:none;
	color:#505759;
	}
p a {
	text-decoration:none;
	color:#9e007e;
	}	
		
	
.caja	{
	padding:2%;
	margin-bottom:20px;
		}	
		
		
.cajaDic {
	margin-bottom:10px;
		}			
		
.cajaBanners	{
	padding:6%;
	margin-bottom:100px;
	background-color:#ooo;
	
		}	
		
.banner	{
	padding-left:0px;
	
		}	
			
.goldXP	{
	text-align:center;
	background-color:#003057;
	color:#fff;
	margin-top:4px;
	padding:8px;
	font-size:16px;
	border-radius:10px;
	
		}
		
.goldXP a {
	color:#fff;
	
		}	
		
.goldXP a:hover {
	color:#d2db0e;
	
		}					
			
.video {
	padding-top:40px;
	
		}						
									
			
		
				
		
h1	{
	font-family: Times, "Times New Roman", serif;
	color:#007fa3;
	font-size:40px;
	padding-left:8%;
	padding-bottom:10px;
		}

.sign	{
	font-family:Times, "Times New Roman", serif;
	color:#007fa3;
	font-size:40px;
	padding-bottom:10px;
		}


h3	{
	font-family:Times, "Times New Roman", serif;
	color:#fff;
	font-size:1.2em;
	background-color:#003057;
	text-align:center;
	padding:10px 4px 4px 4px;
		}
		
.segmento{
	font-family: Times, "Times New Roman", serif;
	color:#007fa3;
	font-size:2.5em;

		}		
		

h4	{
	font-family: Arial, sans-serif;
	color:#003057;
	font-size:2em;
		}				
		
	
.items a:hover	{
	text-decoration:none;
	color:#fff;
	}			
	
footer	{
	background-color:#003057;
	color:#d4eae4;
	padding-top:20px;
	padding-left:10%;
	padding-bottom:20px;
	font-size:16px;
	}
	
footer a{
	color:#fff;
	}
	
	

footer a:hover{
	color:#d2db0e;
	text-decoration:none;
	}	
	
footer a:focus{
	color:#d2db0e;
	text-decoration:none;
	}		

footer h5{
	padding-bottom:0px;
	padding-top:12px;
	font-size:12px;
	}
	

footer ul{
	list-style:none;
	margin-top:10px;
	font-size:14px;
	}
	
footer ul li{
	list-style-position:outside;
	margin-left:-40px;
	font-size: 10px;
	}	

.level{
	background-color:#007fa3;
	color:#fff;
	font-weight:bold;	
	}	

.sample{
	background-color:#003057;
	color:#fff;
	font-weight:bold;
	}		
	
.books{
	background-color:#CCCCCC;
	}		

.caja h5{
	font-size:1.7em;
	color:#C06;
	margin-top:4px;
	margin-left:4%;
	font-family:Times, "Times New Roman", serif;
	}		
		

.icono{
	padding:4%;
	float:left;
	clear:right;
	}		

.partners{
	float:left;
	padding-right:3%;
	}		

.perfect{
	height:auto;
	}
	
.tapa{
	height:auto;
	}
	
a {
	color:#003057;
	}				
	
	
a:hover {
	color:#007fa3;
	text-decoration:none;
	}				
		
.imagen {
 	margin:auto;
}
		
		
		
@media (max-width: 768px) {
	
.redes	{
	margin:20px;
	}
	
.blanco{
	margin-left:4%;
	max-width:680px;
	}

footer ul{
	border-bottom: thin #FFF solid;
	padding-bottom:20px;
	max-width:90%;
	}
	

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a, a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #007fa3;
	margin-bottom:2px;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a, a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #007fa3;
	margin-bottom:2px;
}

.navbar-default .navbar-nav .open .dropdown-menu a  {
    color: #fff;
    background-color: #007fa3;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #003057;
    background-color: #007fa3;
    margin-bottom: 2px;
}

.margen{
	margin:5%;
	}

}

	
@media (max-width: 320px) {	
	
footer ul{
	border-bottom: thin #FFF solid;
	padding-bottom:20px;
	max-width:90%;
	margin-left:8%;
	}
	
.redes	{
	margin:20px;
	}
	
.blanco{
	margin-left:4%;
	max-width:260px;
	}
	
footer h5{
	margin-left:8%;
	}

.logo{
	margin-top:2%;	
	}