@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: "Roboto-Regular";

}
h1{
	font-family: Roboto-bold;
	font-size: 4vw;
	margin: 1vh 1vh;
}
h2{
	font-family: Roboto-bold;
	font-size: 3.5vw;
	margin: 1vh 1vh;
}
blockquote{
	font-family: Roboto-LightItalic;
	font-size: 3.5vw;
	margin: 1vh 1vh;
}
p{
	font-family: Roboto-Light;
	font-size: 2vw;
	margin: 1vh 1vh;
}
@media handheld, only screen and (max-width:1000px){
	h1{
		font-family: Roboto-bold;
		font-size: 7vw;
		margin: 1vh 1vh;
	}
	h2{
		font-family: Roboto-bold;
		font-size: 5vw;
		margin: 1vh 1vh;
	}
	blockquote{
		font-family: Roboto-LightItalic;
		font-size: 5vw;
		margin: 1vh 1vh;
	}
	p{
		font-family: Roboto-Light;
		font-size: 4vw;
		margin: 1vh 1vh;
	}
}

.rounded{
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari y Chrome */
	-khtml-border-radius: 20px; /* Konkeror, ... */
	border-radius: 20px; /* Opera 10.50, IE y CSS3 */
}
.div-5vh{
	height: 5vh;
}
.clear{
    clear: both;
}
.cursor{
    cursor:pointer;
}
@media handheld, only screen and (max-width:1000px){
	.rounded{
		-moz-border-radius: 0; /* Firefox */
		-webkit-border-radius: 0; /* Safari y Chrome */
		-khtml-border-radius: 0; /* Konkeror, ... */
		border-radius: 0; /* Opera 10.50, IE y CSS3 */
	}
}
header{
	width: 100%;
	height: 100vh;
}
#slides{
	width: 100%;
	height: 100%;
}
#slides .slide{
	width: 100%;
	height: 100%;
    position: relative;
}
#slides .slide .slide-content{
    width: 60%;
    height: 30%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    margin: auto;
    background: url("../images/bg-black-50.png");
    overflow: hidden;   
}
#slides .slide h2{
    font-family: "Roboto-Bold" ;
    font-size: 2vw;
    color: #ffffff;
    marg:2%;
}
#slides .slide p{
    font-family: "Roboto-Thin" ;
    font-size: 2vw;
    color: #ffffff;
    marg:2%;
}
@media handheld, only screen and (max-width:1000px){
	header{
		height: 50vh;
	}
    #slides{
    }
    #slides .slide{
    }
    #slides .slide .slide-content{
        width: 90%;
        height: 20%;
        position: absolute;
        top: auto;
        bottom: 20%;
        left: 0;
        right: 0;
        margin: auto;
    }
    #slides .slide h2{
        font-size: 4vw;
        font-family: "Roboto-Thin"
    }
    #slides .slide p{
        display: none;        
    }
}
#menu{
	background: url(../images/bg-black-50.png);
	width: 100%;
	height: 15vh;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;	
}
#menu .menu-logo{
	background: url(../images/logo-white.svg) no-repeat center center;
	background-size: contain;
	width: 50vw;
	height: 95%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
@media handheld, only screen and (max-width:1000px){
	#menu{
		height: 20vh;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;	
	}
	#menu .menu-logo{
	}
}
#player{
	background: #ff8400;
	width: 25%;
	height: 10vh;
	position: absolute;
	right: 5%;
	top:0;
	bottom: 0;
	margin: auto;
}
#player span{
    height: 2vw;
	font-family: "Roboto-Bold" ;
	font-size: 1.5vw;
	color: #ffffff;
	text-align: left;
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;

}
#player .player-play{
	background: url(../images/bt-play.svg) center no-repeat;
	width: 50px;
	height: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5%;
	margin: auto;
	cursor: pointer;
}
#player .player-pause{
	display: none;
	background: url(../images/bt-pause.svg) center no-repeat;
	width: 50px;
	height: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5%;
	margin: auto;
	cursor: pointer;
}
@media handheld, only screen and (max-width:1000px){
	#player{
        background: none;
		width: 15%;
		height: 10vh;
		position: fixed;
		right: 0;
        top: 2vh;		
        bottom: auto;
	}
	#player span{
		display: none;
	}
	#player .player-play{
		width: 90%;
		left: 0;
		margin: auto;
	}
	#player .player-pause{
		width: 90%;
		left: 0;
		margin: auto;
	}
}

