@font-face{font-family:'Conv_Montserrat-Bold'; src:url('fonts/Montserrat-Bold.eot'); src:local('&#9786'),url('fonts/Montserrat-Bold.woff') format('woff'),url('fonts/Montserrat-Bold.ttf') format('truetype'),url('fonts/Montserrat-Bold.svg') format('svg'); font-weight:normal; font-style:normal}
/** Generated by FG **/
@font-face{font-family:'Conv_Montserrat-Regular'; src:url('fonts/Montserrat-Regular.eot'); src:local('&#9786'),url('fonts/Montserrat-Regular.woff') format('woff'),url('fonts/Montserrat-Regular.ttf') format('truetype'),url('fonts/Montserrat-Regular.svg') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'Conv_HelveticaNeueLTStd-MdCn'; src:url('fonts/HelveticaNeueLTStd-MdCn.eot'); src:local('☺ '),url('fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),url('fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'),url('fonts/HelveticaNeueLTStd-MdCn.svg') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'Conv_HelveticaNeueLTStd-ThCn'; src:url('fonts/HelveticaNeueLTStd-ThCn.eot'); src:local('☺ '),url('fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),url('fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),url('fonts/HelveticaNeueLTStd-ThCn.svg') format('svg'); font-weight:normal; font-style:normal}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, 
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles:opinionated defaults
   ========================================================================== */
html{color:#3d3d3d;  font-size:1em;  line-height:1.4}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection{background:#b3d4fc;  text-shadow:none}

::selection{background:#b3d4fc;  text-shadow:none}

/*
 * A better looking default horizontal rule
 */
hr{display:block;  height:1px;  border:0;  border-top:1px solid #ccc;  margin:1em 0;  padding:0}

/*
 * Remove the gap between audio, canvas, iframes, 
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, 
canvas, 
iframe, 
img, 
svg, 
video{vertical-align:middle}

/*
 * Remove default fieldset styles.
 */
fieldset{border:0;  margin:0;  padding:0}

/*
 * Allow only vertical resizing of textareas.
 */
textarea{resize:vertical}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade{margin:0.2em 0;  background:#ccc;  color:#000;  padding:0.2em 0}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{background-color:#fff; margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:100%; font-size:14px; line-height:normal; font-weight:normal; color:#3d3d3d}
p{font-size:100%}
.container{width:1280px !important; max-width:1280px !important}
a{text-decoration:none; color:#c10035}
a:hover{color:#c10035; text-decoration:underline}
a:active{outline:none; color:#00726b}
a:focus{outline:none}
img{border:none}
.cl{font-size:0;  line-height:0;  height:0;  clear:both}
.Espacio{clear:both; margin-bottom:10px}
.Centro{text-align:center; margin-right:auto; margin-left:auto; clear:both}
.Derecha{text-align:right; clear:both}
.align_left{float:left;  margin-right:1em;  margin-bottom:1em}
.align_right{float:right;  margin-left:1em;  margin-bottom:1em}
.align_center{display:block;  margin-left:auto;  margin-right:auto}
img.opacity{opacity:1; filter:alpha(opacity=100)}
img.opacity:hover{opacity:0.8; filter:alpha(opacity=80)}
/*-----------------header-----------------*/
#header{clear:both; font-family:'Conv_Montserrat-Regular',Sans-Serif; font-size:130%; height:92px !important; color:#808080; margin-top:5px; margin-bottom:5px}
#header .logo{padding-left:40px; padding-top:20px}
#header .logo img{transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; -o-transition:opacity .5s linear}
#header .logo img:hover{opacity:0.7; filter:alpha(opacity=70)}
#header .estado{padding-right:40px}
#header .slogan{margin-top:20px}
#header .slogan span{font-size:60%; font-weight:lighter; font-family:Verdana,Geneva,sans-serif}
/*-----------------header2-----------------*/
#header2{height:92px !important; color:#808080; margin-top:5px; margin-bottom:5px}
#header2 .logo{padding-left:40px; padding-top:20px}
#header2 .logo img{transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; -o-transition:opacity .5s linear; width:80%}
#header2 .logo img:hover{opacity:0.7; filter:alpha(opacity=70)}
#header2 .estado{padding-right:40px}
#header2{background-image:url(../images/cabeza-color.png); background-repeat:no-repeat; background-position:20px 0px}
/*-----------------slideshow-----------------*/
.carousel{width:100%}
.slideshow{position:relative}
/*-----------------nav-----------------*/
.menu{background-color:#c10035}
.navbar .nav-item{text-align:center}
.navbar .nav-item a{font-weight:bold}
.navbar .nav-item a:hover{background-color:#c10035}
.navbar .nav-item .dropdown-menu{background-color:#c10035}
.navbar .nav-item .dropdown-menu a{font-weight:normal; font-size:90%}
.navbar .nav-item a:hover{background-color:#c10035}
/*-----------------navbar-default-----------------*/
.menufondo{background-image:url(../images/menu-fondo.png); background-repeat:no-repeat; height:65px}
.navbar-custom{}
.navbar-nav >li{padding-left:35px;  padding-right:35px}
/* change the brand and text color */
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-text{color:black}
/* change the link color */
.navbar-custom .navbar-nav .nav-link{color:#fff; line-height:40px}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link, 
.navbar-custom .nav-item:hover .nav-link{color:#FF0; /*background-color:#6879a7; */}
/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu{}
.navbar-custom .dropdown-item{color:#fff}
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus{color:#191919}
/*-----------------contadores2-----------------*/
.contadores2{font-family:Conv_Montserrat-Bold; text-align:center; padding-top:10px; padding-left:10px; font-size:200%; color:#FFF}
.contadores2 .casos{
	background-image:url(../images/contadores-confirmados.png);
	background-repeat:no-repeat;
	height:108px;
	width:153px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	margin-bottom:10px
}
.contadores2 .recuperados{background-image:url(../images/contadores-recuperados.png); background-repeat:no-repeat; height:108px; width:160px; margin-right:auto; margin-left:auto; padding-top:20px; margin-bottom:10px}
.contadores2 .decesos{background-image:url(../images/contadores-decesos.png); background-repeat:no-repeat; height:108px; width:154px; margin-right:auto; margin-left:auto; padding-top:20px; margin-bottom:10px}
.contadores2 .boton{width:100%; font-size:50%; color:#000; line-height:35px; font-family:'Conv_Montserrat-Regular',Sans-Serif}
.contadores2 .boton a{color:#000}
.contadores2 .boton a:hover{color:#F00; text-decoration:none}
.contadores2 input{font-family:Arial,Helvetica,sans-serif !important; font-size:50%; font-weight:normal; width:220px}
.contadores2 h6{margin-top:20px; color:#333}
/*-----------------PRE-----------------*/
.promo{margin-top:30px; margin-bottom:30px; margin-right:0px; padding:0px}
.promo2{margin-top:30px; margin-bottom:30px; display:none}
/*-----------------homepage-----------------*/
.titulos{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:250%; padding-top:10px; padding-bottom:10px; padding-left:15px}
.card-footer{background-color:#FFF; border:0px none #FFF}
.border-light{background-color:#FFF; border:0px none #FFF}
.noticias h1{color:#a39fa3; margin-top:30px}
.noticias .card-body{background-image:url(../images/fondo-noticias.png); background-repeat:no-repeat; background-position:100% 0px}
.noticias .card-title{font-size:100%; line-height:25px; color:#FFF; background-image:url(../images/fondo2-noticias.png); background-repeat:no-repeat; padding-left:8px; font-weight:bold}
.noticias .card-text{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:210%}
.noticias .card-text a{color:#000}
.noticias .card-text a:hover{color:#669485; text-decoration:none}
.datos h1{color:#5f6849; ; margin-top:30px}
.datos .card-body{ text-align:center}
.datos .card-title{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:200%}
.datos .universal{color:#eb6d39; text-align:center}
.datos .universal .card-body{background-image:url(../images/bono-fondo1.png); background-repeat:no-repeat; background-position:100% 0px}
.datos .monto1{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:300%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#FFF; margin-right:auto; margin-left:auto; background-color:#eb6d39}
.datos .dignidad{color:#0f8aa0; text-align:center}
.datos .dignidad .card-body{background-image:url(../images/bono-fondo2.png); background-repeat:no-repeat; background-position:100% 0px}
.datos .monto2{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:300%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#FFF; margin-right:auto; margin-left:auto; background-color:#0f8aa0}
.datos .aguinaldo{color:#6c78a2; text-align:center}
.datos .aguinaldo .card-body{background-image:url(../images/bono-fondo3.png); background-repeat:no-repeat; background-position:100% 0px}
.datos .aguinaldo .card-title{font-size:150%}
.datos .monto3{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:300%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#FFF; margin-right:auto; margin-left:auto; background-color:#6c78a2}
.leyes h1{color:#af5cc8; margin-top:30px}
.leyes .tipo1{background-image:url(../images/ds1.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo2{background-image:url(../images/ds2.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo3{background-image:url(../images/ds3.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo4{background-image:url(../images/ds4.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo5{background-image:url(../images/ds5.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo6{background-image:url(../images/ds6.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo7{background-image:url(../images/ds7.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo8{background-image:url(../images/ds8.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo9{background-image:url(../images/ds9.png); background-repeat:no-repeat; background-position:10px 17px}
.leyes .tipo1 .fecha{color:#dcc45c}
.leyes .tipo2 .fecha{color:#ffaa61}
.leyes .tipo3 .fecha{color:#ff6a67}
.leyes .tipo4 .fecha{color:#D189B7}
.leyes .tipo5 .fecha{color:#9FAEA2}
.leyes .tipo6 .fecha{color:#AE2C46}
.leyes .tipo8 .fecha{color:#BBA08B}
.leyes .tipo7 .fecha{color:#B79B15}
.leyes .tipo9 .fecha{color:#4E6BD1}
.leyes .card-title{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:100%; color:#FFF; text-align:center; margin-bottom:0px}
.leyes .card-text{
	font-family:'Conv_Montserrat-Bold',Sans-Serif;
	padding-right:20px;
	padding-left:25px;
	display: block;
}
.leyes .ds{
	margin-left: 110px;
}

.info h1{color:#ffaa61; margin-top:30px}
.cuidados h1{color:#c10035; margin-top:30px}
.datos h1{color:#5f6849; margin-top:30px}
/*-----------------repote-----------------*/
.slideshow .repote{text-align:center; font-size:90%; width:60%; position:absolute; left:20px; top:35px}
.slideshow .repote h1{font-family:'Conv_Montserrat-Regular',Sans-Serif}
.slideshow .alert{-webkit-box-shadow:3px 3px 5px 2px rgba(0,0,0,0.5); box-shadow:3px 3px 5px 2px rgba(0,0,0,0.5)}
.bloque .alert-primary{background-color:#0077b5; color:#FFF}
.bloque .alert-success{background-color:#0d8c43; color:#FFF}
.bloque .alert-dark{background-color:#dbdde9}
/*-----------------mapa-----------------*/
.mapa{margin-top:20px; margin-bottom:20px}
.mapa .mapanuevos{font-family:'Conv_HelveticaNeueLTStd-MdCn',Sans-Serif; font-size:160%; font-weight:bold; color:#2f285c}
.mapa .mapanuevos .mapanuevoshoy{background-image:url(../images/mapa-nuevos.png); background-repeat:no-repeat; height:275px; width:400px; position:relative}
.mapa .mapanuevos .mapanuevoshoy .nuevoscasos1{font-size:330%; padding-top:50px; padding-bottom:0px; margin:0px}
.mapa .mapanuevos .mapanuevoshoy p{margin:0px; padding:0px}
.mapa .mapanuevos .mapanuevoshoy .izq{font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; color:#2f2d5f; text-align:right; position:absolute; top:10px; left:35px; line-height:50px}
.mapa .mapanuevos .mapanuevoshoy .der{font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; color:#2f2d5f; text-align:left; position:absolute; top:10px; line-height:50px; left:347px}
.mapa .mapanuevos .mapanuevoshoy .cen{font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; color:#2f2d5f; text-align:center; position:absolute; top:220px; line-height:50px; left:195px}
.mapa .mapabolivia{}
.mapa .mapabolivia .mapaboliviahoy{position:relative; font-family:Arial,Helvetica,sans-serif; font-size:100%; line-height:25px; font-weight:bold; color:#2f2d5f; text-align:left; margin:auto}
.mapa .mapabolivia .mapaboliviahoy .Depto{font-size:110%}
.mapa .mapabolivia .mapaboliviahoy .Acumulado{background-image:url(../images/mapa-confirmados.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:30px}
.mapa .mapabolivia .mapaboliviahoy .Recuperados{background-image:url(../images/mapa-recuperados.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:30px}
.mapa .mapabolivia .mapaboliviahoy .Decesos{background-image:url(../images/mama-decesos.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:30px}
.mapa .mapabolivia .mapaboliviahoy .ben{position:absolute; left:50%; top:5%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .chu{position:absolute; left:60%; top:65%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .cba{position:absolute; left:5%; top:45%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .lpz{position:absolute; left:2%; top:23%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .oru{position:absolute; left:5%; top:65%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .pan{position:absolute; left:6%; top:4%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .pto{position:absolute; left:19%; top:75%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .scz{position:absolute; left:65%; top:23%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .mapabolivia .mapaboliviahoy .tar{position:absolute; left:45%; top:78%; background-color:#FFF; padding:2px; border:1px solid #CED4DA; border-radius:10px}
.mapa .leyenda{font-family:Arial,Helvetica,sans-serif; font-size:120%; line-height:35px; font-weight:bold; color:#2f285c; margin-top:20px}
.mapa .leyenda .Acumulado{background-image:url(../images/mapa-confirmados.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:30px}
.mapa .leyenda .Recuperados{background-image:url(../images/mapa-recuperados.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:30px}
.mapa .leyenda .Decesos{background-image:url(../images/mama-decesos.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:30px}

.mapa .modal-body{background-color:#FFF}
.mapa .depto{font-size:150%}
.mapa .reporte2{font-family:Arial,Helvetica,sans-serif; font-size:60%; color:#333; font-weight:normal}
.mapa .reporte2 th{background-color:#6c757d; color:#FFF}
/*-----------------municipios-----------------*/
.municipios{margin-top:20px; margin-bottom:20px}
.municipios label{font-weight:bold}
.municipios #output{font-weight:bold; text-align:center; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; font-size:150%; color:#d9484f; background-color:#f8f9fa}
/*-----------------bonosalud-----------------*/
.bonosaludcabeza{margin-top:20px; background-color:#e67565; padding:10px}
.bonosalud{font-family:'Conv_Montserrat-Regular',Sans-Serif}
.bonosalud iframe{padding-right:10px}
.bonosalud h3{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:170%; color:#666; text-align:center; padding:30px; margin-bottom:5px}
.bonosalud h4{color:#e67565; text-align:center; font-size:130%}
.bonosalud p{font-size:90%}
.bonosalud .card .card{-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5); box-shadow:2px 2px 2px rgba(0,0,0,0.5)}
.bonosalud p{font-weight:lighter}
/*-----------------aguinaldo-----------------*/
.aguinaldo{margin-top:20px; margin-bottom:20px}
.aguinaldo .cuadro1{font-size:140%; font-weight:bold; color:#5c2974; font-family:'Conv_Montserrat-Regular',Sans-Serif}
.aguinaldo .cuadro2{font-size:140%; font-weight:bold; color:#02a0ac; font-family:'Conv_Montserrat-Regular',Sans-Serif}
.aguinaldo .cuadro3{font-size:160%; font-weight:bold; color:#02a0ac; font-family:'Conv_Montserrat-Regular',Sans-Serif}
.aguinaldo .texto2{font-size:200%}
.aguinaldo .texto3{font-size:300%}
.aguinaldo .texto4{color:#5c2974}
.aguinaldo img{width:80%}
/*-----------------cards-----------------*/
.cards{margin-top:20px; margin-bottom:20px; font-family:'Conv_Montserrat-Regular',Sans-Serif; font-size:100%; color:#808080}
.cards img{padding-right:10px}
.cards .card-title{color:#333}
.cards .card-text{font-weight:lighter}
.cards img{width:60px}
.cards .titulares{margin-top:19px}
.cards .titulares h5 a{color:#333}
.cards .titulares h5 a:hover{color:#333; text-decoration:underline}
.cards .titulares .list-group-item a{font-family:Verdana,Geneva,sans-serif; color:#666; text-decoration:none; font-size:80%}
.cards .titulares .list-group-item a:hover{color:#666; text-decoration:underline}
.cards .titulares img{width:60px; height:auto}
/*-----------------reactivacion-----------------*/
.reactivacion{margin-top:20px; background-color:#eeede9; padding:0px; font-size:120%}
.reactivacion{font-family:'Conv_Montserrat-Regular',Sans-Serif}
.reactivacion h2{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:200%; color:#FFF !important; text-align:center; padding:8px; margin-bottom:10px; background-color:#ce3026; margin-top:10px; font-weight:bolder}
.embed-responsive{margin-bottom:15px}
/*-----------------bonos-----------------*/
.bonos{margin-top:20px; margin-bottom:20px;font-family:'Conv_Montserrat-Regular',Sans-Serif;}
.bonos h3{font-family:'Conv_Montserrat-Regular',Sans-Serif; font-size:185%; color:#666; padding-top:20px}
.bonos .cadabono{font-family:'Conv_Montserrat-Bold',Sans-Serif; font-size:300%; color:#FFF; text-align:center; position:relative}
.bonos .dignidad{margin:auto; position:absolute; left:0px; bottom:8px; text-align:center; width:100%}
.bonos .canasta{margin:auto; position:absolute; left:0px; bottom:8px; text-align:center; width:100%}
.bonos .familia{margin:auto; position:absolute; left:0px; bottom:8px; text-align:center; width:100%}
.bonos .universal{margin:auto; position:absolute; left:0px; bottom:8px; text-align:center; width:100%}
.bonos2{margin-top:20px; margin-bottom:20px}
.bonos2 .total{	
font-size: 150%;
	color: #3eb386;
	font-family:'Conv_Montserrat-Bold',Sans-Serif;
}
.bonos2 .dignidad{
	font-size: 250%;
	color: #0094ad;
	font-family:'Conv_Montserrat-Bold',Sans-Serif;
	text-align: center;
}
.bonos2 .canasta{
	font-size: 250%;
	color: #ed0b3d;
	font-family:'Conv_Montserrat-Bold',Sans-Serif;
	text-align: center;
}
.bonos2 .familia{
	font-size: 250%;
	color: #ffd500;
	font-family:'Conv_Montserrat-Bold',Sans-Serif;
	text-align: center;
}
.bonos2 .universal{
	font-size: 250%;
	color: #ff8800;
	font-family:'Conv_Montserrat-Bold',Sans-Serif;
	text-align: center;
}
.bonos2 .texto2{
	font-size: 50%;
}
.bonos2 .bonojp{
	background-image: url(../images/bono-jp.jpg);
	background-repeat: no-repeat;
	height: 541px;
	width: 600px;
	font-family:'Conv_Montserrat-Bold',Sans-Serif; 
	font-size:170%
}
/*-----------------verfica-----------------*/
.verfica{margin-top:20px; margin-bottom:20px}
.verfica2{margin-top:20px; margin-bottom:20px; display:none}
/*-----------------municipios2-----------------*/
.municipios2{background-color:#fff; clear:both -webkit-animation:fadein 4s; /* Safari,Chrome and Opera >12.1 */ -moz-animation:fadein 4s; /* Firefox <16 */-ms-animation:fadein 4s; /* Internet Explorer */-o-animation:fadein 4s; /* Opera <12.1 */animation:fadein 4s; padding-top:30px}
/*-----------------tabs1-----------------*/
.tabs1 li{padding-right:20px; padding-left:20px}
/*-----------------main-----------------*/
.main{background-color:#fff; clear:both -webkit-animation:fadein 4s; /* Safari,Chrome and Opera >12.1 */ -moz-animation:fadein 4s; /* Firefox <16 */-ms-animation:fadein 4s; /* Internet Explorer */-o-animation:fadein 4s; /* Opera <12.1 */animation:fadein 4s; padding-top:30px}
@keyframes fadein{from{opacity:0}
 to{opacity:1}
}

/* Firefox <16 */
@-moz-keyframes fadein{from{opacity:0}
 to{opacity:1}
}

/* Safari, Chrome and Opera >12.1 */
@-webkit-keyframes fadein{from{opacity:0}
 to{opacity:1}
}

/* Internet Explorer */
@-ms-keyframes fadein{from{opacity:0}
 to{opacity:1}
}

/* Opera <12.1 */
@-o-keyframes fadein{from{opacity:0}
 to{opacity:1}
}

.main h2{color:#d32d35}
.main h5{color:#bd299b}
.main li img{padding-right:10px; padding-left:5px}
.main .fichas img{padding:15px}
.main .subtitulos{font-weight:bold; padding-top:5px; padding-bottom:5px; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#CCC; color:#d32d35}
.main .switchcontent{padding-top:10px; padding-bottom:10px; padding-left:20px; font-size:90%}
.main .noticias a{font-size:80%; color:#08c; text-decoration:none}
.main .noticias a:hover{text-decoration:underline}
.main .fuente{color:#FFF; background-color:#00726b; line-height:17px; height:17px; padding-right:10px; padding-left:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:55%; margin-right:6px}
.fuente3{color:#FFF; background-color:#00726b; line-height:17px; height:17px; padding-right:8px; padding-left:8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:90%; margin-right:4px}
.main .fuente2{color:#FFF; background-color:#00726b; line-height:25px; height:25px; padding-right:10px; padding-left:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:120%; margin-right:6px}

#main .foto{border:1px dashed #8b0305; padding:5px; background-color:#f1f1f1}
#main .columna33{float:left; width:33%; position:relative;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#main h2{font-family:'Conv_HelveticaNeueLTStd-MdCn',Sans-Serif; color:#9f011a; font-size:180%; text-align:left}
#main label{font-style:italic; font-weight:bold}
#main li{font-weight:bold; font-size:110%; padding-bottom:10px}
#main .Tablas{text-align:center; background-color:#FFF}
#main .Tablas th{font-weight:bold; background-color:#3b5998; padding-top:5px; padding-bottom:5px; color:#FFF; padding-right:5px; padding-left:5px}
#main .Tablas td{border-bottom-color:#3b5998; border-bottom-style:solid; border-bottom-width:1px; text-align:left; padding:4px}
#main .Tablas .odd{background-color:#f5f9e2}
#main .Notas{font-size:80%; color:#666}

#main .categoria{font-size:110%; color:#999; text-align:right; margin-bottom:20px}

/*-----------------modal-----------------*/
modal-dialog{max-width:800px;  margin:30px auto}
.modal-body{position:relative;  padding:0px;  min-height:400px;  background:#ccc}
.close{position:absolute;  right:-30px;  top:0;  z-index:999;  font-size:2rem;  font-weight:normal;  color:#fff;  opacity:1}
#image{min-height:200px}
.modal-dialog{ max-width:800px;  margin:30px auto}

/*-----------------modal2-----------------*/
.modal-body{ position:relative;  padding:0px;  min-height:400px;  background:#ccc}
.close{ position:absolute;  right:-30px;  top:0;  z-index:999;  font-size:2rem;  font-weight:normal;  color:#fff;  opacity:1}
#image{ min-height:200px}
/*-----------------lighbox-----------------*/
.modal-dialog{max-width:800px;  margin:30px auto}
.modal-body{position:relative;  padding:0px;  min-height:400px;  background:#ccc}
.close{position:absolute;  right:-30px;  top:0;  z-index:999;  font-size:2rem;  font-weight:normal;  color:#fff;  opacity:1}

#image{min-height:50px}
/*-----------------footer-----------------*/
#footer{font-family:'Conv_Montserrat-Regular',Sans-Serif; background-color:#6879a7; color:#fff}
.pie{background-image:url(../images/pie-fondo.png); background-repeat:no-repeat}
.pie .piemenu{font-size:120%; line-height:40px; color:#FFF; padding:25px; margin-top:40px}
.pie .piemenu a{color:#FFF}
.pie .lineas{color:#FFF; text-align:right; padding-top:20px}
.pie h1{font-size:210%}
.pie h5{font-size:100%; padding-top:20px; padding-bottom:10px}
.pie .marco{background-color:#FFF}
/*-----------------app-----------------*/
.app{margin-top:20px; margin-bottom:20px}
/*-----------------footers-----------------*/
.footerrojo{background-color:rgba(255,0,0,0.7)}
.footeramarillo{background-color:rgba(240,222,120,0.8)}
.footerplomo{background-color:rgba(163,159,163,0.8)}
.footerlila{background-color:rgba(183,102,211,0.8)}
.footerceleste{background-color:rgba(84,209,244,0.8)}
.footerverde{background-color:rgba(95,104,73,0.8)}
.footerverde2{background-color:rgba(122,50,162,0.8)}
.footernaranja{background-color:rgba(213,161,131,0.8)}
/*-----------------footer2-----------------*/
#footer2{font-family:'Conv_Montserrat-Regular',Sans-Serif; color:#fff}
#footer2 .pie{background-image:url(../images/pie-fondo.png); background-repeat:no-repeat}
#footer2 .pie .blanco{background-color:#FFF; padding:20px;-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;}
.pie .menu2{
	font-size: 90%;
}
.pie .menu2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.pie .menu2 li {
  float: left;
}

.pie .menu2 li a {
  display: block;
  color: white;
  text-align: center;
  padding: 20px;
  text-decoration: none;
}

.pie .menu2 li a:hover {
	color: #FF0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden{display:none !important}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden{border:0;  clip:rect(0 0 0 0);  height:1px;  margin:-1px;  overflow:hidden;  padding:0;  position:absolute;  width:1px}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus{clip:auto;  height:auto;  margin:0;  overflow:visible;  position:static;  width:auto}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible{visibility:hidden}

/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, 
.clearfix:after{content:""; /* 1 */ display:table; /* 2 */}

.clearfix:after{clear:both}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width:35em){/* Style adjustments for viewports that meet the condition */}

@media print, 
 (-webkit-min-device-pixel-ratio:1.25), 
 (min-resolution:1.25dppx), 
 (min-resolution:120dpi){/* Style adjustments for high resolution devices */}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print{*,*:before,*:after{background:transparent !important;  color:#000 !important; /* Black prints faster:                           http://www.sanbeiji.com/archives/953 */ box-shadow:none !important;  text-shadow:none !important}

 a, 
 a:visited{text-decoration:underline}

 a[href]:after{content:"("attr(href) ")"}

 abbr[title]:after{content:"("attr(title) ")"}

 /*
     * Don't show links that are fragment identifiers, 
     * or use the `javascript:` pseudo protocol
     */
 a[href^="#"]:after, 
 a[href^="javascript:"]:after{content:""}

 pre, 
 blockquote{border:1px solid #999;  page-break-inside:avoid}

 /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
 thead{display:table-header-group}

 tr, 
 img{page-break-inside:avoid}

 img{max-width:100% !important}

 p, 
 h2, 
 h3{orphans:3;  widows:3}

 h2, 
 h3{page-break-after:avoid}
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* Para 960px */ 
@media only screen and (max-width:1160px) and (min-width:821px){#wrap{width:100%}
.container{width:100% !important}

#header{height:auto !important}
#header .logo{padding:0}
#header .slogan{text-align:center; line-height:normal}

#header2{height:auto !important}
#header2 .logo{padding-top:20px}
#header2 .logo img{width:auto}

.menufondo{background-image:none; height:auto}

.slideshow .repote{width:100%; position:relative; margin-bottom:40px}

.mapa .mapabolivia .mapaboliviahoy{}
.mapa .mapabolivia .mapaboliviahoy{}
.mapa .mapabolivia .mapaboliviahoy .Depto{font-size:80%}
.mapa .mapabolivia .mapaboliviahoy .Acumulado{font-size:80%; float:left}
.mapa .mapabolivia .mapaboliviahoy .Recuperados{font-size:80%; float:left}
.mapa .mapabolivia .mapaboliviahoy .Decesos{font-size:80%; float:left}
.mapa .leyenda div{float:left; padding-right:15px}
}
 
/* Para 600px */ 
@media only screen and (max-width:820px) and (min-width:501px){#wrap{width:100%}
.container{width:100% !important}

#header{height:auto !important}
#header .logo{padding:0}
#header .estado{display:none}
#header .slogan{text-align:center; line-height:normal}

#header2{height:auto !important}
#header2 .logo{padding-top:20px}
#header2 .estado{display:none}
#header2 .logo img{width:auto}

.menufondo{background-image:none; height:auto}

.slideshow .repote{font-size:70%; width:100%; position:relative; margin-bottom:40px}
.slideshow .repote div{width:33%; margin:0}
.slideshow .repote div .alert{width:100%}
.slideshow .repote h1{font-family:'Conv_Montserrat-Regular',Sans-Serif; font-size:240%}

.main{width:100% !important; padding:0px}
.main table tr >*{display:block; width:100%}

.mapa .mapabolivia .mapaboliviahoy{font-size:80%}
.mapa .mapabolivia .mapaboliviahoy{line-height:20px}
.mapa .mapabolivia .mapaboliviahoy .Depto{font-size:80%}
.mapa .mapabolivia .mapaboliviahoy .Acumulado{font-size:80%; float:left}
.mapa .mapabolivia .mapaboliviahoy .Recuperados{font-size:80%; float:left}
.mapa .mapabolivia .mapaboliviahoy .Decesos{font-size:80%; float:left}
.mapa .leyenda div{float:left; padding-right:10px}

.promo{display:none}
.promo2{display:block}

.noticias .card-text{font-size:150%}
.datos .card-body img{ width:80%}

.bonos2 .bonojp{
	width: 100%;
	font-size:120%
}
.bonos2 .bonojp h2{
	font-size:120%
}
}
 
/* Para 480px */ 
@media only screen and (max-width:500px) and (min-width:141px){#wrap{width:100%}
.container{width:100% !important}

#header{height:auto !important}
#header .logo{padding:0}
#header .estado{display:none}
#header .slogan{text-align:center; line-height:normal}

#header2{height:auto !important}
#header2 .logo{padding-top:20px}
#header2 .estado{display:none}
#header2 .logo img{width:auto}

.menufondo{background-image:none; height:auto}

.slideshow .repote{font-size:70%; width:100%; position:relative; margin-bottom:40px}
.slideshow .repote div{width:33%; margin:0}
.slideshow .repote div .alert{width:100%}
.slideshow .repote h1{font-family:'Conv_Montserrat-Regular',Sans-Serif; font-size:240%}

.main{width:100% !important; padding:0px}
.main table tr >*{display:block; width:100%}

.mapa .mapabolivia .mapaboliviahoy{font-size:80%}
.mapa .mapabolivia .mapaboliviahoy{line-height:20px}
.mapa .mapabolivia .mapaboliviahoy .Depto{font-size:80%}
.mapa .mapabolivia .mapaboliviahoy .Acumulado{font-size:80%; float:left}
.mapa .mapabolivia .mapaboliviahoy .Recuperados{font-size:80%; float:left}
.mapa .mapabolivia .mapaboliviahoy .Decesos{font-size:80%; float:left}
.mapa .leyenda div{float:left; padding-right:10px}

.promo{display:none}
.promo2{display:block}

.noticias .card-text{font-size:150%}
.datos .card-body img{ width:80%}

.bonos2 .bonojp{
	width: 100%;
	font-size:120%
}
.bonos2 .bonojp h2{
	font-size:120%
}

}