#slides {font-family: Verdana, Arial, helvetica, sans-serif; clear: both; height: 31em; overflow-y: auto;}
#slides2 {font-family: Verdana, Arial, helvetica, sans-serif; clear: both; height: 18em; overflow-y: auto;}




#slides1 {font-family: Verdana, Arial, helvetica, sans-serif; clear: both; height: 26.6em; overflow-y: auto;}
#slides div {display: block; clear: both; padding: 0.1em 0.1em;}
#slides2 div {display: block; clear: both; padding: 0.1em 0.1em;}
#slides1 div {display: block; clear: both; padding: 0.1em 0.1em;}

a.slidesjs-play, a.slidesjs-stop {background-image: url(../img/btns-next-prev.png); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-left:15px;}
a.slidesjs-play {width:15px; background-position: -25px 0;}
a:hover.slidesjs-play {background-position: -25px -18px;}
a.slidesjs-stop {width:18px; background-position: -41px 0;}
a:hover.slidesjs-stop {background-position: -41px -18px;}
.slidesjs-pagination {margin: 6px 0 0; float: right; list-style: none;}
.slidesjs-pagination li {float: left; margin: 0 1px;}
.slidesjs-pagination li a {display: block; width: 18px; height: 0; padding-top: 14px; background-image: url(../img/pagination.png); background-position: 0 0; float: left; overflow: hidden;}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -15px} .slidesjs-pagination li a:hover {background-position: 0 -30px}

#slides a:link, #slides a:visited {color: #333}
#slides a:hover, #slides a:active {color: #9e2020}
#slides1 a:link, #slides1 a:visited {color: #333}

/*#slides1 a:hover, #slides1 a:active {color: #9e2020}*/

.navbar {overflow: hidden}

/* CONTENIDO DEL SLIDE */
#slides h3 {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: bold; font-size: 0.85em; text-align: justify; color: #000; line-height: 1.5em; margin: 0.9em 0 0.4em 0; padding: 0}
#slides h3 a {color: #000 !important;}
#slides h3 a:hover {color: #000 !important}
#slides1 div .tituloCarrusel {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: bold; font-size: 1.10em; text-align: justify; color: #154D69; line-height: 1.5em; margin: 0.9em 0 0.4em 0; padding: 0}
#slides a {text-decoration: none;}
#slides a:hover {text-decoration: none; color: #000}
#slides1 a {text-decoration: none;}
#slides1 a:hover{border-bottom:none;}
#slides1 .slidesjs-slide:hover{border: 1px solid #c4c4c4;}
#slides span.negrita {margin-bottom: 0.2em}
#slides1 span.negrita {margin-bottom: 0.2em}

#slides p {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: normal; font-size: 0.72em; text-align: justify; color: #000; line-height: 1.5em; word-spacing:-2px;}
#slides2 p {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: normal; font-size: 0.7em; text-align: justify; color: #000; line-height: 1.5em; word-spacing:-2px;}
#slides2 h3 {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: bold; font-size: 0.85em; text-align: center; color: #000; line-height: 1.5em; margin: 0.9em 0 0.4em 0; padding: 0}
#slides2 li {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: normal; font-size: 0.72em; text-align: justify; color: #000; line-height: 1.5em; word-spacing:-2px;}

/*#slides1 p {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: normal; font-size: 0.72em; text-align: justify; color: #000; line-height: 1.5em; word-spacing:-2px;}*/

#slides div > img {width: 278px; padding: 2px; border: 1px solid #c4c4c4; float: left; margin: 0.5em 1em 0.9em 0.2em}
#slides div .distribuir {float: right;}

#slides div .distribuir img {width: auto; border: 0; margin: 0.4em 0.2em 0.1em 0.2em; padding: 0;}
#slides1 div img {width: 750px; max-height:300px; z-index:10; padding: 2px; margin: 0.5em 1em 0.9em 0.2em}
#slides1 div .distribuir {float: right;}
#slides1 div .distribuir img {width: auto; border: 0; margin: 0.4em 0.2em 0.1em 0.2em; padding: 0;}
#slides .slidesjs-container {margin: 0 auto 0.4em auto; min-height: 27.5em !important; overflow-y: auto !important;}
#slides1 .slidesjs-container {margin: 0 auto 0.4em auto; min-height: 25em !important; overflow-y: auto !important; height:auto !important;}

#slides .slidesjs-slide {width: 95% !important; margin: 0 1%}
#slides1 .slidesjs-slide {width: 95% !important; margin: 0 1%}
#slides .masinfo {font-family: Verdana, Arial, helvetica, sans-serif; font-weight: normal; font-size: 0.8em; text-align: center; color: #175075; margin: 0.1em 1% 0.8em 0%; padding: 0.5em 1em; background: #CDE6F5; border-radius: 6px; float: right; display: inline-block}
#slides .masinfo a {text-decoration: none;}
/*#slides .masinfo a:hover {color: #000; border-bottom: 1px dashed #4886a4}*/
#slides .slidesjs-pagination {clear: both; float: none; text-align: center; margin: 0 auto; padding: 0.2em 0 0.8em 0; width: 100%; display: block;}
#slides1 .slidesjs-pagination {/*clear: both;*/ float: none; text-align: center; margin: 0 auto; padding: 0.2em 0 0.8em 0; width: 100%; display: block; margin-top: -1% !important;}
#slides .slidesjs-pagination li {display: inline-block; float: none}
#slides1 .slidesjs-pagination li {display: inline-block; float: none}
#slides .slidesjs-next {float: right;}
#slides1 .slidesjs-next {float: right;}

/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1080px) {
    #slides .slidesjs-container {min-height: 27.6em !important;}
    #slides div img {width: 56%;}
}

@media only screen and (max-width: 875px) {
    #slides div img {width: 45%;}
}

@media only screen and (max-width: 980px) {
    #slides div img {width: auto;}
}

@media only screen and (max-width: 560px) {
    #slides div {text-align: center;}
    #slides div img {width: 45%;}
    #slides .slidesjs-slide {width: 86% !important; margin: 0 1% 0 2%}
    #slides h3 {text-align: left}
}

@media only screen and (max-width: 350px) {
    #slides div img {display: none;}
    }