#content{
	position: relative;
	width: 100%;
	height: auto;
}
.block{
	margin-top: 10vh;
	width: 100%;
	height: auto;
	position: relative;	
}
.block-title{
	background: url(../images/img-waves-1.png) no-repeat bottom center;
	background-size: cover;
	width: 100%;
	height: 50vh;
	position: relative;
}
.block-title h1{	
	font-family: Roboto-Thin;
	height:10vh; 
	text-align: right;
	position: absolute;
	top:5%;
	right: 20vw;
}
.block-icon{
	width: 15%;
	height: 15%;
	position: absolute;
	top: 0;
	right: 5%;
	margin: auto;
}
@media handheld, only screen and (max-width:1000px){
	#content{
	}
	.block{
		margin: 3vh auto;
	}
	.block-title{
		background: url(../images/img-waves-1.png) no-repeat bottom center;
		background-size: cover;
		height: 20vh;
	}
	.block-title h1{	
		height:6vh;
        font-weight: bold;
		text-align: center;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.block-icon{
        width: 20%;
        height: 6vh;
        position: absolute;       
        right: 0;
        left: 0;
        margin: auto;
        z-index: -1;
	}
}
.header-message{
	background: #ff8400;
	width: 70%;
	height: auto;
	color: #ffffff;
	margin: -15vh auto 1vh auto;
	padding: 3%;
	position: relative;
	z-index: 100;
}
.header-message h1{
	text-align: center;
}
.header-message h2{
	font-family: Roboto-Regular;
	text-align: center;
}
.header-message blockquote{
	text-align: left;
	padding: 2% 5%;
	border-left: 5px solid #ffffff;
	margin: 2% 5%; 
}
.header-message p{
	text-align: justify;
	margin: 2% 5%; 
}
@media handheld, only screen and (max-width:1000px){
	.header-message{
		width: 90%;
		margin: -5vh auto 1vh auto;		
	}
	.header-message h1{
		font-size: 6vw;
	}
	.header-message h2{
		font-size: 5vw;
		font-family: Roboto-Regular;
		text-align: center;
	}
	.header-message blockquote{
		font-size: 5vw;
		text-align: left;
		padding: 2% 5%;
		border-left: 5px solid #ffffff;
		margin: 2% 5%; 
	}
	.header-message p{
		font-size: 4vw;
		text-align: justify;
		margin: 5% 5%; 
	}
}
#programacion{
}
#programacion .programacion-icon{	
	background: url(../images/ico-music.svg) no-repeat center center;
	background-size: contain;
}
#programacion .programacion-content{
	background: url(../images/bg-progamacion.jpg) no-repeat center top;
	background-size: cover;
	width: 95%;
	height: auto;
	margin: auto;
	margin-top: -20vh;
	position: relative;
	z-index: 100;
}
#programacion .programacion-content-header{
	background: url(../images/bg-black-75.png);
	width: 100%;
	height: 15vh;
	position: relative;
    text-align: center;
    padding: 0;
}
#programacion .programacion-content-header-item{
    width:auto;
	height: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 100;
	
	cursor: pointer;
    margin: 0 1%;
    padding: 0;
}
#programacion .programacion-content-header-item:hover{
    color: #ff8400;
    background: url("../images/bg-programacion-item-hover.svg") no-repeat center center;
    background-size: auto 30%;
}
#programacion .programacion-content-header-item span{
    display: block;
	width: 100%;
    height: auto;
	font-family: Roboto-Medium;
    color: #ffffff;
	font-size: 2vw;
    margin: 0;
    padding: 0;
}
#programacion .programacion-content-header-item-selected{
	background: url(../images/bg-programacion-item-selected.svg) no-repeat bottom center;
	background-size: auto 50%;
	color: #ff8400;
	cursor: default;
}
#programacion .programacion-content-header-bar{
	background: #ffffff;
	width: 95%;
	height: 10%;
	position: absolute;
	top: 0;
    bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#programacion .programacion-content-info{
	width: 95%;
	height: 80%;
	margin: auto;
}
#programacion #programacion-content-info-locutor{
    width: 100%;
    margin: 10vh auto;
    
}
#programacion .programacion-content-info-resume{
	width: 68%;
	height: auto;
	display: inline-table;
	vertical-align: top;
	color: #ffffff;
}
#programacion .programacion-content-info-resume h1{
	font-family: Roboto-Medium;
	font-size: 2vw;	
}
#programacion .programacion-content-info-resume p{
	font-family: Roboto-Thin;
	font-size: 1.5vw;	
}
#programacion .programacion-content-info-pic{
	width: 29%;
	height: 40vh;
	display: inline-block;
	vertical-align: center;
	position: relative;
}
#programacion .programacion-content-info-pic-circle{	
	height: 0;	
	-moz-border-radius: 50%; /* Firefox */
	-webkit-border-radius: 50%; /* Safari y Chrome */
	-khtml-border-radius: 50%; /* Konkeror, ... */
	border-radius: 50%; /* Opera 10.50, IE y CSS3 */
	border:2px solid #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#programacion .programacion-content-info-pic-circle-1{
	width: 70%;
	padding-bottom: 70%;	
}
#programacion .programacion-content-info-pic-circle-2{
	width: 65%;
	padding-bottom: 65%;
	border:1px solid #ffffff;
}
#programacion .programacion-content-info-pic-circle-img{
	background: #ffffff;
	width: 62%;
	padding-bottom: 62%;
	border: none;
}
#programacion .programacion-content-info h2{
	font-family: Roboto-ThinItalic;
	color: #ffffff;
}
#programacion .programacion-content-info h3{
	font-family: Roboto-Light;
	font-size: 3vw;
	color: #ffffff;
	margin: 0;
    padding: 0;
}
#programacion .programacion-content-info span{
	font-family: Roboto-Thin;
	font-size: 2vw;
	color: #ffffff;
	margin: 0;
    padding: 0;
    display: block;
}
#programacion .programacion-content-info-horario{
	width: 100%;
	height: auto;
}
#programacion .programacion-content-info-horario-row{
	margin-bottom: 5%;
}
#programacion .programacion-content-info-horario-row-dia{
	width: 45%;
	
	color: #ffffff;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
