/*@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
/*@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic");*/

a.oculta-wrap {
    position: absolute;
    left: 0px;
    top: 15%;
    color: #FFF;
    cursor: pointer;
    left: 15px;
}
@media (min-width: 768px) and (max-width: 992px) {
	.player-click{
		padding-top: 20% !important;
		padding-left: 45% !important;
	}
	.player-load{
		padding-top: 20% !important;
		padding-left: 45% !important;
	}
}

@media (min-width: 480px) and (max-width: 768px) {
	.player-click{
		padding-top: 20% !important;
		padding-left: 45% !important;
	}
	.player-load{
		padding-top: 20% !important;
		padding-left: 45% !important;
	}
}

.player-click{
	display: none;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    padding-top: 15%;
	padding-left: 40%;
    vertical-align: middle;
    cursor: pointer;
}
.player-load{
    color: rgba(114, 113, 118, 0.6);
    position: absolute;
    padding-top: 15%;
	padding-left: 40%;
    vertical-align: middle;
    cursor: pointer;
}
h2#title-video-sb {
    font-size: 12px;
}
#aca-video-random {
    min-height: 240px !important;
}
#aca-video-random img,
#aca-video-random iframe{
    width: 100% !important;
}
#over-video {
    position: absolute;
	width: 100%;
}

img.aca-logo {
    padding-bottom: 10px;
    max-height: 120px;
}

@media (max-width: 768px) {
	img.aca-logo {
		padding-bottom: 10px;
		max-height: 120px;
		margin: 0 auto;
	}
}

.redondeado{
	border-radius:10px !important;
}

