/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }

        /* estilos pagina*/
        .idioma.fixed {
    position: fixed;
}
       .idioma {
    display: flex;
    width: 20%;
    margin: 1% 2%;
    position: absolute;
    top: 12%;
    z-index: 300;
    background: #2980B9;
}
.idioma a {
    color: white;
    padding: 0% 5%;
    flex: 50;
}
a.sel {
    background: #0C5484;
   border-left: 3px solid #27ae60;
}
a.sel-in {
    background: #0C5484;
   border-right: 3px solid #27ae60;
}
.ban {
    display: inline-block;
    height: 17px;
    margin: 0px 4px -2px 0px;
    position: relative;
    width: 20px;
    border-radius: 50%;
}
.en:after {
    background: rgb(0,0,153);
    content: "";
    height: 45%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 40%;
}
.es{
    background: linear-gradient(to bottom, rgb(198,11,30) 31%, rgb(255,196,0) 31%, rgb(255,196,0) 69%, rgb(198,11,30) 69%);
}
.en{
    background: linear-gradient(to bottom, rgb(255,0,0) 11.11%, rgb(255,255,255) 11.11%, rgb(255, 255, 255) 22.22%, rgb(255, 0, 0) 22.22%, rgb(255, 0, 0) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 44.44%, rgb(255, 0, 0) 44.44%, rgb(255,0,0) 55.55%, rgb(255, 255, 255) 55.55%, rgb(255,255,255) 66.66%, rgb(255, 0, 0) 66.66%, rgb(255,0,0) 77.77%, rgb(255, 255, 255) 77.77%, rgb(255, 255, 255) 88.88%, rgb(255, 0, 0) 88.88%);
}
.flex{
	display: flex;
}
.item {
    flex: 33;
    padding: 0.5% 2%;
    border: 2px solid #2980B9;
    margin: 1px;
    height: 100%;
}
.item h5:nth-child(3) {
    border-bottom: 2px solid #2980B9;
}
.item-f {
    flex: 50;
    padding: 1% 2%;
}
.item-f img {
    width: 100%;
}
section#content {
    border-bottom: 2px solid #2980B9;
}
.item-f ul {
    list-style: none;
}
.item-f ul li {
    padding-left: 4%;
}
#logo img {
    width: 85%;
}
.content {
    border: 4px solid #fff;
    margin: 0.5% 0%;
    background: #1A1B24;
}
.titulo-es{
	display: none;
}
#sidebar img {
    width: 100%;
}
#nav .selected {
    border-bottom: 2px solid white;
    width: 100%;
}
.img-cand {
    width: 100%;
}
@media (max-width:600px){
    .idioma {
    top: 10%;
    width: 100%;
    margin: 1% 0.1%;
    position: fixed;
    z-index: 20000;
}
	div#jssor_1{
		margin-top: 4%;
	}
	.title img {
    display: none
}
h2 .img-title{
	width: 18%;
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 10%;
    background: #F1F1F1;
    border-radius: 11px;
}
.titulo-es{
	display: block;
}
p{
	padding: 1% 3%;
}
.flex{
	flex-direction:column;
}
}