#programacion .programacion-content-info-horario-row-periodo{
	width: 20%;
	display: inline-block;
    vertical-align: top;
}
#programacion .programacion-content-info-horario-row-logo{
	width: 20%;
    height: 15vh;
	display: inline-block;
}
@media handheld, only screen and (max-width:1000px){
	#programacion{
       
	}
	#programacion .programacion-icon{			        
	}
	#programacion .programacion-content{
        width: 100%;
		margin-top: 0;
	}
	#programacion .programacion-content-header{		
		height: 15vh;
	}
	#programacion .programacion-content-header-item{
        
	}
	#programacion .programacion-content-header-item span{
		font-size: 3vw;
        display: block;
	}
	#programacion .programacion-content-header-item-selected{
	}
	#programacion .programacion-content-header-bar{
	}
	#programacion .programacion-content-info{
	}
	#programacion .programacion-content-info-resume{
		width: 100%;
		height: auto;
		display: block;
	}
	#programacion .programacion-content-info-resume h1{
		font-size: 6vw;	
	}
	#programacion .programacion-content-info-resume p{
		font-family: Roboto-Light;
		font-size: 4vw;	
	}
	#programacion .programacion-content-info-pic{
		width: 75%;
		height: 30vh;
		display: block;
		vertical-align: center;
		position: relative;
		margin: auto;       
		padding-top: 5vh; 
	}
	#programacion .programacion-content-info-pic-circle{	        
	}
	#programacion .programacion-content-info-pic-circle-1{
	}
	#programacion .programacion-content-info-pic-circle-2{
	}
	#programacion .programacion-content-info-pic-circle-img{
	}
	#programacion .programacion-content-info h2{
		font-size: 8vw;
	}
	#programacion .programacion-content-info h3{
		font-size: 5vw;        
	}
	#programacion .programacion-content-info span{
		font-size: 4vw;
        margin: 0;
	}
	#programacion .programacion-content-info-horario{
	}
	#programacion .programacion-content-info-horario-row{
		margin-bottom: 5%;	
	}
	#programacion .programacion-content-info-horario-row-dia{
		width: 100%;
		font-size: 6vw;
		display: block;
		border-bottom: 2px solid #ffffff;
        margin: 0 auto;
	}
	#programacion .programacion-content-info-horario-row-periodo{
		width: 100%;
		display:block;
		margin:0 auto;
	}
    #programacion .programacion-content-info-horario-row-logo{
        width: 50%;       
        display: block;
        margin: auto;
        
    }        
}
#noticias{
	
}
.noticias-icon{	
	background: url(../images/ico-paperplane.svg) no-repeat center center;
	background-size: contain;
	height: 15%;

}
#noticias .noticias-content{
	width: 95%;
	height: auto;
	margin: auto;
	margin-top: -20vh;
	position: relative;
	z-index: 100;
    
}
#noticias .noticias-content-item{
	display: inline-block;
	width: 40%;
	height: 50vh;
	margin: 1% 4.5%;
    position: relative;
    vertical-align: top;
    cursor: pointer; 
}
#noticias .noticias-content-item h1{
	font-family: Roboto-Bold;
	font-size: 1.5vw;
}
#noticias .noticias-content-item p{
	font-family: Roboto-Light;
	font-size: 1.5vw;
}
#noticias .noticias-content-item-img{
	width: 100%;
	height: 70%;
}
#noticias .noticias-paginacion{
    background: #ff8400;
    width: auto;
    height: 10vh;
    margin: auto;
    text-align: center;    
}
#noticias .noticias-paginacion div{
    width: 5vw;
    height: 100%;;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#noticias .noticias-paginacion div:hover{
    background: #ff9e3e;
}