.acainfo .thumbnail{
    margin-bottom: 0px;
    height: 400px;
    background-color: #FFFFFF;
    border: none;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
}
.acainfo .thumbnail .caption {
    padding-bottom: 0px;
}
.acainfo .thumbnail .caption h4{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.acainfo .thumbnail img {
    border-radius: 10px;
}

.verde{background-color: #34917F !important;}
.rojo{background-color: #9F2241 !important;}
.azul{background-color: #691C32 !important;}
.morado{background-color: #9F2241 !important;}
.amarillo{background-color: #F6A039 !important;}
.naranja{background-color: #F6A039 !important;}

body {
    padding-top: 30px;
}

.header {
    padding-top: 15px;
}

nav.navbar.navbar-inverse {
    margin: 15px 0 0 0;
    border: none !important;
}

@media (min-width: 768px) and (max-width: 992px) {
	#AcaU {
		visibility: hidden;
		width: 0;
	}
}

.transparente{
    background-color: rgba(255, 255, 255, 1.0) !important;
    margin: 15px auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
.blanco-transparente{
    background: rgba(238, 238, 238, 0.6) !important;
}
.negro-transparente{
    background: rgba(0,0,0,0.6) !important;
}
.amarillo-transparente{
    background: rgba(241, 196, 15, 0.6) !important;
}
body{
    background: #F6F1E8 url('../img/bg_2124.jpg') repeat center center fixed;
    background-size: cover;
}
/* Small devices ( 768px and up) */
@media (min-width: 768px) {
    body{
        background: #F6F1E8 url('../img/bg_2124.jpg') repeat center center fixed;
		background-size: cover;
    }
}

/* Medium devices( 992px and up) */
@media (min-width: 992px) {
    body{
        background: #F6F1E8 url('../img/bg_2124.jpg') repeat center center fixed;
		background-size: cover;
    }
}

/* Large devices ( 1200px and up) */
@media (min-width: 1200px) {
    body{
        background: #F6F1E8 url('../img/bg_2124.jpg') repeat center center fixed;
		background-size: cover;
    }
}
/**
 * tabs-baners-emergencias, Se agrego para abarcar las dos secciones con el mismo bgc y no repetirlo
 */
section.tabs-eventos,
.tabs-baners-emergencias{
    /*background: #fff url('../img/bg1366.jpg') no-repeat center center fixed;*/
    background: transparent;
}
.container {
  margin: 0 auto;
  max-width: 1170px;
}

.container.wrap{
    padding-right: 0px;
    padding-left: 0px;
    background-color: transparent;
    /*
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(119,119,119,1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(119,119,119,1);
    box-shadow: 0px 0px 5px 2px rgba(119,119,119,1);
    */
}


body > .wrap > section {
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    margin: 30px auto;
    background-color: rgba(255, 255, 255, 1.0);
}

.tabs-baners-emergencias, .tabs-eventos, .mensajes, .deiteres, .destacamos{
	padding-top: 30px;
	padding-bottom: 30px;
}

.sub_titulo{
    font-family: 'Open Sans'; 
	color: #FFF !important;
    margin: 15px;
    text-transform: uppercase;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
	text-shadow: 1px 1px 1px #444;
}

.ver-mas{
    color: #DDD;
    text-decoration: none;
    font-weight: bold;
    background-color: #691C32;
    padding: 5px;
}
.ver-mas:hover{
    color: #BC955C;
	background-color: #7B7B7D;
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0';
}

.bs-callout-warning {
    border-left-color: #aa6708  !important;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

/*Footer*/
.footer{
    max-height: 800px;
    background-color: #9F2241;
    border-top: solid 5px #691C32;
    color: #fff;
    padding: 15px;
    padding-bottom: 0px;
	border-radius: 0 0 15px 15px;
}
.copyright {
  background-color: #691C32;
  /* Set the fixed height of the footer here
  height: 50px;
  margin: 0px auto; */
  border-radius: 0 0 15px 15px;
  margin-bottom: 15px;
}
.copyright .derechos{
    margin: 15px 0px;
}
@media (max-width: 992px) {
    .copyright .derechos{
        font-size: 12px;
    }
}

.footer-twit h4{
    text-align: center;
}
.footer .escudo{
    width: 200px;
}
.footer-noticias ul .item{
	display: inline-block;
	margin: 5px auto;
}
.footer-noticias ul .item img{
	float: left;
	padding-right: 10px;
    width: 100px;
    height: 80px;
}
.footer-noticias ul .item h5{
    margin: 0px;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 15px;
    font-weight: 700;
}

.footer-noticias ul .item p{
	vertical-align: middle;
    font-size: 12px;
}
.footer-noticias ul .item a,
.footer-noticias ul .item a:hover{
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
}

@media (max-width: 992px) {
    .aca-banners .carousel-control{
        margin-top: 15px !important;
    }
}

.footer-logo h4{
    padding-left: 15px;
    padding-right: 15px;
}
.social{
    margin: 10px;
}
.social li a{
    color: #FBBC05;
}
.social li a:hover{
    color: #FFF;
    text-decoration: none;
}

/*Numeros de Emergencia*/
.emergencias{
    /*border-top: solid 1px;*/
}
.footer-notwit .row {
    margin-right: 0px;
    margin-left: 0px;
}
.emergencias .titulo{
    margin-top: -15px;
    margin-bottom: 15px;
}

.numeros-emergencias{
	height: 135px;
    width: 100%;
    text-align: center;
	margin-bottom: 10px;
}
.numeros-emergencias .circulo,
.numeros-emergencias .rectangulo{
    width: 55px;
    height: 55px;
    margin: 0px auto;
}
.numeros-emergencias h1{
    font-size: 36px;
    margin: 0px auto;
    font-weight: bold;
}
.numeros-emergencias h2{
    font-size: 18px;
    margin: 0px auto;
    font-weight: bold;
}
.numeros-emergencias h4{
    margin: 0px auto;
    padding: 0px;
    font-size: 12px;
    font-weight: 400;
}
/*emergencias colores*/
/**
 * @cruzroja: #FE0101;
 * @emergencias : #382B7C;
 * @capama: #2A017C / #6BAADF;
 * @cfe: #2f8c46 / #00AD4E;
 * @denuncia: #651133;
 * @pcivil: #F58634;
 */


/*
.numeros-emergencias.cr:hover{
    background: #eee;
    background: rgba(255,255,255, 0.6);
    border: solid 2px #FE0101;
}
*/
.numeros-emergencias.cr{
    border-bottom: solid 3px #FE0101;
}
.numeros-emergencias.nemergencias{
    border-bottom: solid 3px #382B7C;
}
.numeros-emergencias.capama{
    border-bottom: solid 3px #6BAADF;
}
.numeros-emergencias.cfe{
    border-bottom: solid 3px #00AD4E;
}
.numeros-emergencias.denuncia{
    border-bottom: solid 3px #651133;
}
.numeros-emergencias.pc{
    border-bottom: solid 3px #691C32;
}

/*Destacamos*/


/*Ligas de Interes*/
.deiteres, .destacamos{
    background-color: #eee;
}
.aca-banners .imagen-banner {
    width: 80%;
}
.deiteres .col-md-2, {
    padding-left: 5px;
    padding-right: 5px;
}
.deiteres .row, .destacamos .row {
    margin-left: 0px;
    margin-right: 0px;
}
.deiteres .box2{
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
    display: block;
    background-color: #FFFFFF;
    border-bottom: solid 2px rgb(197, 44, 102);
}
.deiteres img{
    width: 100% !important;
    padding: 20px;
}
.destacamos img{
    width: 100% !important;
	padding: 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.destacamos .box2{
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
    display: block;
    background-color: #FFFFFF;
	margin-bottom: 5px;
}
.zoom{
    transition: 1s ease;
    -moz-transition: 1s ease; /* Firefox */
    -webkit-transition: 1s ease; /* Chrome - Safari */
    -o-transition: 1s ease; /* Opera */
}
.zoom:hover{
    transform : scale(1.3);
    -moz-transform : scale(1.3); /* Firefox */
    -webkit-transform : scale(1.3); /* Chrome - Safari */
    -o-transform : scale(1.3); /* Opera */
    -ms-transform : scale(1.3); /* IE9 */
}


/*Tabs-Eventos*/
/*Tabs
.tabs {
    margin-bottom: 30px;
    padding: 15px;
}*/
.board {
    /*background: #fff;
    border: solid 1px #eee !important;	
    height: 500px;
    box-shadow: 10px 10px #ccc,-10px 20px #ddd;
    */
}
.tabs .tab-content h3 {
    text-decoration: underline;
	/*font-family: cursive;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    /* margin: 40px auto; */
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
    background: #9b59b6;
    background-size: 30%;
}

.board p.narrow{
    width: 60%;
    margin: 10px auto;
}

.board .liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.board .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.board span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.board span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

.board li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

.board span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

.board li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

.board span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

.board li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

.board span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

.board li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

.board span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

.board li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.board .nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
.board .nav-tabs > li {
    width: 20%;
}
.board li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;

}
.board li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;

}
.board .nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}

.board .nav-tabs > li a:hover{
    background: transparent;
}

.board .tab-content{
    margin: -15px;
}
.board .tab-pane{
    position: relative;
    padding-top: 15px;
}
.tab-pane h3 {
    margin-top: 0px;
}
.board .tab-pane .row{
    margin: 0px;
    padding: 0px;
}
.board .tab-content .head{
    font-family: 'Open Sans';
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.board .btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.board .btn.green{
    background-color:#5cb85c;
    color: #ffffff;
}



@media( max-width : 585px ){

    .board {
		width: 90%;
		height:auto !important;
	}
    .board span.round-tabs {
        font-size:16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
    }
    .board .tab-content .head{
        font-size:20px;
    }
    .board .nav-tabs > li a {
		width: 50px;
		height: 50px;
		line-height:50px;
	}

	.board li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}

	.board .btn-outline-rounded {
    	padding:12px 20px;
    }
}

/*Eventos*/
.event-list {
    list-style: none;
    /*font-family: 'Lato', sans-serif;*/
    margin: 0px;
    padding: 0px;
}
.event-list > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 20px;
}
.event-list > li > time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: #691C32;
    padding: 5px;
    text-align: center;
    font-family: 'Open Sans';
    /*text-transform: uppercase;*/
}
.event-list > li:nth-child(even) > time {
    background-color: #9F2241;
}
.event-list > li > time > span {
    display: none;
}
.event-list > li > time > .day {
    display: block;
    font-size: 1.4em;
    line-height: 1;
}
.event-list > li time > .month {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
}
.event-list > li > img {
    width: 100%;
}
.event-list > li > .info {
    padding-top: 5px;
    text-align: center;
}
.event-list > li > .info > .title {
    font-size: 12pt;
    margin: 0px;
    margin-bottom: 3px;
}
.event-list > li > .info > .title a {
    color: #333 !important;
}
.event-list > li > .info > .desc {
    font-size: 10pt;
    font-weight: 300;
    margin: 0px;
    color: #000;
}
.event-list > li > .info > ul,
.event-list > li > .social > ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.event-list > li > .social > ul {
    margin: 0px;
}
.event-list > li > .info > ul > li,
.event-list > li > .social > ul > li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}
.event-list > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
}
.event-list > li > .social > ul > li {
    padding: 0px;
}
.event-list > li > .social > ul > li > a {
    padding: 3px 0px;
}
.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
.facebook a,
.twitter a,
.google-plus a {
    display: block;
    width: 100%;
    color: rgb(75, 110, 168) !important;
}
.twitter a {
    color: rgb(79, 213, 248) !important;
}
.google-plus a {
    color: rgb(221, 75, 57) !important;
}
.facebook:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
}
.twitter:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(79, 213, 248) !important;
}
.google-plus:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 75, 57) !important;
}

