* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    //-webkit-text-stroke-width: .05px;
	//-webkit-text-stroke-color: white;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin: 0px;
	padding: 0px;
	list-style: none;
    outline: none;
    text-decoration: none;	
}   
body {
  padding: 0;
  margin: 0;
  color: #333;
  color: rgba(0,0,0,0.5);
  font-family: 'Roboto', sans-serif; 
  /*background-color: #ddd*/
}
a {
    cursor: pointer;
    color: inherit;
}
header {
    width: 100%;
    height: 60px;
    position: fixed;
   /* background-color: #fff;*/
    box-shadow: 0px 0px 10px #000;
    z-index: 100;
    background-image: linear-gradient(-180deg, rgba(86, 86, 86, 1), rgba(86, 86, 86, 0.1) 100%);
        }
header .content {
	position: relative;
}
header .content .suscribirme {
    position: absolute;
    right: 80px;
    top: 2px;
    background-color: #ff0967;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    border-radius: 8px;
    color: #140000;
    display: block;
    height: 40px;
    width: 100px;
    text-align: center;
    margin-bottom: 12px;
    line-height: 37px;
    font-weight: 700;
    float: right;
    margin: 7px 12px 8px 0;
}
header .content .suscribirme:hover {
    text-decoration: none;
    }
header .logo a {
	height: 50px;
	position: absolute;
	left: 44%;
    right: 44%;
    cursor: pointer;
}
header .logo img {
    text-align: center;
    margin: 0 auto;
}
header .content .share {
	position: absolute;
	right: 10px;
	top: 15px;
    display: inline-flex;
}
header .content .share li a {
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 10px;
    background-size: auto;
    background-repeat: no-repeat;
    }
header .content .share li { 
        display: inline-block;
    }