#noticias .noticias-paginacion span{
    color: #ffffff;
    height: 1.5vw;
    font-size: 1.5vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
@media handheld, only screen and (max-width:1000px){
    #noticias{

    }
.noticias-icon{	
        background: url(../images/ico-paperplane.svg) no-repeat top center;
        background-size: contain;
        width: 15%;
    }
    #noticias .noticias-content{
        width: 95%;
        margin-top: 0;
    }
    #noticias .noticias-content-item{
        display: block;
        width: 100%;
        height: 40vh;
        margin: 1% auto;
        padding: 0;
        
    }
    #noticias .noticias-content-item h1{
        width: 100%;
        font-family: Roboto-Bold;
        font-size: 6vw;
        position: absolute;
        bottom: 0;
        background:url("../images/bg-white-25.png");
        margin: 0;
        padding: 1%;
        text-align: center;
    }
    #noticias .noticias-content-item p{
        display: none;
    }
    #noticias .noticias-content-item-img{
        width: 100%;
        height: 100%;
    }
    #noticias .noticias-paginacion{
        height: 6vh;
    }
    #noticias .noticias-paginacion div{
        width: 10vw;
    }
    #noticias .noticias-paginacion div:hover{
        background: #ff9e3e;
    }
    #noticias .noticias-paginacion span{
        height: 5vw;
        font-size: 5vw;
    }
}
#galeria{
	display: none;
}
#galeria .galeria-icon{	
	background: url("../images/ico-gallery.svg") no-repeat center center;
	background-size: contain;
	height: 25%;

}
#galeria .galeria-content{
	width: 95%;
	height: auto;
	margin: auto;
	margin-top: -20vh;
	position: relative;
	z-index: 100;
    text-align: center;
}
#galeria .galeria-content-item{
	display: inline-block;
	width: 20%;
	height: 50vh;
	margin: 1%;
    position: relative;
}
#galeria .galeria-content-item h1{
	font-family: Roboto-Bold;
	font-size: 1.5vw;
}
#galeria .galeria-content-item-img{
	width: 100%;
	height: 70%;
}
#galeria .galeria-paginacion{
    background: #ff8400;
    width: auto;
    height: 10vh;
    margin: auto;
    text-align: center;    
}
#galeria .galeria-paginacion div{
    width: 5vw;
    height: 100%;;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#galeria .galeria-paginacion div:hover{
    background: #ff9e3e;
}

