/* CSS Document */

html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

*:first-child+html{/*solo per ie7*/
	overflow:auto;
}

body{
	background:#fff url(images/bg-top.gif) top repeat-x;
}

p, h1, h2, h3{
	margin:0;
	padding:0;
}
/*
p{
	position:relative;
	overflow:auto;
}*/

p.padd{
	padding:25px;
}

hr{
	margin:18px 0 15px;
	border:0;
	height:1px;
	size:1px;
	background:#d2c6ae;
	color:#d2c6ae;
}

a{
	outline:none;
	color:#00689b;
	text-decoration:none;
}

a:hover{
	color:#666;
}


/*-----------------------------*/


#contenitore{
	z-index:1;
	margin:0 auto;
	padding:0;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	background:url(images/bg-nuvole.jpg) bottom repeat-x;
}

#contenuti{
	overflow:auto;
	z-index:1;
	margin:0 auto;
	padding:0 0 120px;
	width:960px;
	font:normal 13px "Trebuchet MS", Arial, Verdana;
	color:#333;
	line-height:18px;
}

#fondo{
	z-index:2;
	width:100%;
	height:80px;
	margin:-100px auto 0;
	padding:20px 0 0;
	background:#d4d4d4 url(images/bg-fondo.gif) 0 0 repeat-x;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#666;
	text-align:center;
	line-height:14px;
}

#fondo a{
	color:#666;
}

#fondo a:hover{
	color:#00a6eb;
}

#recapiti, #recapiti a{
	color:#999;
}




/*-------------------------------------------*/


#colonna-sx{
	position:relative;
	float:left;
	width:270px;
}

#colonna-dx{
	position:relative;
	float:left;
	width:660px;
	padding-left:30px;
}


/*--------------------------------------------*/



#logo{
	position:relative;
	overflow:hidden;
	margin:14px 0 0 0;
	width:270px;
	height:196px;
	background:url(images/logo_tecnoazzurra.gif) 0 0 no-repeat;
}

#logo h1 a{
	display:block;
	padding-top:220px;
}




/*---------------------------*/
p.cont_left
{
	margin:0 10px 0 32px;
	padding:40px 0 20px 0;
}


#menu_ve{
	position:relative;
	overflow:auto;
	width:228px;
	margin:0 10px 0 32px;
	background:#595959 url(images/bg-menu_ve.jpg) 0 0 no-repeat;
}

#menu_ve_eng{
	position:relative;
	overflow:auto;
	width:228px;
	margin:0 10px 0 32px;
	background:#595959 url(images/bg-menu_ve_eng.jpg) 0 0 no-repeat;
}

#menu_ve_esp{
	position:relative;
	overflow:auto;
	width:228px;
	margin:0 10px 0 32px;
	background:#595959 url(images/bg-menu_ve_esp.jpg) 0 0 no-repeat;
}


#menu_ve ul, #menu_ve_eng ul, #menu_ve_esp ul{
	margin:0;
	padding:40px 0 20px 0;
}


#menu_ve li, #menu_ve_eng li, #menu_ve_esp li{
	margin:0 20px;
	padding:3px 0;
	border-bottom:1px dotted #999;
	list-style-type:none;
	color:#aad8f4;
}

#menu_ve li.ultimo, #menu_ve_eng li.ultimo, #menu_ve_esp li.ultimo{
	border-bottom:none;
}

#menu_ve li a, #menu_ve_eng li a, #menu_ve_esp li a{
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#fff;
}

#menu_ve li a:hover, #menu_ve_eng li a:hover, #menu_ve_esp li a:hover{
	color:#aad8f4;
}

/*----------------------------------------*/


#menu_or{
	position:relative;
	width:660px;
	height:80px;
	margin:6px 0 0 0;
}

#menu_or ul{
	margin:0;
	padding:0;
}

#menu_or li{
	overflow:hidden;
	float:left;
	height:80px;
	list-style-type:none;
	background-image:url(images/menu01.gif);
	background-repeat:no-repeat;
}

