/* 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: #EA0B0B; text-shadow: none; }
::selection { color:#fff; background: #EA0B0B; text-shadow: none; }
html { scroll-behavior: smooth; }
body { background: #f5f5f5; 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; }

.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: 29px; color: #09132e; text-align: center; margin: 20px auto; max-width: 90%; }
h2 { font-size: 25px; color: #09132e; text-align:center; }
h3 { font-size: 22px; color: #10308F; }
h4 { font-size: 18px; color: #333; }
h5 { font-size: 17px; color: #0f69c4; }

.home h3 { color: #0B2164; padding: 10px 0; scroll-margin-top: 3rem; scroll-padding-top: 3rem; }
.home h1 { font-weight:600; width: 94%; margin: 20px auto; line-height: 34px; text-align:center; }

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: #0f69c4; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a:visited, a:link { color: #0f69c4; } 
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:#0f69c4; height:2px; position:fixed; z-index: 2000; top:0; right:100%; width: 100%; }

.gotop { position: fixed; bottom: 2em; right: 2em; padding: 0; display: none; opacity:.7; } 
.gotop:hover { opacity:.9; }

.gosearch { position: fixed; bottom: 5em; right: 2em; padding: 0; display: none; opacity:.7; } 
.gosearch:hover { opacity:.9; }

/******* CSS custom */

.breadcrumb { margin: 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; }

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