#galeria .galeria-paginacion span{
    color: #ffffff;
    height: 1.5vw;
    font-size: 1.5vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
@media handheld, only screen and (max-width:1000px){
    #galeria{

    }
    #galeria .galeria-icon{	
        background: url("../images/ico-gallery.svg") no-repeat top center;
        background-size: contain;
        width: 15%;

    }
    #galeria .galeria-content{
        width: 100%;
        margin-top: 0;
    }
    #galeria .galeria-content-item{
        width: 30%;
        height: 30vh;
        margin: 1%;
        position: relative;
    }
    #galeria .galeria-content-item h1{
        font-size: 4vw;
        position: absolute;
        bottom: 0;
        background:url("../images/bg-white-25.png");
        margin: 0;
        padding: 1%;
    }
    #galeria .galeria-content-item-img{
        width: 100%;
        height: 100%;
    }
    #galeria .galeria-paginacion{
         height: 6vh; 
    }
    #galeria .galeria-paginacion div{
        width: 10vw;
    }
    #galeria .galeria-paginacion div:hover{
        background: #ff9e3e;
    }

    #galeria .galeria-paginacion span{
        height: 5vw;
        font-size: 5vw;
    }
}
#contacto{
    
    
}
#contacto .contacto-icon{	
	background: url("../images/ico-contact.svg") no-repeat center center;
	background-size: contain;
	height: 25%;
}
#contacto h2{
	font-family: Roboto-Thin;
	font-size: 3vw;
    text-align: center;
}
#contacto .contacto-content{
    vertical-align: top;
}
#contacto .contacto-formulario{
    width: 35vw;
    display: inline-block;
    background: url("../images/bg-white-75.png");
    margin:0 5vw;
    margin-bottom: 5vh;
    text-align: center;
    border: 1px solid #ff9e3e;
}
#contacto .contacto-medios{
    width: 35vw;
    display: inline-block;
    background: url("../images/bg-white-75.png");
    margin:0 5vw;
    margin-bottom: 5vh;
    text-align: center;
    border: 1px solid #ff9e3e;
}
#contacto .contacto-medios a{
    text-decoration: none;
}
#contacto .contacto-medios span{
    width: 70%;
    font-family: Roboto-Thin;
    font-size: 2vw;
    display: block;
    margin: 5% auto;
}
#contacto .contacto-medios-whatsapp{
    background: url("../images/ico-whatsapp.svg") no-repeat center left;
    background-size: contain;
}
#contacto .contacto-medios-phone{
    background: url("../images/ico-phone.svg") no-repeat center left;
    background-size: contain;
}
@media handheld, only screen and (max-width:1000px){
    #contacto{
       
    }
    #contacto .contacto-icon{	
        height: 10vh;
    }
    #contacto h2{
        font-family: Roboto-Thin;
        font-size: 6vw;
        text-align: center;
    }
    #contacto .contacto-content{
        vertical-align: top;
    }
    #contacto .contacto-formulario{
        width: 90%;
        display: block;
        margin:5vh auto;
    }
    #contacto .contacto-medios{
        width: 90%;
        display: block;
        margin:5vh auto;
    }
    #contacto .contacto-medios a{
    }
    #contacto .contacto-medios span{
        width: 90%;
        font-size: 6vw;
    }
    #contacto .contacto-medios-whatsapp{
    }
    #contacto .contacto-medios-phone{
    }
}
#modal-noticias{
    width: 100%;
    background: #ffffff;
    margin:2% auto;
}
#modal-noticias .modal-noticias-header{
    width: 100%;
    height: 30vh;
    text-align: center;
    position: relative;
    margin: auto;
    padding: 0;
}
#modal-noticias .modal-noticias-header h2{
    font-family: Roboto-Regular;
    font-size: 2vw;
    margin: 0;
    padding: 0;
}
#modal-noticias .modal-noticias-header p{
    font-family: Roboto-Thin;
    font-size: 2vw;
    margin: 0;
    padding: 0;
}
#modal-noticias .modal-noticias-header-imagen{
    width: 20vw;
    height: 100%;
    display: inline-block;
    margin:  auto;
    vertical-align: top;
}
#modal-noticias .modal-noticias-header-text{
    width: 50vw;
    height: auto;
    display: inline-block;
    margin:0;
    vertical-align: top;
}
#modal-noticias .modal-noticias-contenido{
    margin: 5% auto;
    text-align: center;
}
#modal-noticias .modal-noticias-contenido-item{
    width: 20vw;
    height: 10vh;
    display: inline-block;
    text-align: left;
    position: relative;
    cursor: pointer;
}
#modal-noticias .modal-noticias-contenido-item-imagen{
    width: 25%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}
