/* CSS by crea7ive.cl */
@import url('../css/normalize.min.css');
@import url('../css/font-awesome.min.css');

* { margin: 0 auto; padding: 0; border:0; }
* {outline:none; }
*:focus {outline:none; }
a:focus {outline:none; }
*:active {outline:none; }
*:hover {outline:none; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
::-moz-selection { color:#fff; background: #0E72C6; text-shadow: none; }
::selection { color:#fff; background: #0E72C6; text-shadow: none; }

body { background: #f2f2f2; color:#444; font-family: 'Arial', sans-serif; font-weight: 400; font-size: 1em; line-height: 1.4; margin: 0 auto; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
img { vertical-align: middle; border:0; }
hr { width: 100%; height:1px; background:#ddd; margin: 10px auto; }

html { scroll-behavior: smooth; }

.chromeframe { margin: 0.2em 0; background: #eee; color: #777; padding: 0.2em 0; }
.text-right { text-align:right; }

h1, h2, h3, h4, h5 { margin: 0 auto; padding: 0; border:0; font-weight:600; width:100%; overflow: hidden; }

h1 { font-size: 28px; color: #0E72C6; }
h2 { font-size: 23px; color: #0E72C6; }
h3 { font-size: 23px; color: #414141; }
h4 { font-size: 18px; color: #0E72C6; }
h5 { font-size: 17px; color: #0E72C6; }

button, input[type=submit], input[type=button], input[type=reset] { background: #0f69c4; padding: 12px 0; color: #fff; font-weight:200; font-size: 14px; cursor: pointer; border: 0; text-transform:uppercase; letter-spacing:.5px; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { opacity: .95; }
input[type=text], textarea, select, input[type=email], input[type=tel], input[type=password]  { padding: 10px; border: 1px solid #e5e5e5; color: #666; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;  transition:.3s;} 
input[type=text]:hover, select:hover, textarea:hover, input[type=tel]:hover, input[type=email]:hover, input[type=password]:hover { color: #666; border-color: #ccc; }

a { color: #0E72C6; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a:visited, a:link { color: #0E72C6; } 
a:hover { color: #222; text-decoration: none; }

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-evens { display:none; }
.pace .pace-progress { background:#0E72C6; height:1px; position:fixed; z-index: 2000; top:0; right:100%; width: 100%; }

/* Wrapper */

.wrapper { width:100%; height:auto; border:0; margin:0 auto; padding:0; }

/* Header */

.header { width:100%; margin:0 auto; background-color: #FFF; box-shadow: 0px 4px 20px -12px rgba(0,0,0,0.3); position:relative; z-index:999; }
.header .h-content { width: 94%; max-width:1100px; border:0; position:relative; text-align:left; }
.header .h-content .h-left { display:inline-block; width: 25%; vertical-align:top; margin:16px auto; border:0; text-align:left; font-size: 17px; }
.header .h-content .h-left a { color:#999; font-weight:normal; }
.header .h-content .h-left a span { font-weight:bold; color:#333; }
.header .h-content .h-left i { color:#F92710; }

.header .h-content .h-right { display:inline-block; width: 73%; vertical-align:top; border:0; }

.header .h-content .menu { width:100%; margin:0 auto; padding:0; }
.header .h-content .menu ul { list-style-type: none; margin:0 auto; padding:0; position:relative; width:100%; max-width:1200px; text-align:right; }
.header .h-content .menu ul li { display:inline-block; width:auto; margin: 0 10px; background:url(../img/down.png) right center no-repeat; }
.header .h-content .menu ul li:last-child { margin-right: 0; padding:0; }
.header .h-content .menu ul li:first-child { margin-left:0; background:none; }
.header .h-content .menu ul li a { padding: 0 15px 0 0; line-height: 60px; color:#0f69c4; font-size:15px; letter-spacing: .3px; text-decoration: none; }
.header .h-content .menu ul li a:hover { border-bottom:0; text-decoration: none; color:#333; }
.header .h-content .menu ul li a.active { border-bottom:0; text-decoration: none; color:#333; }

.header .h-content .menu li ul { position: absolute; width:330px; top:0; left: 0; margin-top:0; margin-left:-70px; top: auto; left: auto; text-align:left; }
.header .h-content .menu li .sub li { width:100%; float:none; margin: 0; z-index:999; padding: 0; text-align: left; height:36px; line-height: 36px; }
.header .h-content .menu li .sub li { border-bottom:1px solid #f8f8f8; background: none; }
.header .h-content .menu li .sub li:last-child { border-bottom:0; }
.header .h-content .menu li .sub li a { color:#666; border:0; text-transform: none; padding: 0 4px 0 10px; display: block; font-size: 15px; text-align:left; line-height: 36px; background:none; font-weight:500; letter-spacing: -.3px; }
.header .h-content .menu li .sub li a:hover { color:#0f69c4; border:0;}
.header .h-content .menu li .sub .descripcion { font-size: 14px; line-height: 18px; padding: 10px; height: auto; background: #fff7eb; border: 0; color: #333; }

.header .h-content .menu li .sub { box-shadow: 0 3px 8px rgba(0, 0, 0, .42); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; }
.header .h-content .menu li .sub li a strong { color: #0b2164; }

.header .h-content .menu ul { background: rgba(255, 255, 255, 1); border:0; }
.header .h-content .menu ul li.active ul {  background: none; }
.header .h-content .menu ul li:hover ul { padding: 0; line-height: 30px; z-index:999; margin-top:0px; border-bottom:1px solid #FFF; visibility: visible; opacity: 1; }

.header .h-content .menu .rwd, 
.header .h-content .menu .rwd-button { display:none; }

.breadcrumb { margin: 100px auto 0 auto; width:100%; box-shadow: 0px 4px 20px -12px rgba(0,0,0,0.3); background-color: #09132e; }
.breadcrumb ul { width: 94%; max-width:1100px; list-style-type: none; margin:0 auto; padding:5px 8px 8px 0; border:0; text-align:left; position:relative; }
.breadcrumb ul li { text-align:left; font-size:15px; display:inline-block; }
.breadcrumb ul li a { font-size:13px; color:#FFF; }
.breadcrumb ul li a:hover { color: #EEE; text-decoration: underline; }
.breadcrumb ul li i { padding: 0 5px; color:#bbb; }


/* Buscador */

.slide { background-color:#0E72C6; width:100%; float:none; margin: 20px auto 30px auto; border-radius: 5px; }
.slide .search { display:block; width: 94%; max-width:1100px; margin:0 auto; padding: 20px 0 25px 0; text-align:left; }
.slide .search h2 { font-size:24px; color: #FFF; font-weight:600; margin: 0 auto; padding:0; display:block; text-align:left; }
.slide .search p { color:rgba(255,255,255,1); margin: 5px 0 0 0; font-size: 17px; }
.slide .search p strong { color:rgba(255,255,255,1); margin: 0; }
.slide .search span { color:rgba(255,255,255,.9); margin: 15px 0 5px 0; font-size: 15px; display:block; line-height: 20px; }
.slide .search .box2 { display:block; background: #FFF; border-radius:5px; padding: 0; width:100%; margin: 15px auto; border:0; overflow:hidden; }
.slide .search .box2 form { width:100%; overflow:hidden; position:relative; text-align:left; }
.slide .search .box2 form .opcion { display:block; float:left; border:0; border-right: 1px solid #ddd; width: 35%; margin:0; padding:0; color:#212121; background:#FFF url(../img/down.png) 95% 50% no-repeat; border-radius: 0; height:50px; }
.slide .search .box2 form .opcion select { cursor:pointer; background: none; padding: 0 10px; font-size: 17px; border: 0; width:100%; height: 48px; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.slide .search .box2 form .comuna { border:0 !important; }
.slide .search .box2 form .buscar { border:0; margin:0; width:30%; display:block; float:right; }
.slide .search .box2 form .buscar button { width:100%; border:0; color:#fff; text-transform:none; line-height: 50px; font-weight: 600; background: #D93126; padding:0; transition: .3s; font-size:17px; border-radius: 0; }
.slide .search .box2 form .buscar button:hover { opacity:.95; }

/* ===== Content  ====== */

.content { width:94%; max-width: 1100px; margin:20px auto; position:relative; overflow: hidden; }

.content .main { width:100%; float:none; margin:0 auto; padding:0; border:0; position:relative; }

.content .main .intro { width:100%; overflow:hidden; padding: 0 20px 10px 20px; margin:0 auto; background:#FFF; position:relative; text-align: left; transition: .3s; border-radius:5px; border:1px solid #ddd; }
.content .main .intro .intro-img { float:left; width: 18%; overflow:hidden; margin: 0 3px 20px 0; box-shadow:0 4px 30px -12px rgb(0 0 0 / 40%); }
.content .main .intro .intro-img img { width: 100%; height:auto; object-fit: cover; max-width: 600px; }
.content .main .intro .intro-texto { float:right; width: 79%; overflow:hidden; margin: 0; }
.content .main .intro h1 { font-size: 26px; margin-top: 20px; margin-bottom: 20px; color:#333; line-height: 31px; }
.content .main .intro h2 { font-size: 24px; color: #333; padding: 0; margin: 5px 0; }
.content .main .intro h3 { font-size: 19px; color: #534000; padding: 10px 0 5px 0; margin: 20px 0 0 0; }
.content .main .intro h4 { font-size: 18px; color: #333; padding: 0; margin: 25px 0 20px 0; }
.content .main .intro p { font-size: 17px; font-weight:400; color:#666; width: 100%; margin: 0 0 20px 0; display: block; overflow:hidden; }
.content .main .intro p.bottom { font-size: 17px; font-weight:400; color:#666; float:left; width: 100%; margin: 10px 0 20px 0; }
.content .main .intro p strong { color:#444; font-weight:600; }
.content .main .intro .subtitle { color:#444; margin: 1px 0 10px 0; font-size: 22px; font-weight:500; }
.content .main .intro .subtitle a { font-weight: 600; }
.content .main .intro .subtitle a:hover { font-weight: 600; text-decoration: underline; }
.content .main .intro ul { list-style-type: none; margin:20px 0 10px 0; padding: 0; width:100%; overflow:hidden; position:relative; text-align: left; }
.content .main .intro ul li { background:url(../img/li.png) left 9px no-repeat; padding-left:10px; color: #555; font-size:17px; margin: 0 0 8px 0; font-weight: 300; width:100%; line-height: 20px; }
.content .main .intro .descargar { text-decoration:none; font-weight:bold; margin: 10px 30px 20px 0; padding: 0 25px; max-width:300px; width: 22%; text-align: center; border-radius: 5px; font-size: 17px; display: block; float:left; color: #333; background: #fed13a; line-height: 50px; box-shadow:0 4px 30px -12px rgb(0 0 0 / 40%); }
.content .main .intro .descargar2 { text-decoration:none; font-weight:bold; padding: 0 25px; min-width:230px; width: auto; text-align: center; border-radius: 3px; font-size: 15px; display: block; float:left; color: #333; background: #fed13a; margin: 15px 0 30px 0; line-height: 50px; box-shadow:0 4px 30px -12px rgb(0 0 0 / 40%); }
.content .main .intro .descargar:hover { box-shadow:0 4px 30px -12px rgb(0 0 0 / 80%); }

.content .main .intro .resueltos { text-decoration:none; font-weight:bold; margin: 10px 30px 20px 0; padding: 0 25px; max-width:300px; width: 22%; text-align: center; border-radius: 5px; font-size: 17px; display: block; float:left; color: #fff; background: #1A6ED2; line-height: 50px; box-shadow:0 4px 30px -12px rgb(0 0 0 / 40%); }
.content .main .intro .resueltos:hover { box-shadow:0 4px 30px -12px rgb(0 0 0 / 80%); }
.content .main .intro .biologia { color:#fff; background: #6AB542; }
.content .main .intro .historia { color:#fff; background: #CE1D61; }
.content .main .intro .quimica { color:#fff; background: #81B540; }

.content .main .intro2 { margin:30px auto; padding: 10px 20px; }
.content .main .intro2 { margin:30px auto; }
.content .main .intro3 { margin:30px auto; padding: 10px 20px; }
.content .main .intro4 { margin:30px auto 17px auto; background: #fff7eb; border:1px solid #fdd380; padding: 20px 25px 5px 20px; }
.content .main .intro4 .subtitle { font-weight: 600; color:#333; }
.content .main .intro4 ul li a { font-weight: 400; }

.content .main .ficha { margin: 30px auto; padding: 20px 25px 5px 20px; }
.content .main .ficha .subtitle { margin: 0 20px 20px 0; color:#0e72c6; font-weight: 600; }

.content .main .levels { width: 100%; overflow:hidden; border:0; margin: 0 auto; }
.content .main .levels-bottom { margin: 0 auto; }
.content .main .levels-bottom .courses { margin: 15px auto !important; }
.content .main .levels .level { width: 100%; overflow:hidden; background:#FAFAFA; border:1px solid #e5e5e5; padding: 20px; margin: 0 auto 15px auto; border-radius:5px; transition: .3s; }
.content .main .levels .level:hover { background: #FFF; box-shadow:0 4px 20px -12px rgb(0 0 0 / 10%); }
.content .main .levels .level h3 { margin: 0; width:100%; font-size: 18px; line-height: 30px; cursor:pointer; color: #0E72C6; letter-spacing: 0; background: none; border-bottom: 3px solid #fed13a; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.content .main .levels .level h3 a { display:block; }
.content .main .levels .level p { margin: 10px 0 20px 0; font-size:17px; color:#888; line-height: 22px; font-weight: 300; }
.content .main .levels .level .descargar { text-decoration:none; font-weight:bold; margin: 25px 0 30px 0; padding: 0 25px; min-width:250px; width: auto; text-align: center; border-radius: 5px; font-size: 17px; display: block; float:none; color: #333; background: #fed13a; line-height: 50px; box-shadow:0 4px 30px -12px rgb(0 0 0 / 40%); max-width: 270px; }
.content .main .levels .level .descargar:hover { box-shadow:0 4px 30px -12px rgb(0 0 0 / 80%); }

.content .main .levels .level ul { list-style-type: none; }
.content .main .levels .level ul li { line-height: 20px; padding: 10px; border-bottom: 0; margin: 0; float:left; width:33%; min-height: 60px; background: none; }
.content .main .levels .level ul li a { color: #465C7A; }
.content .main .levels .level ul li a:hover { color: #0E72C6; }
.content .main .levels .level ul li .fa { float:left; margin: 0 7px 20px 0; }
.content .main .levels .level ul li img  { width:100%; height: auto; }
.content .main .levels .level ul li:hover { background: #f5f5f5; }

.content .main .levels .level ul li .color1 { color:#7F2A94; } /* lengua y literatura, comprension y expresion oral y escrita */
.content .main .levels .level ul li .color2 { color:#B41812; } /* emprendimiento y gestion */
.content .main .levels .level ul li .color3 { color:#C91563; } /* historia, educacion ciudadania, filosofia, estudios sociales, sociologia */
.content .main .levels .level ul li .color4 { color:#8CC655; } /* ciencias naturales, quimica, fisica, biologia */
.content .main .levels .level ul li .color5 { color:#2A84CD; } /* matematica */
.content .main .levels .level ul li .color6 { color:#44AFEA; } /* ingles */
.content .main .levels .level ul li .color7 { color:#C6C6C6; } /* primer grado */
.content .main .levels .level ul li .color8 { color:#CC6821; } /* texto estudiante */

.content .main .levels .level ul li:last-child { border:0; }
.content .main .levels .level .fa-angle-down { float:right; cursor:pointer; width: 30px; height:30px; font-size: 20px; font-weight:600; line-height: 30px; text-align: right; }  
.content .main .levels .level .level-c { clear:both; float:none; width:100%; overflow:hidden; position: relative;} 
.content .main .levels .level .level-f { display: block; }
.content .main .levels .level .level-c-detail { display:block !important; }

.content .main .levels #primero,
.content .main .levels #segundo,
.content .main .levels #tercer,
.content .main .levels #cuarto,
.content .main .levels #quinto,
.content .main .levels #sexto,
.content .main .levels #septimo,
.content .main .levels #octavo,
.content .main .levels #noveno,
.content .main .levels #decimo,
.content .main .levels #primerob,
.content .main .levels #segundob,
.content .main .levels #tercerob { scroll-margin-top: 6rem; scroll-padding-top: 6rem; }

.content .main .levels .course { width: 100%; overflow:hidden; background:#fff7eb; border:1px solid #e5e5e5; padding: 0; margin: 30px auto 15px auto; border-radius:5px; transition: .3s; }
.content .main .levels .course h2 { font-size: 22px; background: #fed13a; color: #333; border-radius:0; padding: 15px 20px; margin: 0 0 20px 0; }
.content .main .levels .course h3 { font-size: 22px; color: #333; border-radius:0; padding: 20px; margin: 0; line-height: 28px; }
.content .main .levels .course p { margin: 10px 0 20px 0; font-size:17px; color:#888; line-height: 22px; font-weight: 300; padding: 0 20px; }
.content .main .levels .course ul { list-style-type: none; padding: 0 20px; position:relative; text-align: left; }
.content .main .levels .course ul li { line-height: 20px; padding: 8px 0; border-top: 1px solid #eee; margin: 0; }
.content .main .levels .course ul li .fa { float:left; margin: 0 7px 20px 0; }

.content .main .levels .courses { margin: 30px auto; }
.content .main .levels .courses ul li { display:inline-block; width: 49%; padding:10px 0; border-top:0; border-bottom: 1px solid #eee; vertical-align: top; }

.detail .main { float:none; width:100%; }
.detail .sidebar { display:none; }

.content .message { width:100%; overflow:hidden; padding: 15px 20px 20px; margin:15px auto 0 auto; position:relative; text-align: left; transition: .3s; border-radius:5px; background-color: #e5f1ff; border:1px solid #8FC2FF; }
.content .message strong { color:#09132e; }
.content .message p { color:#555; font-size:17px; font-weight: normal; }
.content .message .fa-info-circle { color:#0f69b4; }
.content .message .fa-question-circle { color:#0f69b4; font-size: 20px; }
.content .message .fa-download { color:rgba(255,255,255,.95); background: #171717; width: 24px; border-radius:3px; height:24px; line-height: 24px; text-align: center; font-weight: 100; font-size:13px; }
.content .message .fa-check { color:#0f69b4; }
.content .message .subtitle { font-size:21px; color:#222; font-weight: 700; }
.content .message .subtitle { scroll-margin-top: 6rem; scroll-padding-top: 6rem; }
.content .message .f-top { width:100%; clear:both; display:block; text-align: center; margin:20px auto 5px auto; }
.content .message .f-top a { color: #D93126; font-size: 50px; font-weight: 700; }

.content .warning { background: #fff7eb; border: 1px solid #fdd380; padding: 10px 20px; margin: 20px auto 30px auto; width: 100%; border-radius:5px; }
.content .warning .subtitle { color:#333; margin: 10px 0; font-size: 20px; line-height: 26px; font-weight:700; }
.content .warning p {  color:#666; }

.content .info { background: #0E72C6; border: 0; padding: 10px 20px; margin: 30px auto; width: 100%; border-radius:5px; }
.content .info h2 { color:#fff; margin: 15px 0 10px 0; font-size: 24px; line-height: 30px; font-weight:700; }
.content .info p {  color:rgba(255,255,255,1); }
.content .info p strong { color:#fff; }
.content .info .fa-download { color: #fed13a; font-size: 18px; }
.content .info a { color: #fed13a; font-weight: 600; }
.content .info a:hover { color: #fff; }
.content .info h3 { color:#FFF; font-size: 20px; }

.content .sidebar { margin:30px auto 0 auto; padding: 0 0 10px 0; z-index:888; float:none; width: 100%; border:0; border-radius:5px; background-color: #FFF; background-image: url(../img/colores.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 5px; box-shadow:0 4px 30px -12px rgb(0 0 0 / 20%); overflow: hidden; }
.content .sidebar .toc-title { cursor:pointer; font-size:20px; color:#D93126; font-weight: 600; margin: 15px 0 10px 15px; line-height: 28px; padding: 8px 0 0 0; }
.content .sidebar .toc-title .fa-list-ul { color:#aaa; }
.content .sidebar ul { list-style-type: none; margin:0; padding: 0 0 3px 0; width:100%; position:relative; text-align: left; }
.content .sidebar ul li { display:inline-block; padding: 0; margin: 0 0 0 15px; width:31%; vertical-align: top; }
.content .sidebar ul li a { font-size: 17px; font-weight: 500; line-height: 20px; border-bottom:1px dotted #ccc; display: block; padding: 18px 10px 18px 10px; color: #333; }
.content .sidebar ul li a:hover { text-decoration:none; color: #007fff; }
.content .sidebar ul li:last-child a { border-bottom:0; }
.content .sidebar ul li a::first-letter { font-weight: 700; }

.content .sidebar2 { margin:20px auto; z-index:888; float:none; width: 100%; border:0; padding: 0; border-radius:5px; position:relative; }
.content .sidebar2 .toc-title { font-size: 22px; font-weight: 600; margin: 30px 5px 20px 5px; line-height: 26px; color: #333; }

.content .sidebar2 .texto { background-color: none; padding: 0 8px; width:24.6%; margin: 10px 0; overflow:hidden; display: inline-block; vertical-align:top; }
.content .sidebar2 .texto .img { float:none; margin:0 auto; width:100%; overflow:hidden; }
.content .sidebar2 .texto .img img { width:100%; height:auto; }

.content .sidebar2 .texto .txt { float:none; margin: 0 auto; padding: 10px; width:100%; height:auto; overflow:hidden; background:#FFF; }
.content .sidebar2 .texto .txt h3 { color:#333; font-size:17px; line-height: 22px; min-height: 48px; }
.content .sidebar2 .texto .txt p { font-size:15px; color:#666; min-height: 60px; font-weight:500; }
.content .sidebar2 .texto .txt span { text-align:center; border-radius:3px; font-size:13px; display:block; color:#FFF; background: #0E72C6; margin: 10px auto 0 auto; line-height:35px; }
.content .sidebar2 .texto .txt span a { color:#FFF; display: block; }

.content .section .frm-contacto { background:#FFF; margin: 30px auto; overflow:hidden; width: 60%; float:none; border:0; padding: 30px; border-radius:5px; box-shadow: 0px 4px 20px -12px rgba(0,0,0,0.3); }
.content .section .frm-contacto table td { font-size: 14px; color: #888; padding: 7px 5px; font-weight:600; }
.content .section .frm-contacto h1 { text-transform: none; font-size: 26px; letter-spacing: 1px; color:#09132e; font-weight: 600; margin-bottom: 15px; text-align:center; }
.content .section .frm-contacto p { margin:0 auto 20px 0; font-size: 17px; color:#777; padding: 0; text-align:center; line-height: 24px; font-weight:400; }
.content .section .frm-contacto .input { border: 1px solid #ccc; padding: 12px 10px; font-size: 15px; color: #666; margin: 3px 0; width: 98%; font-weight:400; }
.content .section .frm-contacto .input:hover { border: 1px solid #999; }
.content .section .frm-contacto .select { border: 1px solid #ccc; padding: 8px 7px; font-size: 14px; color: #666; margin: 5px 0; width: 98%; font-weight:400; height:36px; }
.content .section .frm-contacto .select:hover { border: 1px solid #999; }
.content .section .frm-contacto .captcha { border: 1px solid #ccc; padding:8px 7px; font-size: 14px; color: #666; margin: 5px 0 5px 0; text-align:center; width:80px; font-weight:400; }
.content .section .frm-contacto .captcha:hover { border: 1px solid #666; }
.content .section .frm-contacto .textarea { border: 1px solid #ccc; padding: 8px 7px; font-size: 15px; color: #666; margin: 5px 0; width: 98%; height: 90px; font-weight:400; }
.content .section .frm-contacto .textarea:hover { border: 1px solid #999; }
.content .section .frm-contacto input[type=submit] { transition:.3s; padding: 0 30px; line-height: 40px; }
.content .section .frm-contacto .sending { font-size: 15px; letter-spacing:.5px; font-weight: 400; line-height: 40px; color:#333; }

.footer { background-color:#0E72C6; padding: 0; margin:0 auto; border:0; text-align:center; width:100%; overflow: hidden; }    
.footer .f-bottom { background-image: url(../img/colores.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 5px; width: 90%; max-width: 1100px; padding: 30px 0; margin: 0 auto; position: relative; text-align: center; }
.footer .f-bottom a { color: #fed13a; font-size: 15px; }
.footer .f-bottom a:hover { color: #FFF; }
.footer .f-bottom .app { clear:both; width:100%; float:none; margin:0 auto; text-align:left; font-size: 22px; color:#FFF; font-weight: 600; line-height:26px; }
.footer .f-bottom p { width:100%; padding: 0; text-align:left; color: rgba(255,255,255,.7); font-size: 15px; font-weight: 100; margin: 20px 0; line-height:20px; }
.footer .f-bottom p strong { color:#FFF; }
.footer .f-bottom .copy { color:rgba(255,255,255,.5); margin: 40px 0 0 0; }
.footer .f-bottom ul { list-style-type: none; margin: 0 auto; position: relative; text-align: left; width:100%; clear: both; }
.footer .f-bottom ul li { display: inline-block; width:auto; margin: 0 10px 0 0; }
.footer .f-bottom ul li:after { content: ' · '; font-weight:bold; text-align:center; padding-left:10px; color: rgba(2552,255,255,.3); }
.footer .f-bottom ul li:last-child::after { content : ''; }

.ads-in {
	display:block;
	height:auto; 
	width:100%; 
	max-width:1100px;
	margin: 15px auto; 
	text-align:center;
}

#div-cookies {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 380px;
    box-shadow: 0px -5px 15px rgba(0,0,0,.1);
    padding: 30px;
    z-index: 99;
    background:#fed13a;
    border-radius:5px;
    z-index:999;
}

#div-cookies p {
    color:#333;
    font-size:17px;
    line-height: 24px;
    text-align:left;
    margin:0 auto 20px auto;
}

#div-cookies p a { color: #0f69c4; }
#div-cookies p a:hover { color: #000; }

#div-cookies button {
    background: #fff; 
    padding: 5px 30px; 
    color: #0f69c4;
    font-weight:600; 
    font-size: 14px; 
    cursor: pointer; 
    line-height: 35px;
    border: 0; 
    text-transform:none;
    letter-spacing:.5px; 
    width:100%;
    margin: 0 auto;
    text-align:center;
}

/******* Media Queries */

@media (min-width: 1200px) {

}

@media (min-width: 980px) and (max-width: 1090px) {

}

@media (min-width: 801px) and (max-width: 970px) {
    .content .main .intro .descargar { width:29%; }
    .content .main .intro .resueltos { width:29%; }
    .content .sidebar ul li { width:47%; padding: 0; margin:0; }
    .content .sidebar2 { width:100%; float:none; }
    .content .sidebar2 .texto { width:32.9%; }
    #div-cookies { width: 80%; }
}

@media (max-width: 800px) {

    .header .h-content { width:100%; }
    .header .h-content .h-left { width: 100%; text-align:left; float:none; }
    .header .h-content .h-left a { padding-left: 15px; }
    .header .h-content .h-right { width:100%; text-align:left; position:relative; float:none; position:absolute; top:12px; right: 0; }

    .header .h-content .menu { position:relative; display:block; width: 100%; height: 40px; overflow: hidden; margin: 0 auto; }
    .header .h-content .menu ul { padding: 10px 0; margin: 0; display:none; text-align:left; }
    .header .h-content .menu ul li a { line-height: 42px; font-size:17px; font-weight:bold; display:block; }
    .header .h-content .menu ul li { width:94%; float:none; cursor:pointer; text-align:left; background: url(../img/down.png) 98% 18px no-repeat; outline:none; line-height:42px; border-top: 1px dotted #ddd; margin: 0 auto; display:block; }
    .header .h-content .menu ul li:first-child { margin: 0 auto; border-top:0; background: none; }
    .header .h-content .menu ul li:last-child { margin: 0 auto; }
    .header .h-content .menu ul li:hover { outline:none; }
    .header .h-content .menu ul li:hover:last-child { outline:none; }

    .header .h-content .menu .items { background: rgba(255,255,255,1); margin: 47px auto 10px auto; box-shadow: 0 4px 20px -12px rgb(0 0 0 / 30%) }

    .header .h-content .menu li ul { position:relative; width:100%; margin:0; top:auto; left:auto; right: auto; bottom: auto; }

    .header .h-content .menu li .sub { float:none; width:100%; position:relative; display: none; line-height: 30px; padding:0 0 10px 0; visibility: visible; opacity: 1; height:auto; }
    .header .h-content .menu li .sub { box-shadow: none; }
    .header .h-content .menu li .sub li { margin:0; line-height: 30px; height:30px; padding:0; border:0; }
    .header .h-content .menu li .sub li a { padding:0; line-height: 30px; height:auto; }

    .header .h-content .menu .rwd { height: 40px; display:block; background: none; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; }
	.header .h-content .menu .rwd a { color:#333; text-transform: uppercase; display:block; font-size: 17px; line-height: 50px; }
	.header .h-content .menu .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; }
	.header .h-content .menu .rwd a:hover { text-decoration: none; color:#F1F1F1; } 
	.header .h-content .menu .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:6px; }
	.header .h-content .menu .rwd-button span { display:block; margin-top:4px; height:3px; background:#333; width:24px; }

    .content { margin-top:20px; }
    
    .content .main .intro h1 { font-size: 20px; line-height: 25px; }
    .content .main .intro h2 { font-size: 20px;  line-height: 26px; border-radius: 0; padding: 10px 20px; margin: 0px -20px 20px -20px; width: 100%; }
    .content .main .intro .subtitle { font-size:18px; margin: 0 auto 10px auto; width:100%; padding:0; }
    .content .main .intro p { font-size:17px; }
    .content .main .intro .descargar { width: 100%; max-width: none; }
    .content .main .intro .resueltos { width:100%; max-width: none; }

    .content .info h2 { font-size:18px; line-height: 26px; margin-top: 5px; }

    .content .main { float:none; width:100%; }
    .content .main .levels .level { padding:13px; font-size:17px; }
    .content .main .levels .level h3 { font-size: 18px; }
    .content .main .levels .level ul li { padding: 10px 0; float:none; width:100%; }
    .content .main .levels .level h4 { font-size: 17px; }

    .content .message { height:auto; }
    .content .message .recomendaciones { display:block; line-height:30px; font-size:22px; line-height: 26px; }
    .content .message .r-down { cursor:pointer; width:100%; height: 10px; display:block; background: url(../img/down.png) bottom left no-repeat; }
    .content .message .r-texto { display:none; }

    .content .sidebar { float:none; width:100%; padding: 0; }
    .content .sidebar ul { padding: 2px 15px; }
    .content .sidebar ul li { width:100%; }

    .content .sidebar .toc-title { display:block; padding: 10px 0 5px 0; width:92%; background-image: url(../img/down.png); background-position: right center; background-repeat: no-repeat; }
    
    .content .sidebar2 { width:100%; float:none; }
    .content .sidebar2 .texto { width:49%; }

    .content .section .frm-contacto { width:100%; margin: 10px auto 0 auto; }

    .slide .search { width:90%; }
    .slide .search p { margin: 0 auto 20px auto; }
    .slide .search .box2 form .opcion { width:100%; float:none; }
    .slide .search .box2 form .opcion:first-child { border-bottom:1px solid #ddd; }
    .slide .search .box2 form .buscar { width:100%; float:none; }

    .footer .f-bottom a { line-height:30px; }
    .footer .f-bottom p { width:100%; line-height:20px; }
    .footer .f-bottom p a { line-height:20px; }
    .footer .f-bottom ul li { width:100%; }
    .footer .f-bottom ul li::after { content:none; }

    #div-cookies { width: 90%; }
    
}

@media (max-width: 600px) {
    .header .h-content .menu li .sub { display: none; }
    .content .main .intro .intro-img { float:none; width: 100%; margin: 0 auto; }
    .content .main .intro .intro-texto { float:none; width: 100%; margin: 20px auto 0 auto; }
    .content .main .intro .descargar { width:100%; max-width: none; }
    .content .main .intro .resueltos { width:100%; max-width: none; }
    .content .main .levels .course h2 { font-size:21px;line-height: 25px; }
    .content .main .levels .level h3 { font-size:18px; }
    .content .main .levels .courses ul li { width:100%; }
    .content .main .levels .level ul li { padding: 10px 1px; float:none; width:100%; min-height: auto; }
    .content .main .levels .level h4 { font-size: 17px; }
    .content .sidebar ul li { width:100%; margin:0; border-bottom:1px solid #eee; }
    .content .sidebar ul li:last-child { border-bottom:0; }
    .content .sidebar2 .texto { width:100%; }
    #div-cookies { width: 90%; }
    .content .main .intro .descargar { width: 100%; max-width: none; }
    .content .main .intro .resueltos { width:100%; max-width: none; }
}

.ad-rectangle {
	margin: 20px auto;
	display:block;
	height:300px;
}

@media (max-width: 991px){
	.ad-rectangle {
		display:inline-block;
		width:300px;
		height:600px;}
}

.ad-rectangle-H {
	margin: 20px auto;
	display:block;
	height:300px;
}

.ad-336-280 {
	margin: 20px auto;
	display:block;
	width:336px;
	height:280px;
}

.autors-widget {
	margin: 20px auto;
}