/* 
    Document   : index
    Created on : 1-feb-2013, 11.46.01
    Author     : portatile
    Description:
        Purpose of the stylesheet follows.
*/

#etichetta{
    position: absolute;
    z-index: 101;
    lef: 0px;
    margin-left: 15px;
    background-image: url('http://tramedistorie.it/img/etichetta.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 260px;
    width: 115px;
}

.bollino{
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 25px;
}

#gallery {
    /*position: absolute;
    top: 155px;*/
    z-index: 100;
    /*margin-left: 2px;*/
    width: 705px;
    float:left;
}

.slider-wrapper { 
    width: 705px; 
    margin: 0px auto;
    height: 425px;
}

#slider_cont_img {
    width: 705px; 
    margin: 0px auto;
    height: 425px;
}

#menu_laterale{
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 14px;
    padding-left: 14px;	
}

.voce_menu {
    background-color: #76c7e5;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    font-size: 13px;
    color: #000;
    text-decoration: none;
}
.voce_menu a:link, .voce_menu a:visited{

    font-size: 15px;
    color: #000;
    text-decoration: none;
}
.voce_menu a:hover{
    color: #fff;

}

#ultima_news {
    min-height: 186px;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 14px;
    padding-left: 14px;	
}

#box_news {
    text-align: center;
}
#box_news img {
    border: 0px;
}

#box_news_no {
    height: 95px;
    padding-top: 60px;
    text-align: center;
}

#moodboard {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 14px;
    padding-left: 14px;	
}

#box {
    /*padding-top: 155px;*/
    text-align: center;
/*    background-repeat: no-repeat;
    background-position: center center;    */
}
#box img {
    max-width: 265px;
    max-height: 155px;
}

.testo_box{
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
}

#social {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 14px;
    padding-left: 14px;	
}
.social_text {
    float: left;
    padding-right: 10px;
    padding-top: 5px	
}
.social_icon {
    float: left;
    padding-left: 10px;	
}
.separatore {
    background-image: url('http://tramedistorie.it/img/trattino_orr.png');
    background-repeat: repeat-x;
    background-position: left top;
    height: 1px;
    width: 100%;
}

#prodotti_evidenza {
    padding-top: 20px;
    background-image: url('http://tramedistorie.it/img/trattino_orr.png');
    background-repeat: repeat-x;
    background-position: left top;
}
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 655px;
    height:160px;

    /* custom decorations */

}

.scrollable .imgScroll {
    float: left;
    display: block;
    width: 655px;
    
}

.scrollable .imgScroll .singleImgScroll {
    float: left;
    width: 109px;
    text-align: center;
}

.scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
    margin:0;
    padding:0;
    border:0;
}

/*.scrollable .less, .scrollable .less a {
    color:#999 !important;
    font-size:11px;
}*/

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
/*.scrollable .items {
     this cannot be too large 
    width:20000em;
    position:absolute;
    clear:both;
}*/

/*.items div {
    float:left;
    width:705px;
}*/

/*.imgScroll {
    float: left;
    display: block;
    width: 110px;
}*/


/* single scrollable item */
/*.scrollable img {
    float:left;
    background-color:#fff;
    border:1px solid #ccc;
    width:100px;
    height:75px;
    margin-top: 10px;
    margin-right: 6px;
    margin-bottom: 10px;
    margin-left: 6px;
}*/

/* active item */
/*.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}*/

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background: url('http://tramedistorie.it/img/hori_large.jpg') no-repeat;
    display:block;
    width:21px;
    height:30px;
    float:left;
    cursor:pointer;
    font-size:1px;
    margin-top: 60px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

/* position and dimensions of the navigator 
.navi {
    margin-left:328px;
    width:200px;
    height:20px;
}
*/

/* items inside navigator 
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(http://tramedistorie.it/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
*/
/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}