#modal-noticias .modal-noticias-contenido-item-text{
    width: 70%;
    height: 100%;
    display: inline-block;
}
#modal-noticias .modal-noticias-contenido-item h3{
    font-family: Roboto-Regular;
    font-size: 1vw;
    margin: 0;
    padding: 0;
    text-align: left;
}
#modal-noticias .modal-noticias-contenido-item p{
    font-family: Roboto-Thin;
    font-size: 0.8vw;
    margin: 0;
    padding: 0;
    text-align: left;
}
#modal-noticias .modal-noticias-contenido-item span{
    font-family: Roboto-regular;
    font-size: 0.5vw;
    margin: 0;
    padding: 0;
    text-align: left;
}
@media handheld, only screen and (max-width:1000px){
    #modal-noticias{
        
    }
    #modal-noticias .modal-noticias-header{
        height: auto;
    }
    #modal-noticias .modal-noticias-header h2{
        font-size: 6vw;
    }
    #modal-noticias .modal-noticias-header p{
        font-size: 5vw;
    }
    #modal-noticias .modal-noticias-header-imagen{
        width: 100%;
        height: 30vh;
        display: block;
        margin:  auto;
    }
    #modal-noticias .modal-noticias-header-text{
        width: 100%;
        display: block;
    }
    #modal-noticias .modal-noticias-contenido{
        margin: 5vh auto;
    }
    #modal-noticias .modal-noticias-contenido-item{
        width: 90%;
        height: auto;
        margin: 3vw auto;
    }
    #modal-noticias .modal-noticias-contenido-item-imagen{
        width: 90%;
        height: 20vh;
        display: block;
        margin: 1% auto;
    }
    #modal-noticias .modal-noticias-contenido-item-text{
        width: 100%;
        height: 20vh;
        display: block;
    }
    #modal-noticias .modal-noticias-contenido-item h3{
        font-size: 4vw;
        text-align: center;
    }
    #modal-noticias .modal-noticias-contenido-item p{
        font-size: 4vw;
    }
    #modal-noticias .modal-noticias-contenido-item span{
        font-size:3vw;
    }
}
#side-nota{
    width: 100%;
}
#side-nota .side-nota-contenido{
    width: 100%;
    margin: auto;
}
#side-nota .side-nota-contenido-item-imagen-header{
    width: 100%;
    height: 75vh;
}
#side-nota .side-nota-contenido-item-imagen-left{
    width: 45%;
    height: 40vh;
    float: left;
    margin-right: 2vw;
    margin-bottom: 2vw;
}
#side-nota .side-nota-contenido-item-imagen-right{
    width: 45%;
    height: 40vh;
    float: right;
    margin-left: 2vw;
    margin-bottom: 2vw;
}
#side-nota .side-nota-contenido-item-imagen-center{
    width: 50%;
    height: 40vh;
    margin: auto;
    margin-bottom: 2vw;
}
#side-nota .side-nota-contenido-item-text{
    width: 90%;
    margin: auto;
}
#side-nota .side-nota-contenido-item-text h2{
    font-family: Roboto-Medium;
    font-size: 4vw;
    margin: 0;
    padding: 0;
    text-align:center;
}
#side-nota .side-nota-contenido h3{
    font-family: Roboto-Thin;
    font-size: 6vw;
    margin: 0 5%;
    padding: 0;
    text-align:left;
}
#side-nota .side-nota-contenido-item-text span{
    font-family: Roboto-Thin;
    font-size: 2vw;
    margin: 0;
    padding: 0;
    text-align:let;
    display: block;
}
#side-nota .side-nota-contenido-item-text p{
    font-family: Roboto-Thin;
    font-size: 2vw;
    margin: 5vh auto;
    padding: 0;
    text-align:let;
}
#side-nota .side-nota-contenido-item-text a{
    font-family: Roboto-Thin;
    font-size: 2vw;
    margin: 0;
    padding: 0;
    text-align:let;
    display: block;
    text-decoration: none;
}
#side-nota iframe{
    border:none;
    width: 100%;
    height: 100%;
    display: flex;
  flex-direction: column;
  justify-content: center;
