/* 
	project:  internet studio
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { font: .8em Helvetica, Tahoma; line-height: 1.6em; background: #fff url(/img/bg.gif) repeat-x; color: #7D7D80; }
a {	color: #0084EF;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { height: 14px; font: normal 11px Arial; color: #AAAAAA; text-align:right; padding-right: 20px; overflow: hidden; }
h2 { font: normal 1.7em Helvetica, Tahoma; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
img { border: 0; }

a.glink { color: #7D7D80; text-decoration: none;}

#content { width: 930px; margin: 0px auto;}

#logo { margin: 10px 0 10px 0; width: 240px; float: left; }

#menu { float: right; padding: 30px 0 0; margin: 0 0 38px; font-weight: bold;}
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 5px; color: #636365;  }
	#menu li a.current { background: #fff url(/img/button.gif) no-repeat; color: #fff; }
	#menu li a.current:hover { background: #fff url(/img/button.gif) no-repeat; color: #fff; cursor: default;}
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url(/img/button_grey.gif) no-repeat; }

#header { height: 60px; border-bottom:0px solid #EFEFEF; clear: both; margin-bottom:50px;}

.clear { clear: both; }
.caption { background: #fff url(/img/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }

#left { margin: 0 0 20px; clear: left; width: 270px; float: left; }
.box { background: #eee; }
#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
.smallthumb { width: 109px; }
#center { width: 240px; float: left; margin: 0 0 20px 15px; }
#right { float: right; width: 380px; }
	.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
.box { background: #eee; padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
.box li a.current { color: #2E2E30; font-weight: bold;}

#slogan { margin-top: 20px; font-size: 1.1em; font-weight: bold; }

#puntichiave li { list-style: none; font-size: 1.0em; padding: 8px; }

#partnerlink { height: 20px; font-size: .84em; clear: both; background: #fff; color: #868688; padding: 2px 5px 2px 5px; border-top:1px dotted #ddd;}
#partnerlink a {color: #868688; }
#partnerlink #link li { font-size: 1em; display: inline; margin: 5px; height: 20px;}

#footer { height: 20px; font-size: .84em; clear: both; margin-top:20px; background: #eee; padding: 2px 5px 2px 5px;}
#footer a {color: #868688; }
#footer #link li { font-size: 1.1em; display: inline; margin: 5px; height: 20px;}

#copyright { text-align:center; font-size: 1.0em;  }
#validated { float: right; font-size: 1.0em;  }

#portfolio-left, #product-left  { margin: 0 0 20px; width: 200px; float: left; }
#portfolio-right, #product-right { margin: 0 0 20px 30px; width: 700px; float: left; }

#portfoliopreview, #productpreview { float: left; width:300px; height: 190px; border:1px solid #ddd; margin:15px; padding: 4px;}
#portfoliopreview #didascalia, #productpreview #didascalia { width:300px;}


/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 640px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;

}                      

#horizontal_carousel ul li {
  text-align: center; 
  list-style:none;   
  float:left;

}

#horizontal_carousel .previous_button {
  float:left;  
  width: 24px;
  height: 200px;
  background: url(/img/carousel/left.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(/img/carousel/left_over.png);
}

#horizontal_carousel .previous_button_disabled {
  background: url(/img/carousel/left_disabled.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 24px;
  height: 200px;
  background: url(/img/carousel/right.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(/img/carousel/right_over.png);
}

#horizontal_carousel .next_button_disabled {
  background: url(/img/carousel/right_disabled.png);
  cursor: default;
}

.carouselimg {width:300px; height: 190px; border:1px solid #ddd; margin: 0px 5px 0px 5px; padding: 4px; overflow: hidden;}