body{ background: url(img/background.jpg) no-repeat center top;}
.tx-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}
.titulo {font-family: Arial, Helvetica, sans-serif;	font-size: 24px; color: #49494b; font-weight: bold; margin-top:10px; }
.subtitulo {font-family: Arial, Helvetica, sans-serif;	font-size: 15px; color: #49494b; font-style: italic; margin-top:10px;}
.linkNoticias { margin:15px 0 ; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #49494b; font-weight: bold; text-decoration: none;}
.linkNoticias:hover { color: #3366CC; }
.mas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #CC0000;
	list-style-image: url(img/mas.gif);


}
.destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

}
.bullet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	list-style-type: none;
	line-height: normal;
	list-style-image: url(img/bullet.gif);



}
.tit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.links:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3366CC;
	font-weight: bold;
	text-decoration: underline;
}

/* ----------------- MENU ----------------- */
.container {background:url(img/menu_back.png); width:980px; height:45px; margin:0 auto; }
.menu { font-family: verdana, sans-serif; font-size: 14px; color: #000; font-weight: bold; margin:0; padding: 0; text-align:left; position:relative; list-style-type:none; height:1.8em; line-height:1.8em; z-index: 200;}
.menu ul { list-style-type:none; margin:0; padding:0;/* for Firefox */}
.menu li { float:left; position:relative; padding:0 0 0 9px;}
.menu li a, .menu li a:visited { color: #000; font-size: 12px; display:block; text-decoration:none; float:left; height:20px; margin:0; padding: 5px 5px 5px 25px; line-height:1.6em; background:url(img/bullet_espiral.png) no-repeat 2px;}
* html .menu li a { width:7em; w\idth:6em; /* hack for IE5.5 */ }
.menu li a.drop {  }
.menu li ul { visibility:hidden; position:absolute; left:0; height:0; overflow:hidden; margin:0; padding:0;}
.menu table { margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */ }

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover { text-decoration:none; border:0; color:#0f75bc;}
.menu li:hover ul,
.menu li a:hover ul { visibility:visible; height:auto; width:140px; background:#fff; border:1px solid #CCC; left:20px; top:30px; overflow:visible; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9;}
.menu li:hover ul li a,
.menu li a:hover ul li a { display:block; font-size:0.7em; font-weight:bold; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.3em; width:125px; }
* html .menu li a:hover ul li a { width:10em; w\idth:9em; /* hack for IE5.5 */}
.menu li:hover ul li a.drop,
.menu li a:hover ul li a.drop { font-weight:bold; }
.menu li:hover ul li ul,
.menu li a:hover ul li a ul { visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden; }
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover { text-decoration:underline; color: #000;}
.menu li:hover ul li:hover ul,
.menu li a:hover ul li a:hover ul { visibility:visible; color:#000; border:1px solid #CCC; height:auto; background:#fff; width:9.5em; } 
.menu li:hover ul li:hover ul.left,
.menu li a:hover ul li a:hover ul.left { left:-9.3em; }
.menu li:hover ul li:hover ul li a,
.menu li a:hover ul li a:hover ul li a { display:block; height:auto; }
.menu li:hover ul li:hover ul li:hover a,
.menu li a:hover ul li a:hover ul li a:hover { text-decoration:underline; }

/* ----------------- FIN MENU ----------------- */

/* ----------------- SLIDER ----------------- */
div#feature_list { width: 980px; height: 456px; overflow: hidden; position: relative; padding: 0; margin: 0 auto;}
div#feature_list ul { position: absolute; top: 0; list-style: none;	padding: 0; margin: 0; }

ul#tabs { right: 0; z-index: 2; width: 270px; padding: 0; margin: 0;}
ul#tabs li { float: left; padding: 0; margin: 0; background: url('img/slider_thumbs_back.png'); height: 106px;}
ul#tabs li .img { border: none; float: left; margin: 7px 11px 7px 11px; padding: 0;}
ul#tabs li a { display: block; outline: none; padding: 0; margin: 0;}
ul#tabs li a:hover { filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7; }

ul#tabs li a.current { background:  url('img/slider_thumbs_on_back.png'); height: 106px; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }

ul#output { background:  url('img/slider_back.png'); width: 696px; height: 332px; position: relative; }
ul#output li { position: absolute; width: 680px; height: 316px; margin:8px; }
ul#output li a { position: absolute; bottom: 12px; right: 0px; padding: 0px; text-decoration: none; }
ul#output li a:hover { filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7; }
/* ----------------- FIN SLIDER ----------------- */		



/*Paginado*/
.paginado { *overflow: hidden; margin-left:200px; }
.paginado ul { list-style:none; margin: 0 0 0 8px; }
.paginado ul li { float: left;  width: 30px; height: 30px; margin: 0 auto; margin-left: 0; text-align: center; }
.paginado ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #717171 !important; padding: 0; display: block; text-decoration:none; }
.paginado ul li.active { background: url('img/fondo-paginado-activo.jpg') top left no-repeat; color:#FFF !important; font-size: 20px; padding: 0; display: block;}
.paginado ul li.active a{ color:#FFF !important;}
.paginado ul li a:hover { background: url('img/fondo-paginado-hover.jpg') top left no-repeat; height:30px; }
.paginado ul li:hover a, .paginado ul li.active a { color: #ffec00; }

/* ----------------- LIGHTBOX ----------------- */
.ppy-outer {
    display:                none;
}
.ppy-active .ppy-outer {
    display:                block;
}
.ppy-stage {
    background-repeat:      no-repeat !important;
    background-position:    center center !important;
    position:               relative;
}

.ppy-placeholder {
    position:               relative;
}

.ppy-caption,
.ppy-captionwrap {
    overflow:               hidden;
}

.ppy-hidden {
    display:                none !important;
}
/* fallback styles for image list */
.ppy-imglist {
    width:          100%;
    display:        block;
    overflow:       hidden;
    
}
.ppy-imglist li {
    padding:        10px;
    border:         1px solid #f0f0f0;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
    background:     #fff;
    list-style:     none;
    float:          left;
    display:        block;
    margin:         0 10px 10px 0;
}
.ppy-imglist li a img {
    display:        block;
    border:         0;
}


/* popeye example 3 */
#ppy3.ppy-active {
    width:          300px;
    float:          left;
    margin:         0 20px 10px 0;
}

#ppy3 .ppy-outer {
}

#ppy3 .ppy-stage {
    width:          300px;
    height:         200px;
    overflow:       hidden;
    cursor:         pointer;
}

#ppy3 .ppy-stagewrap {
    background:     #333;
}

#ppy3 .ppy-caption {
    margin:         10px 0 0 0;
    padding:        0 5px 3px 0;
    font-size:      0.9em;
    line-height:    1.3em;
    color:          #666;
    height:         60px;
    overflow:       auto;
    border-bottom:  1px solid #ddd;
}

#ppy3.ppy-expanded .ppy-caption {
    margin:         0;
    padding:        10px;
    color:          #fff;
    border-bottom:  1px solid #333;
    background:     #666;
}

#ppy3 .ppy-counter {
    background:     #333;
    color:          #fff;
    padding:        0 5px;
    font-size:      0.8em;
    position:       absolute;
    bottom:         0;
    left:           0;
    opacity:        0.7;
}

#ppy3 .ppy-loading {
    background:     #333 url(img/lightbox/loading.gif) no-repeat center !important;
}

#ppy3 .ppy-nav {
    background:     #333;
    background:     rgba(51,51,51,0.2);
    background:     -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(51,51,51,1)),
        color-stop(0.4, rgba(51,51,51,0.2)),
        color-stop(0.6, rgba(51,51,51,0.2)),
        color-stop(1, rgba(51,51,51,1))
    );
    background:     -moz-linear-gradient(
        center bottom,
        rgba(51,51,51,1) 0%,
        rgba(51,51,51,0.2) 40%,
        rgba(51,51,51,0.2) 60%,
        rgba(51,51,51,1) 100%
    );
    width:          100%;
    height:         100%;
    text-align:     center;
}
#ppy3 .nav-wrap {
    width:          104px;
    height:         32px;
    padding:        30% 0 0 0;
    margin:         0 auto 0 auto;
}
#ppy3 .ppy-nav a {
    display:        block;
    overflow:       hidden;
    text-indent:    -900em;
    height:         22px;
    float:          left;
    padding:        5px;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px; 
}

#ppy3 .ppy-prev {
    width:          22px;
    background:     url(img/lightbox/prev.png) no-repeat center;
}

#ppy3 .ppy-next {
    width:          22px;
    background:     url(img/lightbox/next.png) no-repeat center;
}

#ppy3 .ppy-switch-enlarge {
    width:          30px;
    background:     url(img/lightbox/enlarge.png) no-repeat center;
}

#ppy3 .ppy-switch-compact {
    width:          30px;
    background:     url(img/lightbox/compact.png) no-repeat center;
}

#ppy3 .ppy-play {
    width:          22px;
    background:     url(img/lightbox/play.png) no-repeat center;
}

#ppy3 .ppy-pause {
    width:          22px;
    background:     url(img/lightbox/pause.png) no-repeat center;
}

#ppy3 .ppy-nav a:hover {
    background-color:   #333;
    cursor:         pointer;
}

/* ----------------- FIN LIGHTBOX ----------------- */