#menu_or li:hover, #menu_or li.selezionato{
	background-image:url(images/menu02.gif);
}

#menu_or li a{
	display:block;
	padding:90px 0 0 0;
}

#menu_or li.home{
	width:60px;
	background-position:0 0;
}

#menu_or li.azienda{
	width:75px;
	background-position:-60px 0;
}

#menu_or li.prodotti{
	width:81px;
	background-position:-135px 0;
}

#menu_or li.servizi{
	width:66px;
	background-position:-216px 0;
}

#menu_or li.contatti{
	width:83px;
	background-position:-282px 0;
}

#menu_or li.news{
	width:130px;
	background-position:-365px 0;
}

#menu_or li.ita{
	width:83px;
	background-position:-445px 0;
}

#menu_or li.eng{
	width:28px;
	background-position:-528px 0;
}

#menu_or li.spa{
	width:31px;
	background-position:-556px 0;
}


/* MENU OR - inglese */

#menu_or_eng{
	position:relative;
	width:660px;
	height:80px;
	margin:6px 0 0 0;
}

#menu_or_eng ul{
	margin:0;
	padding:0;
}

#menu_or_eng li{
	overflow:hidden;
	float:left;
	height:80px;
	list-style-type:none;
	background-image:url(images/menu01_eng.gif);
	background-repeat:no-repeat;
}

#menu_or_eng li:hover, #menu_or_eng li.selezionato{
	background-image:url(images/menu02_eng.gif);
}

#menu_or_eng li a{
	display:block;
	padding:90px 0 0 0;
}

#menu_or_eng li.home{
	width:60px;
	background-position:0 0;
}

#menu_or_eng li.azienda{
	width:84px;
	background-position:-60px 0;
}

#menu_or_eng li.prodotti{
	width:91px;
	background-position:-144px 0;
}

#menu_or_eng li.servizi{
	width:85px;
	background-position:-235px 0;
}

#menu_or_eng li.contatti{
	width:89px;
	background-position:-320px 0;
}

#menu_or_eng li.news{
	width:90px;
	background-position:-409px 0;
}

#menu_or_eng li.ita{
	width:78px;
	background-position:-450px 0;
}

#menu_or_eng li.eng{
	width:28px;
	background-position:-528px 0;
}

#menu_or_eng li.spa{
	width:31px;
	background-position:-556px 0;
}

/* MENU_or spagnolo */

#menu_or_esp{
	position:relative;
	width:660px;
	height:80px;
	margin:6px 0 0 0;
}

#menu_or_esp ul{
	margin:0;
	padding:0;
}

#menu_or_esp li{
	overflow:hidden;
	float:left;
	height:80px;
	list-style-type:none;
	background-image:url(images/menu01_esp.gif);
	background-repeat:no-repeat;
}

#menu_or_esp li:hover, #menu_or_esp li.selezionato{
	background-image:url(images/menu02_esp.gif);
}

#menu_or_esp li a{
	display:block;
	padding:90px 0 0 0;
}

#menu_or_esp li.home{
	width:56px;
	background-position:0 0;
}

#menu_or_esp li.azienda{
	width:77px;
	background-position:-56px 0;
}

#menu_or_esp li.prodotti{
	width:95px;
	background-position:-133px 0;
}

#menu_or_esp li.servizi{
	width:84px;
	background-position:-228px 0;
}

#menu_or_esp li.contatti{
	width:94px;
	background-position:-312px 0;
}

#menu_or_esp li.news{
	margin-right:40px;
	width:90px;
	background-position:-406px 0;
}

#menu_or_esp li.ita{
	width:33px;
	background-position:-495px 0;
}

#menu_or_esp li.eng{
	width:28px;
	background-position:-528px 0;
}

#menu_or_esp li.spa{
	width:31px;
	background-position:-556px 0;
}




/*-----------------------------------------------------*/

