/* -- SLIDES -- */
#slides {overflow-y: scroll; margin-top: 0.8em;}
#slides .slidesjs-container {min-height: 20em !important; overflow-y: auto !important; width: 82% !important; margin: 0.4em auto 0 auto;}
#slides .slidesjs-navigation {margin-top:0.2em;}
#slides .slidesjs-previous {margin:-12em 0.2em 0 0em; float: left;}
#slides .slidesjs-next {margin: -12em 0em 0 0.2em; float: right;}
#slides .slidesjs-navigation img {margin:0 !important;}

/* -- PAGINACION -- */
#slides h2 {font-weight: normal; margin-top: 0.6em; font-size: 1.3em; color: #0C305E; text-align: center;}
#slides p {font-weight: normal; margin: 0.8em 0.8em; line-height: 1.6em; font-size: 0.8em; color: #000; text-align: justify;}
#slides ul li,ol li{font-size: 0.8em;}
#slides img {float: right; margin: 0.5em 0.5em 0.5em 0.9em; max-width: 11em}
#slides span.masinformacion a {width: 10em; clear: both; margin: 0.9em auto 0 auto; text-align: center; display: block; background: #F0F0F0 url("../img/masinfo.png") no-repeat scroll right center; border: 1px solid #D8D8D8; border-radius: 6px; padding: 0.6em 1.5em 0.6em 0.2em; font-size: 0.8em;}
#slides p img {float: none; margin: 0;}

/* -- PAGINACION -- */
.slidesjs-pagination {margin: 0; list-style: none; width: 78%; text-align: center;}
.slidesjs-pagination li {margin: 0 1px; display: inline-block}
.slidesjs-pagination li a {display: block; width: 16px; height: 0; padding-top: 16px; 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 -16px}
.slidesjs-pagination li a:hover {background-position: 0 -32px}

/* -- ENLACES -- */
#slides a:link,
#slides a:visited {color: #fff; text-decoration: none;}
#slides a:hover,
#slides a:active {color: #fff; text-decoration: none;}
#slides p a:link,
#slides p a:visited {color: #28566f; text-decoration: none;}
#slides p a:hover,
#slides p a:active {color: #28566f; text-decoration: none; border-bottom: 1px dotted #28566f;}

#slides .negrita {font-weight: bold;}
#slides .cursiva {font-style: italic;}

/* -- MEDIA QUERIES-- */
@media only screen and (max-width: 540px) { 
#slides .slidesjs {height: 120px !important}
}
@media only screen and (max-width: 400px) {
#slides {text-align: center}
#slides img {float: none;}
}  
@media only screen and (max-width: 40px) {
#slides .slidesjs-container {width: 95% !important; margin: 0 auto}
#slides h2 {font-size: 1.1em;}
#slides p {font-size: 0.75em;}
#slides .slidesjs-navigation {text-align: center}
.slidesjs-pagination {width: 65%}
}