﻿

/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    /*background:url(../images/bg_banner.gif) repeat 0 0;*/
	background-color:#e5eef5;
    width:290px;
    height:400px;
    
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:290px;
    height:210px; 
}

.barousel_image img
{
    position:absolute;
    display:none; width:290px;
    height:210px;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
    padding:10px;    
    z-index:50;
    /*background:url(../images/bg_barousel_content.png) repeat 0 0;*/
    color:#000;
    width:270px;
    top:210px;
    left:0px;
	

}

.barousel_content h5 { font-size:24px; line-height:24px; font-weight:lighter; margin-bottom:10px;}
.barousel_content ul { font-size:12px; color:#45637b; margin-bottom:10px;}
.barousel_content p { display:block; max-width:250px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-size:12px;}
.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}



.barousel_content a,
.barousel_content a:hover
{
    color:#fff55b;
    background-color:transparent !important;
}

.barousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:23px;    
    background:transparent;
    top:190px;
	right:130px;
    z-index:20;
    width:290px;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:12px;
    height:12px;
    background:url(imagenes/boton_off.png) no-repeat;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
    background: url(imagenes/boton_on.png) no-repeat;
}

.barousel_nav li a.current
{
    background:url(imagenes/boton_on.png) no-repeat;
}

.barousel_nav li.prev a
{
    /*background-image:url(../images/barousel_link_previous.gif);
    background-repeat:no-repeat;
    background-position:0 0;*/
	background-color:#09F;
}

.barousel_nav li.next a
{
    background-image:url(../images/barousel_link_next.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

.navegador { position:absolute; top:360px; width:290px; background-color:#d6e5ef; z-index:80;}
.navegador .flechas { display:none; float:left; font-size:14px; color:#45637b; padding-top:5px;}

.navegador .flechas ul li { display:block; float:left; padding:5px 7px;}
.navegador .flechas ul li span { padding-bottom:0px;}
.navegador .flechas ul li img { padding-top:0px;}

.navegador .vertodos { float:right; padding:10px;}
.navegador .vertodos a.vermas {   margin-top:10px; background:url('imagenes/flecha_amarilla.png') no-repeat left; padding-left:15px; font-size:12px; color:#45637b; font-weight:600; }
.navegador .vertodos a.vermas:hover {color: #45637b;}