#contenuti-int{
	position:relative;
	overflow:auto;
	margin:40px 30px 0 0;
}

#quadri{
	float:right;
	margin-left:30px;
	width:310px;
}

.quadro{
	position:relative;
	width:280px;
	padding:10px;
	margin-bottom:30px;
	border:5px solid #ececec;
	background:#fafafa;
}

.quadro.news, .quadro.news_eng, .quadro.news_esp{
	overflow:hidden;
	width:190px;
	height:105px;
	padding:35px 10px 10px 100px;
}

.quadro.prodotto, .quadro.prodotto_eng, .quadro.prodotto_esp{
	overflow:hidden;
	width:280px;
	height:105px;
	padding:35px 10px 10px 10px;
}

.quadro img
{
	float:left;
	margin:0 5px 5px 0;
	border:#CCCCCC 2px solid;
	width:80px;
}


.quadro.prodotto{
	/*background:url(images/bg-prodotto.jpg) 0 0 no-repeat;*/
}

.quadro.news{
	background:url(images/bg-news.jpg) 0 0 no-repeat;
}

.quadro.prodotto_eng{
	background:url(images/bg-prodotto_eng.jpg) 0 0 no-repeat;
}

.quadro.prodotto_esp{
	background:url(images/bg-prodotto_esp.jpg) 0 0 no-repeat;
}

.quadro.news_eng{
	background:url(images/bg-news_eng.jpg) 0 0 no-repeat;
}

.quadro.news_esp{
	background:url(images/bg-news_esp.jpg) 0 0 no-repeat;
}

.quadro strong, .quadro a.neutro{
	font:bold 14px "Trebuchet MS", Arial;
	color:#888;
	text-transform:uppercase;
	background:none
}

div.neutro a{
display:none
}

.quadro br{
	line-height:5px;
}
.quadro a{
	padding:0 3px;
	background:url(images/bg-a.jpg) repeat-x;
	color:#fff;
}

.quadro a:hover{
	color:#346fa4;
}


/*-----------------------------------*/

.categoria{
	position:relative;
	overflow:auto;
	padding:15px;
	border-bottom:1px dashed #9bb8c7;
}

.categoria .titolino1{
	line-height:36px;
}

.categoria img{
	float:left;
	width:180px;
	height:120px;
	margin-right:5px;
	border:5px solid #ececec;
}

.categoria .btn_video{
	padding:3px 10px;
	background:#dcdcdc;
	font:bold 14px "Trebuchet MS", Arial;
	color:#777;
	text-transform:uppercase;
	text-align:center;
}

.categoria .btn_video:hover{
	background:#777;
	color:#fff;
}

