﻿

#carousel
{
    display:inline-block;
    background-color:#fff;
 }
 
     
#carousel #carouselPicBig
{
    padding: 5px 5px 0 5px;
    
 }
 
 
 #carousel #carouselPicBig img 
 {
     width:600px;
     height: 400px;
}

.dialog#dialogCarrousel #carouselPicBig
{
     width:600px;
     height:303px;
 }

.dialog#dialogCarrousel #carouselPicBig img
{
   height: 303px;
    margin-left: 55px;
    width: 493px;
 }
 

#carousel-view
{
    width:509px;
    overflow:hidden;
    border:solid 1px #ccc;
     
     position:absolute;
     left:54px;
}

#carrousel-reels
{
    padding-left:10px;
	height:90px;
}

#carousel-content
{
    width:100000px;
    padding:6px 0 6px 2px;
    position:relative;
   
}

#carousel-view a
{
    margin:0 auto;
    display:inline-block;
    text-decoration:none;
}

#carousel-view a img
{    
    height: 65px !important;
    width: 115px !important;
    margin: 2px 2px 0 3px; 
    opacity:0.5;
    filter: alpha(opacity=50);/*.p. IE*/
    cursor:pointer;
    padding:2px;
    border:solid 1px #000;  
    border-radius:6px;
}


#carousel-view a img.sel
{   opacity:1;
    filter: alpha(opacity=100);/*.p. IE*/  
    
    
}


#carousel .btRight, #carousel .btLeft
{
 
    cursor:pointer;
    height: 24px;
    padding-bottom: 39px;
}    

#carousel .btLeft{
   background-image: url("../_ImagesTemplate/bt-galeria-lt.png");
   background-repeat: no-repeat;
   background-position: left center;
   float:left;
   position: relative;
   top: 7px;
   width: 24px;
}
   
   
#carousel .btRight{
   background-image: url("../_ImagesTemplate/bt-galeria-gt.png");
   background-position: right center;
    background-repeat: no-repeat;
    float: right;
    position: relative;
    top: 7px;
    width: 24px;
    right: 10px;

}
    
     
    

#carousel .btRight:hover, #carousel .btLeft:hover
{   opacity:0.5;
    filter: alpha(opacity=50);/*.p. IE*/
    
}

#carousel .btRight:active, #carousel .btLeft:active
{   opacity:1;
    filter: alpha(opacity=100);/*.p. IE*/
}

#bt-action 
{
    height:25px;
    background-image: url("../_ImagesTemplate/play.png");
    background-repeat: no-repeat;
    background-position:  50% 50%;
    opacity: 0.9;
    width: 590px;
    padding: 5px 0px 0px 10px;
}

#bt-action.stop
{
    background-image: url("../_ImagesTemplate/stop.png");
      background-repeat: no-repeat;
    background-position:  50% 50%;
}