header .content .share li a.facebook {
	background-image: url(../images/ui/share_facebook2.svg);
    display: block;
}
header .content .share li a.twitter {
	background-image: url(../images/ui/share_twitter2.svg);
}
header .content .share .face {
    display:block;
}
header .content .share .phone {
    display:none;
}
header .content .share li a.whatsapp {
	background-image: url(../images/ui/share_whatsapp2.svg);
}
.svgcontainer {
    max-width: 435px;
    margin: 0 auto;
    align-content: center;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
section {
    width: 100%;
    height: auto;
}
.WrapperCover {
    width: 100%; 
    margin: 0px auto 50px auto;
    padding: 20px 20px 50px 20px;
    background-color: #333;
    height: 1600px
}
.Historic {
    width: 100%;
    height: 1200px;
    margin: 0 auto 100px auto;
    padding: 5% 0%;
    display: block;
    background-color: #fff;
    text-align: center;
}
.Historic iframe {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    display: inline-block;
}
.Historic p, DataWrappers p {
    margin: 30px auto 10px auto;
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    
}
.DataWrappers {
    width: 100%;
    margin: 0 auto 50px auto;
    padding: 5% 0%;
    display: block;
    text-align: center;
}
.DataWrappers iframe {
   height: 650px;
   width: 90%;
   padding: 0 5%;
   margin-top: 65px
}
.noScrollFrame001 {
   width: 70%;
   margin: 10% 15% 0% 15%;
   height: 100%;
}
.noScrollFrame001 iframe {
   height: 800px
}
.WrapperIframeHorizontal {
   height: auto;
   margin: 5% auto 0% auto;
   text-align: center
}
.WrapperIframeHorizontal iframe {
   height: 450px;
   width: 100%
}
.DataWrappers iframe.mapin {
   height: 480px;
   width: 85%;
   padding: 2% 10% 0% 20%;
}

/*.hospital {
    background-image:  url(../images/covidexample.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}*/
.IntroPic {
    background-image:  url(../images/covidexample2.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 120%;
    z-index: 2;
   /* -webkit-animation: bkg-animation 20s infinite alternate both linear;
    -moz-animation: bkg-animation 20s infinite alternate both linear;
    -o-animation: bkg-animation 20s infinite alternate both linear;
    animation: bkg-animation 20s infinite alternate both linear;*/
}
.Monday {
    background-image:  url(../images/monday.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    z-index: 2;
}
.weekend {
    background-image:  url(../images/dark.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    z-index: 2;
}
.may2 {
    background-image:  url(../images/may2.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 100%;
    z-index: 2;
}
/*@-webkit-keyframes bkg-animation {
    from{
        background-position:0px;
    }
    to{
        background-position:100%;
    }
}
@-moz-keyframes bkg-animation {
    from{
        background-position:0px;
    }
    to{
        background-position:100%;
    }
}
@-o-keyframes bkg-animation {
    from{
        background-position:0px;
    }
    to{
        background-position:100%;
    }
}
@keyframes bkg-animation {
    from{
        background-position:0px;
    }
    to{
        background-position:100%;
    }
}*/
.ticomap {
    background-image:  url(../images/costarica.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}
h1 {
    font-family: 'DM Serif Text', serif; 
    font-weight: bolder; 
    font-size: 55px;
    line-height: 50px;
    color: #fff;
    margin: 40px auto 30px auto;
    text-align: center;
    max-width: 775px;
    /*text-shadow: 2px 2px #000;*/
}
.RegionesH1 {
    font-family: 'DM Serif Text', serif; 
    font-weight: bolder; 
    font-size: 77px;
    line-height: 79px;
    color: #fff;
    margin: 100px auto 30px auto;
    text-align: center;
    max-width: 1200px;
}
.separator {
    margin-bottom: 40px;
}
/*h2 taken by css infografia*/
h3 {
    font-family: 'DM Serif Text', serif; 
    font-weight: bolder; 
    font-size: 35px;
    line-height: 38px;
    color: #000;
    margin: 0 auto 20px auto;
    text-align: center;
    width: 100%;
}
.HistoricTitle {
    font-family: 'DM Serif Text', serif;
    font-weight: 900;
    font-size: 37px;
    line-height: 38px;
    color: #000;
    width: 80%;
    margin: 5% auto 0% auto;
    text-align: center;
    color: #2c2d27;
}
.HistoricTitle strong {
    color: #5E5E5E;
}
.HistoricTitle b {
    color: #eb4248;
}
.IntroSpecial {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400; 
    font-size: 19px;
    line-height: 23px;
    color: #fff;
    margin: 55px auto 0px auto;
    text-align: center;
    max-width: 1000px;
}
.IntroBlack {
  font-family: 'Roboto', sans-serif; 
    font-weight: 300; 
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin: 0 auto;
    text-align: center;
    max-width: 800px;
}
.WrapperDatos {
    width: 80%;
    height: 100px;
    margin: 5% 10%;
    /*background-color: aqua;*/
}
.WrapperDatosRegiones {
    clear: both;
    margin: 0 auto;
    top:450px;
    position: relative;
}
.WrapperDatosRegiones img {
    z-index: 1;
}
.updater_info {
    height: 45px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 15px; 
    text-align: center;
    margin-bottom: 30px;
    padding: 0 25px;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    bottom: -550px;
    left: 10%;
    right: 10%;
}

/*.updater_info div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: cooleffect 5s linear infinite;
}*/

/*.updater_info span {
  float: left;
  width: 50%;
}*/
.SubDatos {
    width: 20%;
    height: 100px;
   /* background-color: yellow;*/
    margin: 0 auto;
    float: left;
    border-right: 1px dashed #fff;
    /*display: block;*/
}
.SubDatosRegiones {
    position: absolute;
    width: 14%;
    margin: 0 auto;
    z-index: 2;
    text-align: center
}
.FechaPrincipal {
    position: absolute;
    top: -350px;
    right: 20%;
    left: 20%;
    z-index: 2;
    text-align: center;
}
.Regiones {
    clear: both;
    z-index: 2;
    font-weight: 700;
    font-family: 'DM Serif Text', serif;
    font-size: 44px;
    line-height: 49px;
    color: #fff;
    text-align: center;
}
.Regiones2 {
    font-weight: 700;
    font-size: 15px;
    line-height: 13px;
}
.totales {
    top: -100px;
    right: 30%;
    left: 30%;
    font-weight: 300; 
}
.Central {
    bottom: 54%;
    left: 46%;
    font-weight: 300; 
    color:#eb4248;
}
.Brunca {
    bottom: 29%;
    right: 21%;
    font-weight: 300; 
    color:#eb4248;
}
.Chorotega {
    top: 19%;
    left: 17.6%;
    font-weight: 300;
    color:#eb4248;
    
}
.HuetarC {
    top: 16%;
    right: 21%;
    font-weight: 300; 
    color:#eb4248;
}
.HuetarN {
    top: 14%;
    left: 36%;
    font-weight: 300;
    color:#eb4248;
}
.PacificoC {
    bottom: 28%;
    left: 40%;
    font-weight: 300; 
    color:#eb4248;
}
.Others {
    bottom: 26%;
    left: 15%;
    font-weight: 300; 
    color:#eb4248;
}
.Fecha {
    bottom: 26%;
    left: 15%;
    font-weight: 300; 
    color:#eb4248;
}
.Category {
    font-family: 'Roboto', sans-serif; 
    font-size: 15px;
    line-height: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
 /*   display: inline-block;*/
}
.Category2 {
    font-family: 'Roboto', sans-serif; 
    font-size: 25px;
    line-height: 27px;
    color: #eb4248;
    text-align: center;
 /*   display: inline-block;*/
}

.Category2 strong { 
    font-family: 'DM Serif Text', serif;
    color:#fff;
    font-size: 35px;
    line-height: 38px;
    letter-spacing: 2px;
}
.DatoSecundario, .DatoTerciario {
    width: 100%;
    height: auto;
    margin: 100px auto 100px auto;
    text-align: center;
    background-color: #333;
    padding: 100px 0px;
}
.DatoSecundario iframe {
    height: 700px;
    width: 50%;
    margin: 65px auto 0px auto;
    padding: 0 25%;
}
/*.Detail {
    font-family: 'Roboto', sans-serif; 
    font-weight: 700; 
    font-size: 45px;
    color: #fff;
    text-align: center;
}*/
.Analisis {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400; 
    font-size: 17px;
    line-height: 20px;
    color: #000;
    max-width: 1000px;
    margin: 0 auto 30px auto;
    text-align: center;   
}
.LND_FC_footer {
    font-size: 12px;
    letter-spacing: 0.8px;
    font-family: 'Roboto', sans-serif; 
    text-align: center;
    padding-top: 30px;
    padding-bottom: 45px;
    margin: 0 auto;
    width: 100%;
    background-color: #222;
}
.footercontainer {
    width: 80%; 
    margin: 0 auto;
}
.LND_FC_listado_id {
    clear: both;
    width: 100%;
    vertical-align: top;
    min-height: 265px;
    margin: 0 auto;
}
.LND_FC_listado_itm {
    width: 29.5%;
    /*float: left;*/
    display: inline-block;
    margin: 15px 30px 10px 0px;
    vertical-align: top;
}
span.footerp {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif; 
}
.endinglogo {
    width: 30%;
    display: block;
    margin: 0 auto;
}
.main {
    margin: 15px auto 40px auto;
}
.SANJOSE {
    width: 100%; 
    -moz-appearance: none;
    -webkit-appearance: none;
}
.maincreditos {
    max-width: 800px;
    margin: 0 auto;
}
.maincreditos p {
    color: #C9C9C7;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 1px;
    max-width: 800px;
    margin: 0 auto;
}
.maincreditos strong {
    color: #999; 
}
.selector_container {
max-width:600px; text-align: center; margin: 0 auto;
}
/*ESTILOS DE GOOGLE SPREADSHEETS*/
.Detail, .Detail2, .Detail3, .Detail4, .Detail5, .Detail6, .Detail7, .Detail9 {
width: 100%;
float: initial;
}
.Detail8 {
display: block;
width: 200%;
height: 30px;
overflow: hidden;
}
.Detail span {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; 
    font-size: 85px;
    line-height: 95px;
    text-align: center;
} 
.Detail2 span, .Detail3 span, .Detail4 span, .Detail5 span, .Detail6 span, .Detail7 span, .Detail9 span {
    font-family: 'Roboto', sans-serif; 
    font-weight: 700; 
    font-size: 40px;
    line-height: 43px;
    color: #fff;
    text-align: center;
}
.Detail8 span {
float: left;
width: 50%;
    font-weight: 700;
}
.Detail12 span {
font-family: 'Roboto', sans-serif; 
font-weight: 400; 
font-size: 18px;
line-height: 22px;
color: #333;
text-align: center;
}
.CV_CentralColumn {
   width: 50%;
   margin: 0 auto;
}
.CVanalisis {
   width: 100%;
   height: auto;
   padding: 5% 0%;
}
.showSingle {
   padding: 10px 20px;
   background-color: #fff;
   border-top-right-radius: 12px;
   border-top-left-radius: 12px;
   cursor: pointer;
   margin: 0 5px;
   font-weight: 700;
}
.active, .showSingle:hover {
   background-color:#A6A6A6;
   color: #fff;
   -webkit-box-shadow: 10px 9px 8px -5px #545454; 
   box-shadow: 10px 9px 8px -5px #545454;
}
.cnt {
   height: 670px;
   overflow: hidden;
}
.HospiFrame001 {
   max-width: 1700px;
   width: 80%;
   margin: 5% 10% 0% 10%;
   height: auto
}
.HospiFrame001 iframe {
   height: 500px
}
.cnt {
   height: 670px;
   overflow: hidden;
}
.CVregularFlowsBlock {
   width: 100%;
   padding: 5% 5%;
   text-align: center;
}
h3.regularFlows {
    font-family: 'DM Serif Text', serif; 
    font-weight: 900; 
    font-size: 37px;
    line-height: 38px;
    color: #000;
   width: 80%;
   margin: 2% auto 4% auto;
   text-align: center;
   color: #2c2d27;
}

/*MOBILE 1*/
@media screen and (max-width: 450px){
.CV_CentralColumn {width: 95%; margin: 0 auto}
.CVregularFlowsBlock {padding: 8% 1%}
h3.regularFlows {font-size: 25px;line-height: 24px; margin: 0% 5% 0% 5%;width: 90%;position: inherit}
.CVanalisis {padding: 15% 0%;}
header .logo img {width: 50%}
header .logo a {left: 16px; right: none}
header .content .share .phone {display: block;}
header .content .share .face {display:none;}
#LND_FC_footer {width: 85%;margin: 0 auto;text-align: center;}
.LND_FC_listado_itm {width: 90%;float: none;margin: 32px auto;}
.endinglogo {width: 70%;}
h1 {font-size: 30px; margin: 0px auto 10px auto; max-width: 350px; line-height: 32px; }
.separator { margin-bottom: 100px;}
h3 {font-size: 30px; line-height: 32px;max-width: 350px; margin-bottom: inherit; padding: 0px 15px}
.IntroSpecial {font-size: 14px; line-height: 17px; max-width: 300px;margin-top: 5px}
.IntroBlack { font-size: 17px;line-height: 17px;max-width: 300px;}
.WrapperDatos {width: 90%;height:300px;margin: 5% 5%;}
.SubDatos {width: 100%;height: 60px;margin: 0 auto;float: none;border-right: inherit; border-bottom: 1px dashed #fff;}
.Category {width: inherit;text-align: center;float: inherit;font-size: 13px;padding: inherit; margin-top: 0px}
.Category2 {font-size: 20px; line-height: 22px}
.Category2 strong {font-size: 25px; line-height: 30px}
.Detail {width: 100%;text-align: center;float: left; line-height: 0px; font-size: 45px;}
.updater_info {position: absolute;font-size: 11px; line-height: 14px; max-width:300px; height: 65px; padding-top: 20px; left: 5%; right: 5%; bottom: -60px}
.Monday,.weekend,.may2 {background-size: 350%; background-position: top;}
.Detail span {font-size: 45px; line-height: 55px}
.Detail2 span, .Detail3 span, .Detail4 span, .Detail5 span, .Detail6 span, .Detail7 span, .Detail9 span {
line-height: 16px; font-size: 17px}
.Detail12 span {font-size: 16px; line-height: 18px}
.WrapperCover {margin-bottom: 30px; height: 1000px}
.WrapperDatosRegiones {top:340px}
.WrapperDatosRegiones img {margin-top: 0px; opacity: 0.5}
.SubDatosRegiones {margin-bottom: -11px; width: inherit}
.Regiones {right: 3%; top: 3px; font-size: 27px; line-height: 30px}
.RegionesH1 {font-size: 35px; line-height: 40px; margin-top: 60px; margin-bottom: 25px}
.totales {right: 10%}
.Chorotega {top: 14%;left: -0.4%;}
.HuetarN {left: 26%;top: -5%;}
.HuetarC {right:7%; top:16%}
.PacificoC {bottom:16%; left: 30%; width: 100px; line-height: 13px}
.Central {bottom:51%}
.Brunca {right: 7%; bottom: 20%}
.Historic {height: 750px; margin-bottom: 0px; padding: 10% 0%}
.Historic p, DataWrappers p {font-size: 19px; line-height: 20px; max-width:320px }
.historic iframe { height: 400px; width: 100%}
.HistoricTitle {font-size: 24px; line-height: 27px;margin-bottom: 1px}
.FechaPrincipal {left: 7%; right: 7%; top:-290px}
.Others {left: 10%; bottom: 18%}
.noScrollFrame001 {width: 90%; margin: 10% 5% 0% 5%}
.noScrollFrame001 iframe {margin-top: 18px}
.DataWrappers {margin-bottom: 50px}
.DataWrappers iframe {height: 350px}
.DataWrappers iframe.mapin {height: 400px;width: 95%;padding: 2% 5% 0% 5%;margin: 50px auto 0px auto;}
.DatoSecundario {margin: 10px auto; width: 100%; padding: 10% 5%; height: 950px}
.DatoSecundario iframe {padding: 0% 5%; height: 350px}
.HospiFrame001 {height: auto}
.WrapperIframeHorizontal {width: 90%}   
.HospiFrame001 iframe {height: 420px; margin-top:18px}
.cnt {height: 440px}
.showSingle {padding: 10px 8px; font-size: 13px}
.noScrollFrame001 {width: 100%; margin: 10% 0% 0% 0%}
.DatoTerciario {height: 250px; margin-bottom: 10px; padding: 50px 0px}
}



/*MOBILE 2*/
@media (min-width: 450px) and (max-width: 700px) {
.CV_CentralColumn {width: 90%; margin: 0 auto}
.CVregularFlowsBlock {padding: 8% 1%}
h3.regularFlows {font-size: 25px;line-height: 24px; margin: 0% 5% 0% 5%;width: 90%;position: inherit}
header .logo img {width: 50%}
header .logo a {left: 16px; right: none}
header .content .share .phone {display: block;}
header .content .share .face {display:none;}
#LND_FC_footer {width: 85%;margin: 0 auto;text-align: center;}
.LND_FC_listado_itm {width: 90%;float: none;margin: 32px auto;}
.endinglogo {width: 70%;}
h1 {font-size: 30px; margin: 0px auto 10px auto; max-width: 350px; line-height: 32px; }
.separator { margin-bottom: 100px;}
h3 {font-size: 30px; line-height: 32px;max-width: 350px; margin-bottom: inherit; padding: 0px 15px}
.IntroSpecial {font-size: 14px; line-height: 17px; max-width: 400px;margin-top: 5px}
.IntroBlack { font-size: 17px;line-height: 17px;max-width: 300px;}
.WrapperDatos {width: 90%;height:300px;margin: 5% 5%;}
.SubDatos {width: 100%;height: 60px;margin: 0 auto;float: none;border-right: inherit; border-bottom: 1px dashed #fff;}
.Category {width: inherit;text-align: center;float: inherit;font-size: 18px;line-height: 20px; padding: inherit; margin-top: 0px}
.Category2 {font-size: 20px; line-height: 22px}
.Category2 strong {font-size: 25px; line-height: 30px}
.Detail {width: 100%;text-align: center;float: left; line-height: 0px; font-size: 45px;}
.updater_info {position: absolute;font-size: 13px; line-height: 16px; max-width:300px; height: 65px; padding-top: 20px; left: 5%; right: 5%; bottom: -30px}
.Monday,.weekend,.may2 {background-size: 350%; background-position: top;}
.Detail span {font-size: 45px; line-height: 55px}
.Detail2 span, .Detail3 span, .Detail4 span, .Detail5 span, .Detail6 span, .Detail7 span, .Detail9 span {
line-height: 26px; font-size: 26px}
.Detail12 span {font-size: 17px; line-height: 18px}
.WrapperCover {margin-bottom: 30px; height: 1000px}
.WrapperDatosRegiones {top:340px}
.WrapperDatosRegiones img {margin-top: 0px; opacity: 0.5}
.SubDatosRegiones {margin-bottom: -11px; width: inherit}
.Regiones {right: 3%; top: 3px; font-size: 27px; line-height: 30px}
.RegionesH1 {font-size: 45px; line-height: 47px; margin-top: 60px; margin-bottom: 25px}
.totales {right: 10%}
.Chorotega {top: 19%;left:6%;}
.HuetarN {left: 32%;top: -2%;}
.HuetarC {right:13%; top:16%}
.PacificoC {bottom:20%; left: 35%; width: 100px; line-height: 13px}
.Central {bottom:54%}
.Brunca {right: 9%; bottom: 20%}
.Historic {height: 850px; margin-bottom: 0px; padding: 10% 0%}
.Historic p, DataWrappers p {font-size: 20px; line-height: 21px; max-width:330px }
.Historic iframe {height:400px; width: 100%}
.WrapperIframeHorizontal {width: 90%}
.HistoricTitle {font-size: 26px; line-height: 27px;margin-bottom: 1px}
.FechaPrincipal {left: 7%; right: 7%; top:-290px}
.Others {left: 10%; bottom: 18%}
.noScrollFrame001 iframe {margin-top: 18px}
.DataWrappers {margin-bottom: 50px}
.DataWrappers iframe {height: 350px}
.DataWrappers iframe.mapin {height: 450px;width: 95%;padding: 2% 5% 0% 5%;margin: 50px auto 0px auto;}
.DatoSecundario {margin: 10px auto; width: 100%; padding: 10% 5%; height: 1000px}
.DatoTerciario {height: 300px}
.DatoSecundario iframe {padding: 0% 5%; height: 450px}
.HospiFrame001 {height: auto}
.HospiFrame001 iframe {height: 500px; margin-top:18px}
.cnt {height: 520px}
.showSingle {padding: 10px 10px; font-size: 12px}
.noScrollFrame001 {width: 90%; margin: 10% 5% 0% 5%}
}


/*SMALL SCREENS / IPADS */  
@media (min-width: 700px) and (max-width: 999px) { 
.CV_CentralColumn {width: 80%; margin: 0 auto}
header .logo img {width: 50%}
header .logo a {left: 16px; right: none}
header .content .share .phone {display: block;}
header .content .share .face {display:none;}
#LND_FC_footer {width: 85%;margin: 0 auto;text-align: center;}
.LND_FC_listado_itm {width: 90%;float: none;margin: 32px auto;}
.endinglogo {width: 70%;}
h1 {font-size: 30px; margin: 0px auto 10px auto; max-width: 350px; line-height: 32px; }
.separator { margin-bottom: 100px;}
h3 {font-size: 30px; line-height: 32px; margin-bottom: inherit; padding: 0px 15px}
.IntroSpecial {font-size: 14px; line-height: 17px; max-width: 400px;margin-top: 5px}
.IntroBlack { font-size: 17px;line-height: 17px;max-width: 300px;}
.WrapperDatos {width: 90%;height:300px;margin: 5% 5%;}
.SubDatos {width: 100%;height: 60px;margin: 0 auto;float: none;border-right: inherit; border-bottom: 1px dashed #fff;}
.Category {width: inherit;text-align: center;float: inherit;font-size: 18px;line-height: 20px; padding: inherit; margin-top: 0px}
.Category2 {font-size: 20px; line-height: 22px}
.Category2 strong {font-size: 25px; line-height: 30px}
.Detail {width: 100%;text-align: center;float: left; line-height: 0px; font-size: 45px;}
.updater_info {position: absolute;font-size: 13px; line-height: 16px; max-width:300px; height: 65px; padding-top: 20px; left: 5%; right: 5%; bottom: -30px}
.Monday,.weekend,.may2 {background-size: 350%; background-position: top;}
.Detail span {font-size: 45px; line-height: 55px}
.Detail2 span, .Detail3 span, .Detail4 span, .Detail5 span, .Detail6 span, .Detail7 span, .Detail9 span {
line-height: 26px; font-size: 26px}
.WrapperCover {margin-bottom: 30px; height: 1200px}
.WrapperDatosRegiones {top:340px}
.WrapperDatosRegiones img {margin-top: 0px; opacity: 0.5}
.SubDatosRegiones {margin-bottom: -11px; width: inherit}
.Regiones {right: 3%; top: 3px; font-size: 27px; line-height: 30px}
.RegionesH1 {font-size: 45px; line-height: 47px; margin-top: 60px; margin-bottom: 25px;max-width: 500px}
.totales {right: 10%}
.Chorotega {top: 19%;left:14%;}
.HuetarN {left: 34%;top: 14%;}
.HuetarC {right:24%; top:18%}
.PacificoC {bottom:28%; left: 38%; width: 100px; line-height: 13px}
.Central {bottom:56%}
.Brunca {right: 22%; bottom: 30%}
.Historic {height: 850px; margin-bottom: 0px; padding: 10% 0%}
.Historic p, DataWrappers p {font-size: 22px; line-height: 23px; max-width:350px }
.Historic iframe {height:500px; width: 100%}
.WrapperIframeHorizontal {width: 70%}
.HistoricTitle {font-size: 26px; line-height: 27px;margin-bottom: 1px}
.FechaPrincipal {left: 7%; right: 7%; top:-290px}
.Others {left: 10%; bottom: 18%}
.DataWrappers {margin-bottom: 50px}
.DataWrappers iframe {height: 350px}
.DataWrappers iframe.mapin {height: 500px;width: 83%;padding: 2% 5% 0% 5%;margin: 50px auto;}
.DatoSecundario {margin: 10px auto; width: 100%; padding: 10% 5%; height: 1200px}
.DatoSecundario iframe {padding: 0% 5%; height: 635px}
.cnt {height: 650px}
}
    
/*AVERAGE LAPTOPS*/
@media (min-width: 1000px) and (max-width: 1300px) {
.CV_CentralColumn {width: 75%; margin: 0 auto}
.PacificoC {bottom: 30%}
.RegionesH1 {font-size: 70px;line-height: 75px; max-width: 1000px}
.Regiones {font-size: 39px;line-height: 40px}
.IntroSpecial {margin-top: 15px; font-size: 17px; line-height: 21px}
.WrapperIframeMapCR {width: 40%;height: 80%;margin: 0 30%;top:20%}
.WrapperIframeHorizontal {width: 100%}
.WrapperDatosRegiones {max-width:875px; max-height: 580px;}
.WrapperCover {margin-bottom: 50px}
.updater_info {bottom: -100px}
.Category {font-size: 11px}
.Detail span {font-size: 66px; line-height: 69px}
.Detail2 span, .Detail3 span, .Detail4 span, .Detail5 span, .Detail6 span, .Detail7 span, .Detail9 span {line-height: 30px}
.WrapperIframeEvo {width: 70%; margin: 0 15%; height: 80%}
.Historic {height: 1000px}
.Historic p, DataWrappers p {font-size: 26px; line-height: 27px; max-width:600px }
.DataWrappers iframe {height: 450px;margin-top: 25px}  
.HistoricTitle {font-size: 26px;line-height: 27px;max-width:1000px;}
.Historic iframe { width: 1000px}
.DataWrappers {margin-bottom: 10px}
.DataWrappers iframe.mapin {margin-bottom: 0px; height: 450px;width: 75%;padding: 0% 15% 0% 15%;}
.DatoSecundario {margin: 20px auto}
.FechaPrincipal {left: 5%; right: 5%}
.cnt {height: 650px}
}
/*Huge Desktops*/
@media (min-width: 1500px) {
.WrapperIframeMapCR { width: 50%;height: 85%;margin: 0 25%;top:15%;}
.WrapperIframeHorizontal {width: 80%; margin: 5% 10% 0% 10%}
.WrapperIframeHorizontal iframe {width: 100%}
.WrapperDatosRegiones {max-width: 1053px;max-height: 653px;}
.IntroSpecial {margin:55px auto 25px auto}
.Detail span {font-size: 60px}
.Detail2 span, .Detail3 span, .Detail4 span, .Detail5 span, .Detail6 span, .Detail7 span, .Detail9 span {font-size: 18px; line-height: 22px}
.WrapperIframeEvo {width: 70%; margin: 0 15%; height: 80%}
.Historic iframe { width: 1200px; height: 700px}
.updater_info {bottom: -10px}
.HospiFrame001 iframe {width: 70%; height: 500px; margin: 3% auto 0% auto}
}