.categoria .btn_prodotti{
	padding:3px 10px;
	background:#00a6eb;
	font:bold 14px "Trebuchet MS", Arial;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

.categoria .btn_prodotti:hover{
	background:#0760ac;
	color:#00a6eb;
}

/*---------------------------------*/


.elenco{
	position:relative;
	float:left;
	width:174px;
	height:230px;
	margin:10px;
	padding:4px 4px 24px;
	border:4px solid #ececec;
	background:#fff url(images/bg-elenco.jpg) 0 0 no-repeat;
	font:normal 12px "Trebuchet MS", Arial;
	color:#2a3f04;
	line-height:14px;
}

.elenco img{
	width:170px;
	height:100px;
	border:2px solid #ccc;
}

.elenco .titolo{
	font:bold italic 16px "Trebuchet MS", Arial;
	color:#0760ac;
}

/*
.elenco .prezzo{
	font:bold italic 14px "Trebuchet MS", Arial;
	color:#406400;
}*/

.elenco .btn_dettagli{
	position:absolute;
	display:inline-block;
	bottom:4px;
	left:4px;
	width:110px;
	background:#dcdcdc;
	font:bold 14px "Trebuchet MS", Arial;
	color:#777;
	text-transform:uppercase;
	text-align:center;
}

.elenco .btn_dettagli:hover{
	background:#777;
	color:#fff;
}

.elenco .btn_info{
	position:absolute;
	display:inline-block;
	bottom:4px;
	right:4px;
	width:60px;
	background:#00a6eb;
	font:bold 14px "Trebuchet MS", Arial;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

.elenco .btn_info:hover{
	background:#0760ac;
	color:#00a6eb;
}

.chiusuraelenco{
	clear:both;
	padding:2px 6px;
	background:#ececec;
	border:1px solid #dcdcdc;
	color:#777;
}

.chiusuraelenco a{
	color:#00a6eb;
	text-decoration:none;
}

.chiusuraelenco a:hover{
	color:#bbb;
	text-decoration:none;
}

.chiusuraelenco select{
	margin:0;
	padding:0;
	float:none;
	display:inline;
	width:130px;
	height:20px;
	background:#d4d5c1;
	font:bold 13px "Trebuchet MS", Arial;
	color:#4b7106;
}

.navigatore{
	border-bottom:1px solid #dcdcdc;
	font:normal 21px "Trebuchet MS", Arial;
	color:#dcdcdc;
	line-height:21px;
}

.navigatore a, .navigatore strong{
	font:normal 13px "Trebuchet MS", Arial;
	color:#aaa;
	line-height:21px;
	vertical-align:bottom;
}

.navigatore a:hover{
	color:#00a6eb;
}



/*-----------------------------------*/



.new{
	position:relative;
	overflow:auto;
	padding:15px 0;
	margin:0 0 0;
	border-bottom:1px dashed #9bb8c7;
}

.new .data{
	float:left;
	padding:0 3px;
	background:#0077b7;
	font:normal 16px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	letter-spacing:-0.5px;
}

.new p{
	position:relative;
	overflow:auto;
	border-left:1px solid #0077b7;
	padding-left:5px;
}

.new a:hover{
	color:#bfd6e2;
}

.new strong{
	font:bold italic 16px "Trebuchet MS", Arial, Verdana;
	color:#004d77;
	line-height:19px;
}

.new img{
	float:left;
	border:none;
	margin:3px 5px 0 0;
	width:70px;
	height:70px;
}

#chiusuranews{
	padding:5px;
	text-align:right;
}

#chiusuranews a{
	color:#83a6b8;
	text-decoration:none;
}

#chiusuranews a:hover{
	color:#8397a1;
	text-decoration:none;
}

/*----------------------------------*/


#dettaglio{
	overflow:auto;
	margin:20px 0 0;
	padding-bottom:20px;
}


#dettaglio img{
	border:4px solid #ececec;
	width:400px;
}

#dett_riquadro{
	position:relative;
	float:right;
	width:174px;
	margin:10px 0 0 20px;
	padding:4px 4px 24px;
	border:4px solid #ececec;
	background:#fff url(images/bg-elenco.jpg) 0 0 no-repeat;
	font:normal 12px "Trebuchet MS", Arial;
	color:#2a3f04;
	line-height:14px;
}

ul.dett{
	margin:10px 0 0;
	padding:0;
}

ul.dett li{
	margin:0 0 5px 0;
	padding:7px 0 0 13px;
	width:162px;
	height:33px;
	list-style-type:none;
	font:bold 11px "Trebuchet MS", Arial;
	color:#aaa;
	line-height:12px;
	text-transform:uppercase;
}

ul.dett li strong{
	font:bold 14px "Trebuchet MS", Arial;
	line-height:15px;
	color:#777;
}

ul.dett li a{
	color:#aaa;
}

ul.dett li.telefono{
	background:url(images/sf-li-telefono.gif) 50% 50% no-repeat;
}

ul.dett li.mail{
	background:url(images/sf-li-busta.gif) 50% 50% no-repeat;
}

ul.dett li.scheda{
	background:url(images/sf-li-scheda.gif) 50% 50% no-repeat;
}

#gallery{
	position:relative;
	overflow:auto;
	margin-top:15px;
}

