/*!
 * Dynamic display block module template:plain-list30l - Cascading Style Sheet
 * Copyright(c) 2008 - 2009 P. Blaauw All rights reserved.
 * Version 1.0(20-DEC-2009)
 */

/*------------------------------------- Tipografías Especiales   */
/* first for IE 6/7/8 */
@font-face {
	font-family: DINWebMedium;
	src: url('/sites/all/themes/ayto/DINWeb-Medium.eot');
}

/* then for Mozilla browsers -> Firefox */
@font-face {
	font-family: DINWebMedium;
	src: url('/sites/all/themes/ayto/DINWeb-Medium.woff') format('woff');
}


/*div.ddblock-cycle-plain-list30l div.container{width:949px;}*/

div.ddblock-cycle-plain-list30l{ font-family: Arial; background: url('/sites/all/themes/ayto/images/bck_top5.gif') no-repeat; background-position: 339px 18px; background-color: #c53900; width: 560px; height: 270px; position: relative; }

/* SlideShow */
div.slider-inner div.slide{ position: absolute; top: 0; left: 0; }

div.slide-inner{ width: 360px; height: 270px; position: relative; }
div.slide-inner div.slide-text{ text-align: right; background-color: #42381a; width: 259px; height: 226px; padding: 42px 25px 0 25px; position: absolute; top: 0; right: 0; z-index: 6; }
div.slide-inner div.slide-text div.slide-title-inner{ margin-bottom: 8px; }
div.slide-inner div.slide-text h2{ font-family: DINWebMedium, Arial; font-size: 1.15em; letter-spacing: -1px; color: #FFFFFF; padding: 0; margin: 0; }
div.slide-inner div.slide-text h2 a{ text-decoration: none; color: #fcaa24; }
div.slide-inner div.slide-text h2 a:hover{ text-decoration: none; color: #9d9889; }
div.slide-inner div.slide-text p{ font-family: DINWebMedium, Arial; font-size: 0.75em; font-weight: normal; text-align: right; color: #fff; padding: 0; margin: -5px 0 10px 0; }
div.slide-inner div.slide-text div.slide-read-more{ font-family: DINWebMedium, Arial;font-size: 0.90em; font-weight: bold; text-transform: uppercase; color: #ffffff; }
div.slide-inner div.slide-text div.slide-read-more a{ text-decoration: none; color: #fcaa24; }
div.slide-inner div.slide-text div.slide-read-more a:hover{ color: #9d9889; }

/* Fondo Contenido Principal*/
div.ddblock-cycle-plain-list30l div.top5-text-background{ background-image: url('/sites/all/themes/ayto/images/bck_alpha_top5.png'); width: 356px; height:270px; position: absolute; top: 0; right: 0; z-index: 4; }

/* Paginador */
div.custom-pager{ width: 240px; height: 270px; position: absolute; top: 0; right: 0; z-index: 8; }
div.custom-pager ul{ list-style: none; padding: 0; margin: 44px 0 0 0; }
div.custom-pager ul li{ width: 221px; min-height: 35px; padding: 3px 0; margin: 5px 0 -5px 19px; }
div.custom-pager ul li a{ font-family: DINWebMedium, Arial; font-size: 0.65em; text-decoration: none; text-transform: uppercase; line-height: 11px; color: #fff; width: 210px; display: block; }
div.custom-pager ul li a:hover{ color: #42381a; }
div.custom-pager ul li form{margin: 0;padding: 0;}
div.custom-pager ul li form button{ font-family: DINWebMedium, Arial; font-size: 0.65em; text-decoration: none; text-transform: uppercase; line-height: 11px; color: #fff; width: 210px; display: block;background: none;border: none;cursor: pointer;text-align: left;float: left;padding: 0 !important;margin: 0 !important;margin-bottom: -3px !important;}

div.custom-pager ul li form button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

div.custom-pager ul li form button div{width: 210px;display: inline-block;padding: 0 !important;margin: 0 !important; text-align: left !important;}
div.custom-pager ul li form button:hover{ color: #42381a; }
div.custom-pager li.active-pager-item button{ color: #594d25; }
.custom-pager-item div.cont_form{margin: 0 0 -4px 0;padding: 0;}

div.custom-pager ul li span{ font-family: DINWebMedium, Arial; font-size: 0.65em !important; text-transform: lowercase; color: #fcaa24; width: 210px; height: 13px; padding-top: 0; display: block;clear: both;}
div.custom-pager ul li.active-pager-item{ background: #ffffff; width: 221px !important; padding-left: 19px; margin: 5px 0 -5px 0 !important; }
div.custom-pager li.active-pager-item a{ color: #594d25; }