/* casehistory - SkinDecò - vers. 1.0  */

@import "base.css";
@import "menubottom.css";
@import "footer.css";
@import "menu.css";
@import "menudx.css";  

div#content {
  position: relative;
	width: 990px;
	min-height: 800px;
  text-align: left;
	z-index: 0;
}
div#colsx {
  position: relative;
  float: left;
	width: 680px;
	background: transparent;
  margin-bottom: 50px;
}
.gallery {
  position: relative;
  float: left;
	width: 670px;
	background: transparent;
  margin-top: 10px;
  margin-left: 10px;
}
.boxfoto {
  position: relative;
  float: left;
	width: 300px;
	height: 170px;
  margin-left: 20px;
	margin-top: 15px;
  border: #f60 2px solid;
  border-radius: 6px;  
  -webkit-border-radius: 6px;  
  -moz-border-radius: 6px; 
	color: #333;
  text-align: center;
}
.boxfoto:hover {
  border: #aa457f 2px solid;
  border-radius: 6px;  
  -webkit-border-radius: 6px;  
  -moz-border-radius: 6px; 
}
.fototitolo {
  position: relative;
  float: left;
	width: 280px;
  padding: 10px;
  font: bold 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
}
.foto {
  position: relative;
  margin: 0 auto;
	width: 200px;
  height: 72px;
  text-align: center;
  overflow: hidden;
}
.nascondi {
  display: none;
}
.fototesto {
  position: relative;
  float: left;
	width: 280px;
	margin-top: 10px;
  padding: 10px;
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
  text-align: left;
}

.titolo {
  position: relative;
	width: 650px;
	margin-left: 20px;
  font: bold 20px sans-serif,helvetica,tahoma,arial;
	color: #333;
  border-bottom: #ddd 1px solid;
}
.blocco {
  position: relative;
  float: left;
	width: 680px;
	margin-top: 20px;	
}
.boxfoto img {
  border-radius: 4px;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px; 
}
.informazioni {
  position: relative;
  float: left;
	width: 440px;
	margin-left: 10px;
}
.prodotto  {
  position: relative;
	width: 395px;
	margin-top: 15px;
	margin-left: 10px;
  font: bold 14px sans-serif,helvetica,tahoma,arial;
	color: #aa457f;
}
.testoinfo {
  position: relative;
	width: 425px;
	margin-top: 10px;
	margin-left: 10px;
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
	text-align: justify;
	line-height: 18px;
}
.linkfoto {
  position: relative;
  float: left;
	width: 425px;
	height: 55px;
	margin-top: 20px;
	margin-left: 10px;
	padding-top: 5px;
  border-top: #ddd 1px solid;
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
  overflow: hidden;
}
.linkfoto img {
	width: 70px;
  margin-top: 5px;
  margin-right: 5px;
  border: #ddd 1px solid;
  border-radius: 4px;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px; 
}
.linkprod {
  position: relative;
  float: left;
	width: 425px;
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 5px;
  border-top: #ddd 1px solid;
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
}
.richiedi {
  position: relative;
  float: right;
	width: 130px;
	text-align: right;
}
.richiedi a {
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
}
.richiedi a:hover {
	color: #cc33cc;
  text-decoration: underline
}
.schedatec {
  position: relative;
  float: left;
	width: 120px;
	text-align: left;
}
.schedatec a {
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #333;
}
.schedatec a:hover {
	color: #aa457f;
  text-decoration: underline
}

.finiture {
  position: relative;
  float: left;
	width: 80px;
	text-align: left;
}
.finiture a {
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #ddd;
}
.finiture a:hover {
	color: #aa457f;
  text-decoration: underline
}
.video {
  position: relative;
  float: left;
	width: 80px;
	text-align: left;
}
.video a {
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #ddd;
}
.video a:hover {
	color: #aa457f;
  text-decoration: underline
}

div#coldx {
  position: relative;
  float: right;
	width: 300px;
	min-height: 780px;   /*738px;*/
  padding-top: 22px;
	background: transparent url(../images/coldx.png) top left no-repeat;
}

.titolosocial {
  position: relative;
  float: right;
	width: 280px;
  padding-right: 10px;
  text-align: right;
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #ddd;
}

.socialnetwork {
  position: relative;
  float: right;
	width: 260px;
  margin-right: 10px;
  margin-bottom: 30px;
  text-align: right;
  border-bottom: #ddd 1px solid;
}
.socialnetwork img {
  margin: 10px;
}
.definizione {
  position: relative;
  float: left;
	width: 640px;
  margin-top: 20px;
  margin-left: 20px;
  font: normal 12px sans-serif,helvetica,tahoma,arial;
	color: #ddd;
	text-align: justify;
  line-height: 18px;
}