#gallery .titolino2{
	line-height:36px;
}

#gallery img{
	float:left;
	margin:1px;
	padding:0;
	border:1px solid #e2e4c8;
	width:54px;
	height:54px;
}


/*--------------------------------------------------------------------*/

.allegato{
	padding:0 0 0 25px;
	background:url(images/Adobe_PDF.gif) 0 0 no-repeat;
	font:italic bold 13px "Trebuchet MS", Arial, Verdana;
	color:#c70111;
}

#mappa{
	position:relative;
	overflow:auto;
	width:280px;
	height:540px;
	background:white;
}

/*---------------------------------*/


.sx{
	float:left;
	margin:0 15px 0 0;
}

.dx{
	float:right;

	margin:0 0 0 15px;
}

.bordo{
	border:5px solid #dbdbdb;
}


/*----------------------------------*/


.titoli1, .titoli2{
	font:bold italic 27px "Trebuchet MS", Arial, Verdana;
	color:#00a6eb;
}

.titoli2{
	color:#666;
}

.titolino1, .titolino2{
	font:normal 18px "Trebuchet MS", Arial, Verdana;
	color:#0760ac;
	line-height:18px;
}

.titolino2{
	color:#0077b7;
}

.titolino1 a{
	color:#222;
}

.titolino1 a:hover{
	color:#888;
}

/*--------------------------------------form----------------------------------------*/

form{
	position:relative;
	overflow:auto;
	/*float:left;*/
	width:290px;
	margin:0;
	padding:0;
}

form img
{
	margin:4px 0 4px 4px
}
span.errore
{
color:#FF0000;
font-weight:bold;
}
fieldset{
	/*position:relative;
	float:left;*/
	border:none;
	padding:0;
	margin:0 0 20px 0;
}
	
*:first-child+html legend{/*solo per ie7*/
	margin-left:-7px;
}
	
legend{
	border:none;
	padding:0;
	margin-left:0;
	color:#585858;
	text-decoration: none;
	font:normal 18px "Trebuchet MS", Arial, Verdana;
}

fieldset div{
	border:none;
	margin:0;
	padding:0;
	float:left;
}

label{
	border:none;
	float:left;
    display: inline;
	margin-left:0;
	width:90px;
	height:25px;
	border-bottom:1px dashed #f0f0f0;
	color:#0f3059;
    line-height:25px;
}

input{
	margin:2px 0 2px 5px;
	padding:2px 5px 0;
	width:185px;
	height:20px;
}
	
input.cap{
	width:100px;
}

input.citta{
	width:100px;
}

input.prov{
	width:35px;
}

select{
	margin:5px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:20px;
}
	
textarea{
	overflow:auto;
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	width:285px;
	height:120px;
}
	
input, select, textarea{	
	float:left;
	border:none;
	background:#e4e4e4;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#0f3059;
}

textarea.info{
	height:80px;
	font:normal 10px "Courier New", Courier, monospace;
	color:#999;
}
	
label.piccolo{
	width:30px;
	height:15px;
    line-height:15px;
}
	
label.medio{
	width:60px;
	height:15px;
    line-height:15px;
}
	
input.radio{
	background:none;
	border:none;
	margin:1px 10px 0 0;
	width:40px;
}
	
.bottone{
	margin:5px 0 0 0;
	padding:0;
	width:160px;
	height:30px;
	line-height:27px;
	border:none;
	background:#0077b7;
	font:bold 16px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
}



/*--------------------------------------image slideshow----------------------------------------*/

.imageSlideshowHolder,.imageSlideshowHolder_left{
	margin-left:0;	/* "Air" */
	/*float:left; /* Floating gallery at the right side of other web page content */
	width:290px;
	height:200px;	
	overflow:hidden;	/* Image height */
	position:relative;	/* Don't remove this line */
}

/* Don't change these values */
.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
	width:280px;	/* Image width */
	height:190px;
	border:#999999 5px solid;
}