@media (max-width: 989px) {
    .video-destacado {
        margin: 15px auto;
    }
}

@media (min-width: 768px) {
    .event-list > li {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        padding: 0px;
        margin-bottom:10px;
    }
    .event-list > li > time,
    .event-list > li > img  {
        display: inline-block;
    }
    .event-list > li > time,
    .event-list > li > img {
        width: 65px;
        float: left;
    }
    .event-list > li > .info {
        background-color: rgb(245, 245, 245);
        overflow: hidden;
    }
    .event-list > li > time,
    .event-list > li > img {
        width: 65px;
        height: 50px;
        padding: 0px;
        margin: 0px;
    }
    .event-list > li > .info {
        position: relative;
        height: 50px;
        text-align: justify;
        /* padding-right: 40px; */
    }
    .event-list > li > .info > .title,
    .event-list > li > .info > .desc {
        padding: 0px 10px;
    }
    .event-list > li > .info > ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }
    .event-list > li > .social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
    }
    .event-list > li > .social > ul {
        border-left: 1px solid rgb(230, 230, 230);
    }
    .event-list > li > .social > ul > li {
        display: block;
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        display: block;
        width: 40px;
        padding: 10px 0px 9px;
    }
}

@media (min-width: 992px) {
    .event-list > li > time,
    .event-list > li > img {
        width: 65px;
        height: 50px;
        padding: 0px;
        margin: 0px;
        margin-bottom:10px;
    }
}

