@charset "utf-8";
/* CSS Document */

#colonnasinistra{
	float:left; clear:left; margin-left:5px; width:280px; margin-top:10px;}


a
#chiusurariquadrosinistra{float:left; background-image:url(../immagini/chiusura-colonnasinistra.png); width:274px; margin-left:7px; height:7px;}


#colonnadestra{float:left; width:670px; margin-left:17px; font-size:12px; line-height:18px; color:#999999;}
#colonnadestra h1,#colonnadestra h2{margin-top:15px; margin-bottom:8px; font-size:14px; color:#33668D;}
#colonnadestra strong{color:#33668D;}
#colonnadestra p a{color:#33668D;}
#colonnadestracatalogo{float:left; width:680px; margin-left:7px; font-size:12px; line-height:18px; color:#999999;}
#colonnadestracatalogo h1,#colonnadestracatalogo h2{margin-top:10px; margin-bottom:8px; font-size:14px; color:#33668D;}
#colonnadestracatalogo strong{color:#33668D;}

.articoloinelenco h2, .articoloinelenco h4{float:left; margin-left:5px; width:175px; margin-top:6px; font-size:13px;}
.articoloinelenco h2 a, .articoloinelenco h4 a{color:#33668D; text-decoration:none;}

#colonnasinistrascheda{float:left; clear:left; width:336px;}

#schedaarticoli{float:left; clear:left; width:670px;}
#immaginescheda{float:left; clear:left; width:330px; height:233px; text-align:center; overflow:hidden;border:1px solid #ccc; margin-top:4px; margin-bottom:4px; margin-right:4px;}

#immaginischeda{
	float:left;
	clear:left;
	width:332px;
	height:300px;
	overflow:hidden;
}


.immagineprincipale{
	float:left;
	border:1px solid #cccccc;
	width:450px;
	height:450px;
	background-color:#ffffff;
	text-align:center;
	overflow:hidden;
	border-radius: .25rem;
	margin-bottom:5px;
}
.immagineprincipale img{
	position:relative;
	top:50%;
	border:0px;
}

.linkzoom a{
	float:left;
	clear:left;
	width:327px;
	font-size:12px;
	padding-right:5px;
	line-height:16px;
	background-color:#e5e5e5;
	color:#FFF;
	text-align:right;
	text-decoration:none;
	border:none;}

.linkzoom a:hover{ background-color:#333;}
.linkzoom img{border:0px;}	


#preview{


	/*height:42px;
	
	margin-top:5px;*/
	padding-top:1px;
	padding-bottom:1px;
}

#preview img{ height:80px; margin-left:2px; margin-right:2px; border:1px solid #ccc;}
#immagine1, #immagine2, #immagine3, #immagine4, #immagine5{display:none;}




#pdfscheda{float:left; clear:left; width:330px; height:44px; text-align:left; overflow:hidden; border:1px solid #ccc; margin-top:12px; margin-bottom:4px; margin-right:4px;}
#pdfscheda a{ background:url(../immagini/scheda_pdf.png) left no-repeat; padding-left:35px; width:305px; line-height:44px; font-size:12px; color:#33668D; text-decoration:none; float:left; height:44px;}
#pdfscheda a:hover{text-decoration:underline}


#descrizionescheda{ float:left; width: 320px; margin-left:8px;}
#descrizionescheda h1{float: left; width:320px; margin-top:0px; font-size:14px; color:#33668D; margin-bottom:5px;}
#descrizionescheda h4{float: left; width:320px; margin-top:15px; font-size:12px; margin-bottom:2px;}
#descrizionescheda p{margin-top:5px; margin-bottom:5px;}


#chiusura{
	float:left;
	clear:left;
	width:970px; padding:10px; padding-top:13px; background:url(../immagini/sfondo-chiusura.png) no-repeat; 
	color:#003F70; font-size:9px;
}

#pi{float:left; width:100%; text-align:center; color: #ffffff; padding-top:19px;}
#chiusura a{color:#003F70;}








#captcha{float:left;border:1px solid #33668D;  width:448px; background-color:#ffffff; font-size:10px; MARGIN-TOP:5PX;}
#immaginecaptcha{float:left; clear:left; width:230px;}
#campocaptcha{float:right; width:206px; text-align:right; padding-right:4px; }
#tastinicaptcha{float:left; clear:left; width:26px;}




@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 1023px)  { 

	.immagineprincipale {

		float: left;
		border: 0px solid #cccccc;
		width: 200px !important;
		height:200px !important;
		background-color:#ffffff;
		text-align: center;
		overflow: hidden;
		border-radius: .25rem;
		margin-bottom: 5px;

	}}

@media only screen 
and (min-device-width : 1023px) 
and (max-device-width : 1030px)  {
	.immagineprincipale {

		float: left;
		border: 0px solid #cccccc;
		width: 300px !important;
		height:300px !important;
		background-color:#ffffff;
		text-align: center;
		overflow: hidden;
		border-radius: .25rem;
		margin-bottom: 5px;

	}}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)  { 
	.immagineprincipale {

		float: left;
		border: 1px solid #cccccc;
		width: 200px;
		height: 200px;
		background-color: #ffffff;
		text-align: center;
		overflow: hidden;
		border-radius: .25rem;
		margin-bottom: 5px;

	}


}