/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/

    Pesonalized by Antonio Reggiani 2010

    verde=#79A325
    verde hover=#58751C
*/




.anythingSlider 
{
    
    width: 850px;
    height: 350px;
    position: relative;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.anythingSlider .anyWrapper {
    width: 840px;
    overflow: hidden;
    height: 340px;
    margin: 0 40px;
    position:relative;
    margin:0px auto;
   }

                                        
.anythingSlider .anyWrapper ul  {
    width: 32700px;           /* Width is max for Opera */
    list-style: none; 
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
   
}


.anythingSlider .anyWrapper ul li {
    display: block;
    float: left;
    padding: 0;
    height: 330px;
    width: 840px;
    margin: 0;
}



.anythingSlider .arrow {
    display: block;
    height: 40px;
    width: 39px;
    background: url(../../images/any/arrows2.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: -200px; 
    cursor: pointer; 
 }
 
 
.anythingSlider .forward                {background-position: -121px 0px;right: -30px;}
.anythingSlider .back                   {background-position: -80px 0px;left: -20px;}


.anythingSlider .forward:hover          {background-position: -41px 0px; right: -30px; }
.anythingSlider .back:hover             {background-position: 0px 0px; left: -20px;}



.thumbNav   {
   position: relative;
   top:340px;
   text-align: center;
   z-index:999;
   width:850px;
}

.thumbNav li {
    display: inline; 
}


.thumbNav a  {
   color: #FFF;
   display: inline-block;
   padding:  0px;
   height: 9px;
   text-align: center;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   background-attachment: scroll;
   background-image: url(../../images/any/nav.png);
   background-repeat: no-repeat;
   background-position: -10px 0px;
   text-indent: -9999px;
   font-family: Georgia, Serif;
   width: 9px;
   margin-top: 0;
   margin-right: 10px;
   margin-bottom: 0;
   margin-left: 0;
}

.thumbNav a:hover               { background-position: 0px 0px;  }
.thumbNav a.cur                 { background-position: 0px 0px; }

.start-stop                     {
   color: #333;
   text-align: center;
   position: absolute;
   right: 5px;
   top: 330px;
   height: 20px;
   width: 45px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 0.8em;
   padding-top: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
}

.start-stop.playing:hover {
    color:#C00;
}

.start-stop:hover {
   color:#090;
   text-decoration:none;
   height: 21px;
   width: 45px;
   padding-top: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
}

/*
  Prevents
*/
.anythingSlider .anyWrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .anyWrapper ul ul li       { float: none; height: auto; width: auto; background: none; }






/* Formattazione Slider */

#SlideBorder {
   background-attachment: scroll;
   background-image: url(../../images/any/slider_bordo.gif);
   background-repeat: repeat-y;
   background-position: center top;
   height: 380px;
   width: 858px;
   margin-right: auto;
   margin-left: auto;
   position: relative;
   z-index:10;
   margin-bottom:5px;/*35*/

}

.boxSlide {
   height: 330px;
   width: 800px;
   margin-top: 0px; /* 20*/
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
}

.boxSlide img {
   float: right;
   width: 480px;
   display: block;
   height: 300px;
   overflow: hidden;
   border: 2px solid #79A325;
   margin-left:3px;
}


.textSlide {
   float: left;
   width: 300px;
   font-family: "Georgia", Times New Roman, Times, serif;
   margin-top: 0px;
}

.textSlide h1{
   font-size: 2.0em;
   color:#79A325;
   padding: 0px 0px 5px 0px;
   font-weight: normal;
   line-height:1.1em;
}

.textSlide h1 a{
   color:#58751C;
}

.textSlide h2 {
   margin-top: 0px;
   margin-bottom: 8px;
   line-height: 1.3em;
   font-weight:normal;
   font-size: 1.3em;
}

.textSlideDx {
   float: right;
   width: 480px;
   margin-top: 0px;
}

.textSlideDx ul li {
	list-style-image: url(../../images/arrow_right_peppermint.png);
	font: 1.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
}


.introSlide {
   display: block;
   line-height: 1.2em;
   margin-bottom: 20px;
   font-size: 1.0em;
   color: #666;
   padding:10px 0px 0px 0px;
   font-family: "Arial", Helvetica, sans-serif;
}


/* Tipo di progetto sviluppato */

#mainPortfolio .prj_tipo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
    line-height:1.5em;
       }
    

#mainPortfolio .prj_tipo a {
   color:#FFF;
   background-color:#79A325;
   padding:4px;
   font-size:0.9em;
}

#mainPortfolio .prj_tipo a:hover {
   text-decoration:none;
   color:#FFF;
   background-color:#58751C;   
}