/*Banners*/
section.aca-banners, section.webcams {
    /*padding: 15px !important;
    padding-top: 15px;*/
}
.aca-banners .carousel {
    padding: 0 40px 30px 40px;
}
.aca-banners .imagen-banner {
    width: 80%;
}
/* The controls */
.aca-banners .carousel-control {
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 70px;
}
.aca-banners .carousel-control.right {
    right: -12px;
}
.aca-banners .carousel-control.left {
    left: -12px;
}
/* The indicators */
.aca-banners .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
    background-color: transparent;
}
/* The colour of the indicators */
.aca-banners .carousel-indicators li {
    background: #cecece;
}
.aca-banners .carousel-indicators .active {
    background: #AB771A;
}

/*Sala de Prensa
div#main {
    width: 100%;
    margin: 0px auto;
}*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* MC */
#tabber {
    margin: 0 auto;
    width: 100%;
	color: #555;
	font-family: Arial, sans;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#tabber input {
	height: 2.5em;
	visibility: hidden;
}

#tabber label {
	background: #EEE;
	border-radius: 10px;
	color: #888;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 14px;
	height: 2.5em;
	line-height: 2.5em;
	margin-left: .25em;
	padding: 0 10px;
	text-align: center;
}

#tabber input:hover + label {
	color: #BC955C;
}

#tabber input:checked + label {
	background: #BC955C;
	color: #ddd;
	position: relative;
	z-index: 6;
}

#tabber img {
	display: inline;
}

#tabbercontent {
	border-radius: 0 .25em .25em .25em;
	min-height: 66em;
	position: relative;
	width: 100%;
	margin-top: 15px;
	z-index: 5;
}

#tabbercontent div {
	opacity: 0;
	padding: 1.5em;
	position: absolute;
	z-index: -100;
}

#tabbercontent .centro {
	text-align: center;
	margin-bottom: 15px;
}

#tabbercontent .justificado {
	text-align: justify;
	line-height: 1.5em;
}

#content-1 p, #content-2 p, #content-3 p, #content-4 p, #content-5 p, #content-6 p, #content-7 p, #content-8 p, #content-9 p {
	clear: both;
	margin-bottom: 1em;
}

#tabber input#tab-1:checked ~ #tabbercontent #content-1,
#tabber input#tab-2:checked ~ #tabbercontent #content-2,
#tabber input#tab-3:checked ~ #tabbercontent #content-3,
#tabber input#tab-4:checked ~ #tabbercontent #content-4,
#tabber input#tab-5:checked ~ #tabbercontent #content-5,
#tabber input#tab-6:checked ~ #tabbercontent #content-6,
#tabber input#tab-7:checked ~ #tabbercontent #content-7,
#tabber input#tab-8:checked ~ #tabbercontent #content-8,
#tabber input#tab-9:checked ~ #tabbercontent #content-9 {
    opacity: 1;
    z-index: 100;
	max-width: 100%;
}

input.visible {
  visibility: visible !important;
}

.responsiveContent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin-bottom: 20px;
}
.responsiveContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.boton {
  background-color: #9F2241;
  border: none;
  color: white;
  padding: 12px 18px;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 7px;
}

.boton1 {
  background-color: #9F2241; 
  color: #EEE; 
}

.boton1:hover {
  background-color: #BC955C;
  color: #FFF;
  text-decoration: none;
}