align-items: center;
}
#side-nota .side-nota-galeria{
    width: 100%;
    height: 30vh;
    text-align: center;    
    overflow: hidden;
    padding: 0;
    margin: 5vh auto;
}
#side-nota .side-nota-galeria-item{
    width: 20%;
    height: 30vh;    
    display: inline-block;
    margin:0 0.5%;
    
}
@media handheld, only screen and (max-width:1000px){
    #side-nota{
    }
    #side-nota .side-nota-contenido{
    }
    #side-nota .side-nota-contenido-item-imagen-header{
        height: 30vh;
    }
    #side-nota .side-nota-contenido-item-imagen-left{
        width: 100%;
        height: 30vh;
        float: none;
        margin: auto;
    }
    #side-nota .side-nota-contenido-item-imagen-right{
        width: 100%;
        height: 30vh;
        float: none;
        margin: auto;
    }
    #side-nota .side-nota-contenido-item-imagen-center{
        width: 100%;
        height: 30vh;
        float: none;
        margin: auto;
    }
    #side-nota .side-nota-contenido-item-text{
        width: 95%;
    }
    #side-nota .side-nota-contenido-item-text h2{
        font-size: 8vw;
    }
    #side-nota .side-nota-contenido h3{
        font-size: 6vw;
    }
    #side-nota .side-nota-contenido-item-text span{
        font-size: 4vw;
    }
    #side-nota .side-nota-contenido-item-text p{
        font-size: 5vw;
    }
    #side-nota .side-nota-contenido-item-text a{
        font-size: 4vw;
    }
    #side-nota iframe{
        border:none;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #side-nota .side-nota-galeria{
        width: 100%;
        height: 30vh;
        overflow:visible;
        margin: 5vh auto;
    }
    #side-nota .side-nota-galeria-item{
        width: 100%;
        height: 30vh;    
        display: block;
        margin:1% auto;

    }
}