.wrapper .header { width:100%; margin:0 auto; background-color: #FFF; box-shadow: 0px 4px 20px -12px rgba(0,0,0,0.3); }
.wrapper .header .h-content { width: 94%; max-width:1100px; border:0; position:relative; text-align:left; }
.wrapper .header .h-content .h-left { display:inline-block; width: 25%; vertical-align:top; margin:20px auto; border:0; text-align:left; font-size: 20px; }
.wrapper .header .h-content .h-left a { color:#333; font-weight:500; }
.wrapper .header .h-content .h-left a img { margin: -3px 3px 0 0; width: 180px; height: auto; }
.wrapper .header .h-content .h-right { display:inline-block; width: 74%; vertical-align:top; border:0; }

.wrapper .menu { width:100%; margin:0 auto; padding:0; }
.wrapper .menu ul { list-style-type: none; margin:0 auto; padding:0; position:relative; width:100%; max-width:1100px; text-align:right; }
.wrapper .menu ul li { display:inline-block; width:auto; margin: 0 10px; }
.wrapper .menu ul li:last-child { margin-right: 0; padding:0; }
.wrapper .menu ul li:first-child { margin-left:0; }
.wrapper .menu ul li a { padding: 0 15px 0 0; line-height: 70px; color:#0f69c4; font-size:16px; letter-spacing: .3px; text-decoration: none; }
.wrapper .menu ul li a:hover { border-bottom:0; text-decoration: none; color:#333; }
.wrapper .menu ul li a.active { border-bottom:0; text-decoration: none; color:#333; }

.wrapper .menu ul li a.comuna,
.wrapper .menu ul li a.santiago { background: url(../images/down.png) right 50% no-repeat; }
.wrapper .menu ul li a.app { color: #a4c639; font-size: 24px; }
.wrapper .menu ul li a.app { color: #a4c639; font-size: 24px; }
.wrapper .menu ul li a:hover.app { color: #333; text-decoration: none; border-bottom:0; }

.wrapper .menu li ul { position: absolute; width:230px; top:0; left: 0; margin-top:0; margin-left:-125px; top: auto; left: auto; text-align:left; }
.wrapper .menu li .sub li { width:100%; float:left; margin: 0; z-index:999; padding: 0; text-align: left; height:auto; line-height: 36px; }
.wrapper .menu li .sub li { border-bottom:1px solid #eee; }
.wrapper .menu li .sub li:last-child { border-bottom:0; }
.wrapper .menu li .sub li a { color:#888; border:0; text-transform: none; padding: 0 10px; display: block; font-size: 15px; text-align:left; line-height: 36px; background:none; font-weight:500; letter-spacing: 0; }
.wrapper .menu li .sub li a:hover { color:#0f69c4; border:0;}

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

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

.wrapper .menu li .full li { width:100%; float:none; }


.wrapper .slide { background-color:#EA0B0B; width:100%; margin:20px auto; border-radius: 5px; }
.wrapper .slide .search { display:block; width: 94%; max-width:1100px; margin:0 auto; padding: 20px 0 25px 0; text-align:center; }
.wrapper .slide .search h2 { font-size:26px; color: #FFF; font-weight:500; margin: 0 auto 20px auto; padding:0; display:block; text-align:center; }
.wrapper .slide .search p { font-size:26px; color: #FFF; font-weight:500; margin: 0 auto 10px auto; padding:0; display:block; text-align:center; }
.wrapper .slide .search span { color:#FFF; font-size: 16px; margin: 0 auto 15px auto; display: block; }

.wrapper .slide .box2 { display: block; }
.wrapper .slide .box { display: none; }

.wrapper .slide ul { list-style-type: none; margin:10px auto 0 auto; padding:0; }
.wrapper .slide ul li { display:inline-block; }
.wrapper .slide ul li #buscar-normal, 
.wrapper .slide ul li #buscar-codigo { float:none; font-weight:bold; display:inline-block; color:#FFF; border:0; width: auto; height:auto; line-height: 20px; margin: 8px; text-align:center; cursor:pointer; padding: 3px 0; font-size: 12px; text-transform:uppercase; }
.wrapper .slide ul li #buscar-normal { border-bottom:2px solid #FFF; }
.wrapper .slide ul li a.active { border-bottom:2px solid #FFF !important; }
.wrapper .slide ul li a.inactive { border-bottom:2px solid transparent !important; }

.wrapper .slide .search .box { background: #FFF; border-radius:5px; padding: 0; width:90%; margin: 0 auto; border:0; overflow:hidden; }
.wrapper .slide .search .box form { width:100%; overflow:hidden; position:relative; text-align:left; }
.wrapper .slide .search .box form .opcion { display:block; float:left; border:0; width: 74%; margin:0 0 0 1%; font-size:20px; color:#212121; min-height: 50px; vertical-align: top; }
.wrapper .slide .search .box form .opcion input[type=text] { width:90%; border:0; padding: 10px 5px; line-height: 30px; font-size:18px; }
.wrapper .slide .search .box form .buscar { border:0; margin:0; width:25%; display:block; float:right; }
.wrapper .slide .search .box form .buscar input[type=submit] { width:100%; border:0; color:#fff; text-transform:none; line-height: 50px; font-weight: 500; background: #0f69c4; padding:0; transition: .3s; font-size:17px; border-radius: 0; }
.wrapper .slide .search .box form .buscar input[type=submit]:hover { background: #073b6f;  }

.wrapper .slide .search .box2 { background: #FFF; border-radius:5px; padding: 0; width:80%; margin: 0 auto; border:0; overflow:hidden; }
.wrapper .slide .search .box2 form { width:100%; overflow:hidden; position:relative; text-align:left; }
.wrapper .slide .search .box2 form .opcion { display:block; float:left; border:0; border-right: 1px solid #ddd; width: 25%; margin:0; padding:0; color:#212121; background:#FFF url(../images/down.png) 95% 50% no-repeat; border-radius: 0; height:50px; }
.wrapper .slide .search .box2 form .opcion select { cursor:pointer; background: none; padding: 0 10px; font-size: 16px; border: 0; width:100%; height: 48px; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.wrapper .slide .search .box2 form .comuna { border:0 !important; }
.wrapper .slide .search .box2 form .buscar { border:0; margin:0; width:25%; display:block; float:right; }
.wrapper .slide .search .box2 form .buscar input[type=button] { width:100%; border:0; color:#fff; text-transform:none; line-height: 50px; font-weight: 600; background: #0f69c4; padding:0; transition: .3s; font-size:16px; border-radius: 0; }
.wrapper .slide .search .box2 form .buscar input[type=button]:hover { background: #073b6f;  }

.wrapper .s-title { width:94%; overflow:hidden; border-radius:5px; max-width:1100px; padding: 0; margin: 30px auto 20px auto; position:relative; text-align:center; background: #e5f1ff; border:1px solid #0f69b4; box-shadow: 0px 4px 30px -12px rgba(0,0,0,0.2); }
.wrapper .s-title .title { width: 50%; border:0; margin:0 auto; display:inline-block; padding: 15px 0 10px 0; text-align:left; position:relative; }
.wrapper .s-title .title h1 { font-weight:600; width: 94%; margin: 15px auto 0 auto; line-height: 34px; }
.wrapper .s-title .title .codigo { background: #0f69b4; width: 260px; position: relative; padding: 10px; border-radius:5px; text-align:center; margin: 0 8%; }
.wrapper .s-title .title .codigo span { display:inline-block; color:#eee; font-size: 13px; font-weight:400; }
.wrapper .s-title .title .codigo strong { display:inline-block; color:#fff; font-size:40px; font-weight: 600;}
.wrapper .s-title .title h3 { font-size:22px; font-weight:600; width: 90%; margin: 0 auto; }
.wrapper .s-title .title a { font-weight: 500; }
.wrapper .s-title .title a:hover { opacity: .9; }
.wrapper .s-title .title h2 { text-align:left; }
.wrapper .s-title .title p { color:#666; font-size:17px; width:100%; font-weight:300; margin: 20px auto; line-height: 22px; }
.wrapper .s-title .title p strong { font-weight: 600; }
.wrapper .s-title .title p strong a { font-weight: 600;}
.wrapper .s-title .title .copy { font-size: 14px; cursor:pointer; color: #EA0B0B; font-weight: 600; text-transform: uppercase; margin:10px auto; }
.wrapper .s-title .title .copy i { color:#333; }
.wrapper .s-title .title .copy:hover { color:#333; }

.wrapper .s-title .buttons { width:45%; display: inline-block; text-align:center; position: relative; vertical-align: top; }
.wrapper .s-title .buttons ul li { display:inline-block; width: 90%; margin: 13px auto; background-color: #0f69c4; border-radius:60px; }
.wrapper .s-title .buttons ul li a { font-size: 18px; font-weight: 600; color:#fff; line-height: 24px; display:block; text-align: center; padding: 20px 30px; }
.wrapper .s-title .buttons ul li:hover { opacity: .95; }

.wrapper .s-title .button2 { border: 1px solid #0f69c4; width: 65%; display: inline-block; line-height: 40px; padding: 0 30px; border-radius: 20px; margin: 0 8%; text-align: center; }
.wrapper .s-title .button2:hover { border:1px solid #222; }

.wrapper .s-title .title .boton { text-align:center; max-width: none; margin: 20px auto; }
.wrapper .s-title .title .boton a { background: #0f69c4; padding: 0 30px; line-height: 45px; margin:0 auto; width:auto; display: inline-block; border-radius:5px; color:#FFF; font-weight:500; }
.wrapper .s-title .title .boton a:hover { opacity: .9; }


.wrapper .s-title .access { width:100%; margin: 20px auto; }
.wrapper .s-title .access ul { width:100%; margin: 0 auto; text-align:center; padding:0; }
.wrapper .s-title .access ul li { display: inline-block; list-style-type: none; }
.wrapper .s-title .access ul li:first-child { border-right: 1px solid #bababa; padding: 0 10px 0 0; margin: 0 10px 0 0; }
.wrapper .s-title .access ul li a { font-size: 14px; color: #0f69c4; } 
.wrapper .s-title .access ul li a:hover { color: #073b6f; } 

.wrapper .s-comuna { margin:15px auto 25px auto; }

.indicador .s-title .title p { width: 65%; }
.indicador .content .garantia p { font-size:15px; max-width:100%; margin:0; padding:0; }

.wrapper .content { width:94%; max-width: 1100px; }
.wrapper .content h1 { text-align:center; margin: 30px auto 0 auto; }

/* ===== Section  ====== */

.wrapper .content .section { width:100%; position:relative; text-align: left; transition: .3s; }
.wrapper .content .all { width:100%; position:relative; padding: 30px 0; text-align: left; transition: .3s; }
.wrapper .content .all table { border-collapse: collapse; width:100%; max-width: 1300px; border:1px solid #999; background: #fff; }
.wrapper .content .all table td { border: 1px solid #999; padding: 5px 10px; }
.wrapper .content .all table tbody tr td i { color:#EA0B0B; cursor:pointer; margin: 0 0 0 5px; font-size: 13px; }
.wrapper .content .all table tbody tr td i:hover { color:#333; }


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

.wrapper .content .c-title { width:100%; padding: 0; text-align:left; position:relative; margin:0 auto; }
.wrapper .content .c-title h4 { text-align:left; display: inline-block; width: 80%; font-size:30px; font-weight:500; }
.wrapper .content .c-title form { text-align:right; display: inline-block; width: 19%; vertical-align: top; margin: 0; }
.wrapper .content .c-title form select { width:80%; font-size:15px; color:#555; }
.wrapper .content p { color: #333; font-weight:400;max-width: 95%; font-size:17px; }
.wrapper .content p a { font-weight:600; }

.wrapper .content .region { width:100%; overflow:hidden; padding: 20px; margin: 20px auto; float:none; background:#FFF; position:relative; text-align: left; transition: .3s; border-radius:5px; border:1px solid #bbb; }
.wrapper .content .region h1 { font-size: 26px; }
.wrapper .content .region h2 { color: #0B2164; }
.wrapper .content .region nav { width:100%; overflow:hidden; margin: 0 auto; }
.wrapper .content .region ul { margin:0 auto; padding: 0; width:97%; }
.wrapper .content .region ul li { padding: 2px 0; font-size:16px; margin-bottom: 1px; font-weight: 400; color:#444; }
.wrapper .content .region ul li::marker { font-size: .8em; color: red; }
.wrapper .content .region ul li a { font-weight: 500; display: block; line-height: 20px; border:0; padding: 5px 0; }
.wrapper .content .region ul li a:hover { text-decoration:underline; }
.wrapper .content .region ul li .fa-check { color: #0f69c4; }
.wrapper .content .region ul li strong { display:block; font-size: 18px; margin: 0 auto 10px auto; }
.wrapper .content .region header h4 { font-size:20px; }
.wrapper .content .region table { width:100%; margin:10px auto 20px auto; border-collapse: collapse; }
.wrapper .content .region .prv { display: none; }

.wrapper .content .region ul li .sub { column-count:auto; column-gap:normal; }
.wrapper .content .region ul li .sub li { break-inside:auto; }
.wrapper .content .region ul li .sub li a { padding:0; }

.wrapper .content .region table .gray  { background:#f8f8f8; }
.wrapper .content .region table tr td { padding: 7px 0; font-size:15px; color:#666; font-weight:400; }
.wrapper .content .region table tr td strong { font-weight:600; }
.wrapper .content .region .data .fa-clone { cursor:pointer; color: #EA0B0B; }
.wrapper .content .region .data td a { color: #EA0B0B; }
.wrapper .content .region .data td a:hover { color: #222 !important; text-decoration: underline; }
.wrapper .content .region .data tr td:nth-child(2) { text-align:right; }
.wrapper .content .region .fuente { font-size:14px; }
.wrapper .content .region .fa-clone { color: #EA0B0B; cursor:pointer; }
.wrapper .content .region .fa-clone:hover { color: #333; }
.wrapper .content .region article .text-center { text-align:center; margin: 10px auto; }
.wrapper .content .region article .text-center img { text-align:center; }

.wrapper .content .region .r-listado { width:100%; }
.wrapper .content .region .r-listado tr td { padding: 10px 8px; }
.wrapper .content .region .r-listado tr td strong { font-weight:bold; color:#555; font-size: 17px; }
.wrapper .content .region .r-listado tr td.comuna { text-align:left; }
.wrapper .content .region .r-listado tr td.codigo { text-align:center; width: 120px; }
.wrapper .content .region .r-listado .gray { background:#f8f8f8; }

.wrapper .content .region .r-listado tr:first-child { border:0; }
.wrapper .content .region .r-listado .line-t { border:0; border-top: 1px solid #eee; }
.wrapper .content .region .r-listado .line-b { border:0; border-bottom: 1px solid #eee; }

.wrapper .content .region article ol { margin:0; padding:0; width:100%; list-style: none; counter-reset: my-awesome-counter; }
.wrapper .content .region article ol li { font-size:17px; color:#666; font-weight: 400; line-height:24px; counter-increment: my-awesome-counter; margin:20px 25px 20px 0; width: 46%; float:left; min-height: 75px; }
.wrapper .content .region article ol li::before { content: counter(my-awesome-counter) ". "; color: #000; font-weight: bold; }

.wrapper .content .region ul li table td a { font-size:16px; color:#414141; line-height: 20px; border-bottom:0; font-weight:500; padding:0; }

.wrapper .content .region section { width:50%; float:left; }

.wrapper .content .region article ul { list-style-type: circle; width:100%; overflow:hidden; margin: 20px auto; column-count: auto; column-gap: unset; }
.wrapper .content .region article ul li { border: 1px solid #ddd; display: block; clear: both; width: 200px; margin: 0 auto 10px auto; padding: 0 10px; line-height: 40px; border-radius: 3px; }
.wrapper .content .region article ul li .fa-check { color:#4CAF50; }

.wrapper .content .region article .boton { text-align:center; max-width: none; }
.wrapper .content .region article .boton a { background: #0f69c4; padding: 0 30px; line-height: 45px; margin:0 auto; width:auto; display: inline-block; border-radius:5px; color:#FFF; font-weight:500; }
.wrapper .content .region article .boton a:hover { opacity: .9; }

.wrapper .content .regiones ul li { border-bottom:1px solid #eee; }
.wrapper .content .regiones ul li a { font-weight:500; border:0; display:inline-block; }
.wrapper .content .regiones ul li i { cursor:pointer; line-height: 34px; float:right; color:#999; text-align:center; width:32px; height:32px; line-height: 34px; }
.wrapper .content .regiones ul li i:hover { color:#333; }

.wrapper .content .info .nav ul { column-count:auto; column-gap:normal; }
.wrapper .content .info .nav ul .lleft { width:100% !important; }
.wrapper .content .info .nav ul li { padding: 8px 3px 0 3px; }
.wrapper .content .info .nav ul li a { border-bottom:0; }
.wrapper .content .info .info-left { position:relative; }
.wrapper .content .info .info-right ul li { margin-bottom: 0; }
.wrapper .content .info .info-right ul li strong a { font-weight:500; font-size:17px; padding: 1px 0; font-size:16px; }

.wrapper .content .provincias ul li { padding: 0; margin: 0; }
.wrapper .content .provincias ul li a { font-size:17px; }

.wrapper .content .trend { background-color: #e5f1ff; border:1px solid #0f69b4; margin-bottom:30px; }
.wrapper .content .trend header h3 { color: #0f69b4; font-size:25px; }
.wrapper .content .trend p { color:#4a4a4a; }
.wrapper .content .trend ul { margin:20px 0; overflow:hidden; }
.wrapper .content .trend .fa-info { width: 20px; height:20px; line-height: 20px; color:#FFF; font-size: 14px; background:#0f69b4; border-radius: 50%; text-align:center; }
.wrapper .content .trend ul li .fa-clone { color:#EA0B0B; cursor:pointer; margin: 0 0 0 5px; font-size: 13px; }
.wrapper .content .trend ul li .fa-clone:hover { color:#333; }

.wrapper .content .listado { width:100%; margin: 0 auto 10px auto; float:none; padding: 0; overflow:hidden; position:relative; text-align: left; transition: .3s; }
.wrapper .content .listado .nav { overflow: hidden; margin: 0 auto; }
.wrapper .content .listado .nav ul { width:100%; }
.wrapper .content .listado .nav ul .head { border:0; padding-bottom: 5px; margin-bottom:10px;width: 50%; float:left; }
.wrapper .content .listado .nav ul .head a { color:#0B2164; font-weight:600; }
.wrapper .content .listado .nav ul .lleft { width: 80%; text-align:left; float:left; }
.wrapper .content .listado .nav ul .lright { width: 20%; text-align:right; float:right; }
.wrapper .content .listado .nav ul .lleft2 { background:#f8f8f8; }
.wrapper .content .listado .nav ul .lleft2 strong { color:#0f69c4; }
.wrapper .content .listado .nav ul .lright2 { background:#f8f8f8; }
.wrapper .content .listado .nav ul .city { border-bottom:1px dotted #eee; }
.wrapper .content .listado .nav ul .code { border-bottom:1px dotted #eee; }
.wrapper .content .listado .nav ul .city a { color:#0f69c4; font-weight:normal; }
.wrapper .content .listado .nav ul .foot { padding-top: 5px; margin-top:10px;border-top:1px solid #eee;width: 50%; float:left; }
.wrapper .content .listado .nav ul li { border:0; }

.wrapper .content .listado ul { background:#FFF; list-style-type: none; border-radius:5px; margin:0 auto; padding: 10px 15px; width:32%; float:left; border:1px solid #ddd; }
.wrapper .content .listado ul:first-child { font-size:17px; }
.wrapper .content .listado ul:last-child { margin-right: 0; }
.wrapper .content .listado ul li { width:100%; line-height:22px; border-top:1px solid #eee; padding: 10px 0; color:#0b2164; }
.wrapper .content .listado ul li:first-child { border:0; }
.wrapper .content .listado ul li a { font-size: 16px; font-weight: 500; display: block; }
.wrapper .content .listado ul li a:hover { text-decoration: underline; }
.wrapper .content .listado ul li i { color:#EA0B0B; cursor:pointer; margin: 0 0 0 5px; font-size: 13px; }
.wrapper .content .listado ul li i:hover { color:#333; }
.wrapper .content .listado ul li strong { color: #212121; font-weight:600; }
.wrapper .content .listado ul li strong a { font-size: 18px; font-weight:600; }
.wrapper .content .listado ul li .zone { font-size: 18px; }
.wrapper .content .listado ul li img { width:100%; height:auto; max-width:390px; margin: 0 auto 10px auto; }

.wrapper .content .listado h2 i { color:#ea0b0b; font-size:21px; }

.wrapper .content .portada nav ul { margin: 10px 2% 10px 0; }

.wrapper .content .iframe { background-color: #FFF; width: 100%; height: auto; padding: 14px 20px; z-index: 999; pointer-events: auto; cursor: auto; text-align:left; }
.wrapper .content .iframe h2 { line-height: 32px; }
.wrapper .content .iframe p { font-size:14px; line-height: 20px; font-weight:300; color:#888; text-align: left; }
.wrapper .content .iframe p.fecha { font-size:13px; color:#888; line-height: 24px; }
.wrapper .content .iframe p.info { font-size:16px; color:#444; line-height: 24px; }
.wrapper .content .iframe p.fecha i { width:20px; text-align:center; color: #0f69c4; }
.wrapper .content .iframe p.precio { font-size:15px; color:#555; font-weight:400; margin: 0 auto 5px auto; }
.wrapper .content .iframe input[type=text],
.wrapper .content .iframe input[type=email],
.wrapper .content .iframe input[type=tel],
.wrapper .content .iframe input[type=submit],
.wrapper .content .iframe textarea{ width: 100%; border:1px solid #999; line-height: 24px; padding: 8px 10px; margin: 5px auto; font-size: 14px; font-weight:300 }
.wrapper .content .iframe input[type=submit] { color:#FFF; font-weight:600; }
.wrapper .content .iframe input[type=submit]:hover { opacity:.9; }
.wrapper .content .iframe .participar { display: inline-block; width:auto; line-height: 34px; font-size: 14px; font-weight: 400; margin: 0 auto; color:#FFF; background: #0f69c4; padding: 0 40px; }
.wrapper .content .iframe .participar:hover { opacity: .9; }

.wrapper .content .clima { background: #FFF7EB; border:1px solid #FDD380; }
.wrapper .content .clima .wheather { margin: 0 auto; padding: 5px 0 0 0; border-radius:4px; overflow:hidden; }
.wrapper .content .clima .wheather .wheather-box { width:100%; }
.wrapper .content .clima .wheather .wheather-box h4 { font-size:22px; color:#0f69b4; }
.wrapper .content .clima .wheather .wheather-box .time { width:50%; float:left; position: relative; text-align:center; overflow: hidden; }
.wrapper .content .clima .wheather .wheather-box .time .timeup { margin: 10px 0 30px 0; width:100%; display:inline-block; text-align: left; }
.wrapper .content .clima .wheather .wheather-box .time .timecenter { font-size:17px; display:inline-block; padding: 0 20px 0 0; color:#333; text-align:left; border-right: 1px solid #FDD380; font-weight: 600; }
.wrapper .content .clima .wheather .wheather-box .time .timebottom { font-size:24px; display:inline-block; padding: 0 10px; color:#333; font-weight:600; vertical-align: top; line-height: 50px; }
.wrapper .content .clima .wheather .wheather-box .other { width:50%; float:left; }
.wrapper .content .clima .wheather .wheather-box .other ul { width:80%; list-style-type:none; padding:10px 20px; margin:0 auto; border-radius: 5px; border:1px solid #FDD380; overflow:hidden; }
.wrapper .content .clima .wheather .wheather-box .other ul li { line-height:30px; font-size: 14px; color:#555; }
.wrapper .content .clima .wheather .wheather-box .other ul li span { width: 80px; display:inline-block; font-weight:600; }
.wrapper .content .clima .wheather .wheather-box .other p { text-align:center; font-size: 14px; margin:10px auto 0 auto; }
.wrapper .content .clima .wheather .wheather-box .other p a { color:#EA0B0B; }
.wrapper .content .clima .wheather .wheather-box .other p a:hover { color:#333; }

.wrapper .content .clima nav ul li { margin:0; padding:0; padding:5px 0; }
.wrapper .content .clima nav ul li a { font-size:17px; font-weight:500; }

.wrapper .content .message { background: #EFF5F3; border:1px solid #D5E5DF; }
.wrapper .content .message h4 { color: #444; }

.wrapper .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); }
.wrapper .content .section .frm-contacto table td { font-size: 14px; color: #888; padding: 7px 5px; font-weight:600; }
.wrapper .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; }
.wrapper .content .section .frm-contacto p { margin:0 auto 20px 0; font-size: 16px; color:#777; padding: 0; text-align:center; line-height: 24px; font-weight:400; }
.wrapper .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; }
.wrapper .content .section .frm-contacto .input:hover { border: 1px solid #999; }
.wrapper .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; }
.wrapper .content .section .frm-contacto .select:hover { border: 1px solid #999; }
.wrapper .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; }
.wrapper .content .section .frm-contacto .captcha:hover { border: 1px solid #666; }
.wrapper .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; }
.wrapper .content .section .frm-contacto .textarea:hover { border: 1px solid #999; }
.wrapper .content .section .frm-contacto input[type=submit] { transition:.3s; padding: 0 30px; line-height: 40px; }
.wrapper .content .section .frm-contacto .sending { font-size: 15px; letter-spacing:.5px; font-weight: 400; line-height: 40px; color:#333; }

.wrapper .footer { background:rgba(9, 19, 46, .7); padding: 0; margin:0 auto; border:0; text-align:left; width:100%; overflow: hidden; }
.wrapper .footer .f-bottom { width: 90%; max-width: 1100px; padding: 30px 0; margin: 0 auto; position: relative; text-align: center; text-align:center; }
.wrapper .footer .f-bottom p { color: rgba(255,255,255,.9); text-align: center; font-size: 14px; font-weight: 400; margin: 20px auto; width:70%; }
.wrapper .footer .f-bottom p span { color:rgba(255,255,255,.4); padding: 0 5px; }
.wrapper .footer .f-bottom p a { color: #e5f1ff; }
.wrapper .footer .f-bottom p a:hover { color: #FFF; }
.wrapper .footer .f-bottom .social { font-size: 20px; margin: 30px auto; position: relative; text-align: center; }
.wrapper .footer .f-bottom .social a { display: inline-block; margin: 0 15px; width:auto; }
.wrapper .footer .f-bottom .copy { color:#fafafa; }
.wrapper .footer .f-bottom .app { color:#fff; font-size: 20px; font-weight: bold; }

.ads { width:94%; max-width:1100px; margin: 30px auto; text-align:center; border-radius:5px; display:block; }
.ads-in { width:100%; max-width:1100px; margin: 15px auto 20px auto; height:auto; text-align:center; }

.btn-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.08);
    color: #333;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
    z-index: 9999;
}

.btn-top:hover {
    background: rgba(0, 0, 0, 0.14);
    transform: translateY(0) scale(1.05);
}

.btn-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Custom Ads */

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

@media (max-width: 991px){
    .ad-rectangle{
	    display:inline-block !important;
        width:94% !important;
        height:600px !important; 
        margin: 20px auto !important;
	}
}

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

@media (min-width: 1100px) {

}

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

}

@media (min-width: 801px) and (max-width: 900px) {
    
    .wrapper .header .h-content { width:96%; }
    .wrapper .header .h-content .h-left { width:30%; }
    .wrapper .header .h-content .h-right { width:68%; }
    .wrapper .slide { margin-bottom:20px; }
    .wrapper .slide .search .box { width:100%; }
    
    .wrapper .slide .search .box2 form .opcion { width: 50%; border:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
    .wrapper .slide .search .box2 form .buscar { width: 50%; }

    .wrapper .s-title { max-width:96%; }
    .wrapper .s-title .title { width: 100%; }
    .wrapper .s-title .buttons { width: 100%; }
    
    .wrapper .content { max-width:96%; }
    .wrapper .content p img  { width:auto; height: auto; max-width: 600px; }
    .wrapper .content p .img  { max-width: 274px; }

    .wrapper .content .region article .text-center img { width:auto; }

    .wrapper .content .region ul { column-count: 2; }
    .wrapper .content .region section { width: 100%; float:none; margin-bottom: 20px; } 
    .wrapper .content .region table { width: 100%; }

    .wrapper .content .info .info-left { padding: 12px 4px 0 4px; }

    .wrapper .content .region article ol li { font-size:16px; line-height:20px; width:100%; float:none; margin: 0 auto 15px auto; min-height: auto; }
    
    .wrapper .content .clima .wheather .wheather-box .time { width:100%; float:none; }
    .wrapper .content .clima .wheather .wheather-box .other { width:100%; float:none; margin:20px auto; }
    .wrapper .content .clima .wheather .wheather-box .other ul { width:100%; }

    .wrapper .content .section .frm-contacto { width:96%; margin:20px auto; padding:15px; }

}

@media (min-width: 363px) and (max-width: 800px) {

    h1 { font-size:26px; }
    h2 { font-size:24px; }
    h3 { font-size:20px; }
    h4 { font-size:18px; }

    .wrapper .header .h-content { width: 100%; }
    .wrapper .header .h-content .h-left { width:100%; text-align:center; }
    .wrapper .header .h-content .h-right { width:100%; text-align:center; }

    .wrapper .menu ul { text-align:center; }
    .wrapper .menu ul li a { line-height: 50px; font-size:15px; }

    .wrapper .slide { margin: 0 auto 20px auto; }
    .wrapper .slide .search strong { font-size: 24px; }
    .wrapper .slide .search .box { width:100%; }
    .wrapper .slide .search .box2 { width:96%; }
    .wrapper .slide .search .box2 form .opcion { width: 100%; border:0; border-bottom:1px solid #ddd; }
    .wrapper .slide .search .box2 form .buscar { width: 100%; }
    
    .wrapper .s-title .title { width:100%; }
    .wrapper .s-title .title .codigo strong a { color:#FFF; }
    .wrapper .s-title .title h1 { font-size:24px; line-height: 28px; }
    .wrapper .s-title .buttons { width: 100%; }

    .home .s-title .title p { width:90%; font-size: 15px; }
    .indicador .s-title .title p { width:90%; font-size: 15px; }
    .wrapper .s-title .title p { font-size:16px; }
    .wrapper .s-comuna { margin:15px auto 25px auto; }
    .wrapper .s-comuna .title p { width:92%; }

    .wrapper .content { width: 94%; }
    .wrapper .content h1 { text-align: center; margin: 20px auto 0 auto; line-height: 30px; font-size: 26px; }
    .wrapper .content .region { padding: 15px 10px 0 10px; }
    .wrapper .content .region h2 { margin: 15px auto 5px auto; font-size:22px; }
    .wrapper .content .region header h3 { margin-top: 10px; }
    .wrapper .content .region section { width: 100%; float:none; margin-bottom: 20px; } 
    .wrapper .content .region table { width: 100%; }
    .wrapper .content .region ul { column-count: 1; }
    .wrapper .content .region ul li { width:100%; }

    .wrapper .content .regiones ul li { width:100%; border-top:0; }
    .wrapper .content .region article ol li { font-size:16px; line-height:20px; width:100%; float:none; margin: 0 auto 15px auto; }
    .wrapper .content .region article ol li::before { font-size:16px; }

    .wrapper .content .all { overflow:scroll; }

    .wrapper .content .listado ul { width:100%; float:none; padding:10px; }
    .wrapper .content .listado ul li a { line-height: 20px; padding: 1px 0; }
    .wrapper .content .listado .nav ul { overflow:hidden; }
    .wrapper .content .listado .nav ul .lleft { width:65%; }
    .wrapper .content .listado .nav ul .lright { width:35%; line-height: 20px; padding: 10px 0; }
    .wrapper .content .listado .nav ul .lright span a { color: #333; display: inline; }

    .wrapper .content .listado ul li img { display: block; margin: 0 0 10px 0; }
    
    .wrapper .content .portada nav ul { margin: 20px auto 0 auto; }
    .wrapper .content p { width:100%; max-width: none; }
    .wrapper .content p img  { width:100%; height: auto; max-width: 600px; }
    .wrapper .content p .img { max-width: 274px; }

    .wrapper .content .clima .wheather .wheather-box .time { width:100%; float:none; }
    .wrapper .content .clima .wheather .wheather-box .other { width:100%; float:none; margin:20px auto; }
    .wrapper .content .clima .wheather .wheather-box .other ul { width:100%; }

    .wrapper .content .info .info-left { padding: 12px 4px 0 4px; }
    
    .wrapper .content .section .frm-contacto { width:94%; margin:20px auto; padding:15px; }

    .wrapper .footer .f-bottom { width:96%; }
    .wrapper .footer .f-bottom p { width:90%; }
    .wrapper .footer .f-bottom p span { display:none; }

    .ads {width:94%; margin:20px auto; }
    .ads-in { width:100%;  margin:20px auto; }

}

@media (max-width: 362px) {
    
    h1 { font-size:20px; }
    h2 { font-size:18px; }
    h3 { font-size:16px; }
    h4 { font-size:15px; }

    .wrapper .header .h-content { width: 100%; }
    .wrapper .header .h-content .h-left { width:100%; text-align:center; }
    .wrapper .header .h-content .h-left a { font-size:18px; }
    .wrapper .header .h-content .h-right { width:100%; text-align:center; }

    .wrapper .menu ul { text-align:center; }
    .wrapper .menu ul li a { line-height: 50px; font-size: 15px; }

    .wrapper .slide { margin: 20px auto; }
    .wrapper .slide .search strong { font-size: 18px; }
    .wrapper .slide .search .box { width:100%; }
    .wrapper .slide .search .box2 { width:100%; }
    .wrapper .slide .search .box2 form .opcion { width: 100%; border:0; border-bottom:1px solid #ddd; }
    .wrapper .slide .search .box2 form .buscar { width: 100%; }
    
    .wrapper .s-title .title { padding:12px 0 5px 0; width: 100%; }
    .wrapper .s-title .title h1 { line-height: 24px; line-height: 28px; }
    .wrapper .s-title .title p { font-size:14px; margin:10px auto 20px auto; width:92%; }
    .wrapper .s-title .title .codigo strong a { color:#FFF; }

    .wrapper .s-title .buttons { width: 100%; }

    .wrapper .s-comuna .title p { width:92%; }
    
    .home .s-title .title p { width:85%; font-size: 15px; }
    .indicador .s-title .title p { width:85%; font-size: 15px; }

    

    .wrapper .s-comuna { margin-top:20px; }
    
    .wrapper .content .region { padding: 15px; }
    .wrapper .content .region header h3 { margin-top: 10px; }
    .wrapper .content .region section { width: 100%; float:none; margin-bottom: 20px; } 
    .wrapper .content .region table { width: 100%; }
    .wrapper .content .region table tr td { font-size:13px; } 
    .wrapper .content .region ul { column-count: 1; }
    .wrapper .content .region ul li { width:100%; font-size:14px; }
    .wrapper .content .region ul li a { font-size:14px; padding: 3px 0; }

    .wrapper .content .regiones ul li { width:100%; border-top:0; }
    .wrapper .content .region article ol li { font-size:15px; line-height:18px; width:100%; float:none; margin: 0 auto 15px auto; }
    .wrapper .content .region article ol li::before { font-size:15px; }

    .wrapper .content .all { overflow:scroll; }

    .wrapper .content .listado ul { width:100%; float:none; padding:10px; }
    .wrapper .content .listado ul li a { line-height: 20px; padding: 1px 0; font-size:14px; }
    .wrapper .content .listado .nav ul { overflow:hidden; }
    .wrapper .content .listado .nav ul .lleft { width:65%; }
    .wrapper .content .listado .nav ul .lright { width:35%; line-height: 20px; padding: 10px 0; }
    .wrapper .content .listado .nav ul .lright span a { color: #333; display: inline; }

    .wrapper .content .listado ul li img { display: block; margin: 0 0 10px 0; }
    
    .wrapper .content .portada nav ul { margin: 20px auto 0 auto; }
    .wrapper .content p { width:100%; max-width: none; font-size:14px; }
    .wrapper .content p img  { width:100%; height: auto; max-width: 600px; }
    .wrapper .content p .img { max-width: 274px; }

    .wrapper .content .clima .wheather .wheather-box .time { width:100%; float:none; }
    .wrapper .content .clima .wheather .wheather-box .other { width:100%; float:none; margin:20px auto; }
    .wrapper .content .clima .wheather .wheather-box .other ul { width:100%; }
    
    .wrapper .content .section .frm-contacto { width:94%; margin:20px auto; padding:15px; }

    .wrapper .content .info .info-left { padding: 12px 4px 0 4px; }

    .wrapper .footer .f-bottom { width:96%; }
    .wrapper .footer .f-bottom p { width:90%; }
    .wrapper .footer .f-bottom p span { display:none; }

    .ads {width:94%; overflow:hidden; margin:20px auto; }
    .ads-in { width:100%; margin:20px auto; }

}

.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;
}
