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

body { background:url(../images/bg_body.gif) top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; }

#starcold_main { position: relative; }

/* ########## FORMATTAZIONE TESTO ########## */
p { font-size: 11px; color: #333333; line-height: 1.3em; margin-bottom: 10px; }
ul { font-size: 11px; color: #333333; line-height: 1.2em; margin-bottom: 10px; }

a { color: #FF0033; text-decoration: none; font-weight: bold; }
a:hover { color: #CC0000; text-decoration: none; }

h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #6699FF; font-size: 25px; line-height: 1.3em; margin-bottom: 10px; text-transform: uppercase; }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FF0000; font-size: 20px; margin-bottom: 10px; font-weight: bold; }

.red_bold { color: #FF0000; }
.ul_base { list-style: disc; padding-left: 20px; }

/* Form */
form input[type="checkbox"] { background: none; border: none; border-bottom: none; width: auto; }
label span { font-size: 10px; color: #999999; }
form input { width: 98%; background: #e7f3f7; border: none; border-bottom: 1px solid #cde3eb; color:#333333; text-align: left; padding: 5px; margin: 2px 0 6px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
form select { background: #e7f3f7; border: none; color:#333333; text-align: left; margin: 2px 0 5px 0; padding: 2px; }
form option { background: #FFF; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
form textarea { width: 98%; background: #e0edf2; border: 0; color:#333333; text-align: left; padding: 5px; margin: 2px 0 6px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; }
form em { color: #FF0000; font-size: 9px; font-style: italic; }

label.error { display: block; color: #FF3300; font-size: 9px; margin: 0 0 5px 0; padding: 0; }

input[type=submit] { width: auto; text-decoration:none; cursor: pointer; }
input[type=reset] { width: auto; text-decoration:none; cursor: pointer; } 

.form_result { text-align: center; margin: 20px 0 20px 0; }
.form_result h4 { border-bottom: 2px solid #cde3eb; padding: 0; margin: 0; }

/* Bottoni */
.Button { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 4px; display:inline-block; text-decoration:none; cursor: pointer; margin: 5px 0 0 0; }
.Button:hover { border-right:1px solid #333; border-bottom:1px solid #333; }

.Button2 { display: inline-block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 1px 3px 1px 3px; margin: 5px 0 0 0; text-decoration:none; cursor: pointer;}
.Button2:hover { border: none; margin-bottom: 1px; margin-right: 1px;  }

	/* Colori Bottoni */
	.blue { background: #003399; color: #FFFFFF; border-right: 1px solid #333333; border-bottom: 1px solid #333333; }
	.blue:hover { background: #000066; color: #FFFFFF; }
	
	.lightblue { background: #9fcde0; color: #FFFFFF; border-right: 1px solid #708d98; border-bottom: 1px solid #708d98; }
	.lightblue:hover { background: #68a7be; color: #FFFFFF; }
	
	.grey { background: #999999; color: #FFFFFF; border-right: 1px solid #333333; border-bottom: 1px solid #333333; }
	.grey:hover { background: #666666; color: #FFFFFF; }
	
	.red { background: #f01a29; color: #FFFFFF; border-right: 1px solid #3b0508; border-bottom: 1px solid #3b0508; }
	.red:hover { background: #cf1926; color: #FFFFFF; }


/* ########## HEADER ########## */

/* Lato Dx con logo e informazioni Branding */
#header { background: url(../images/bg_header.jpg) top center no-repeat; height: 158px; }
#data_header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin: 8px 0 7px 0; position: absolute; top: 0px; }
#brandind h1 a { display: block; background: url(../images/starcold_logo.jpg) 0 0 no-repeat; height: 90px; padding-left: 172px; width: 0px; overflow: hidden; margin-top: 28px; }
#brandind h2 { display: block; background: url(../images/starcold_payoff.gif) 0 0 no-repeat; height: 14px; padding-left: 172px; width: 0px; overflow: hidden; margin-top: 2px; }

/* Lato Sx con Coolmodules2 (ghiacco) e coolmodules (immagine che cambia in base alla pagina con lo slogan "cool modules" */
#coolmodules { width: 439px; height: 113px; margin: 25px 0 0 0; } 
#coolmodules2 { background: url(../images/lego_ghiaccio.png) top left; width: 158px; height: 138px; position: absolute; right: -20px; top: 0; }


	/* ##### Menu ##### */
	
		/* Stati Menu Principale */
	.MenuNav { position: relative; top: 30px; font-family: Arial, Helvetica, sans-serif; text-align: right; font-size: 12px; text-transform: uppercase; }
	.MenuNav li { padding-bottom: 5px; }
	.MenuNav a { color: #999999; text-decoration: none; font-weight: normal; }
	.MenuNav a:hover { font-weight: bold; color: #000066; padding-right: 5px; border-right: 5px solid #9fcde0; }
	
		/* Stati Sub menu */
	.SubNav { position: absolute; top: 35px; left: 149px; width: 460px; height: 23px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; 
	background: url(../images/bg70.png) repeat; visibility: hidden; z-index: 99; }
	.SubNav li { display: block; float: left; padding: 3px 6px 3px 6px; }
	.SubNav a { font-weight: normal; color: #666666; display: block; }
	.SubNav a:hover { font-weight: normal; color: #CC0000; border-right: none; border-top: 4px solid #9fcde0; padding: 0; padding-top: 2px; margin: -3px 0 0 0; }
	
		/* Stile speciale per lo stato della voce "prodotti" per non contaminare lo stile del SubNav */
	#MenuNav_prodotti>a:hover { background: url(../images/SubMenuArrow.gif) right bottom no-repeat; padding-right: 15px; border: 0; }
	.MenuNav_prodottiAttivo>a { color: #CC0000; font-weight: bold; background: url(../images/SubMenuArrow.gif) right bottom no-repeat; padding-right: 15px; }
	.MenuNav_prodottiAttivo>a:hover { color: #CC0000; padding: 0; cursor: default; }
	
		/* Stato Menu Selezionato, quando sono all'interno di quella sezione */
	.MenuAttivo a { color: #CC0000; font-weight: bold; cursor: default; }
	.MenuAttivo a:hover { background: none; border: 0; padding: 0; color: #CC0000;} 
	
	.SubNavAttivo a { display: block; color: #FFF; background: #6699ff; margin-top: -3px; padding: 5px; font-weight: bold; }
	.SubNavAttivo a:hover { color: #FFF; font-weight: bold; border: 0; padding: 5px; }
	
	#li_legenda1 a { display: block; margin: -3px 0 0 10px; }
	#li_legenda2 a { display: block; margin: -3px 0 0 -10px;  }
	#li_legenda1 a:hover { padding: 0; }
	#li_legenda2 a:hover { padding: 0; }
	
	/* Legenda 1 */
	#legenda1 h2 { font-size: 15px; text-transform: uppercase;  padding: 3px; }
	#legenda1 h3 { font-size: 12px; margin: 10px 0 5px 0; color: #02386a; }
	#legenda1 li { font-size: 9px; color: #333333; line-height: 1em; margin: 5px 0 10px 0; }
	
	#compressore { background: #ebeff7; padding: 8px; margin: 0 0 10px 0; }
	#compressore h2 { color: #4a6fa7; border-bottom: 2px solid #b4c3da; }
	#dati_progetto { background: #fbfaf6; padding: 8px; margin: 0 0 10px 0; }
	#dati_progetto h2 { color: #cdc76d; border-bottom: 2px solid #e5e4d6; }
	#dati_tecnici { background: #ffe5d8; padding: 8px; margin: 0 0 10px 0; }
	#dati_tecnici h2 { color: #d35c36; border-bottom: 2px solid #f2997c; }
	#miscellanea  { background: #dde6e3; padding: 8px; margin: 0 0 0 0; }
	#miscellanea h2 { color: #3d9674; border-bottom: 2px solid #85ac9d; }
	
	
	/* Legenda 2 */
	#legenda2 h2 { font-size: 15px; text-transform: uppercase; padding: 3px; }
	#legenda2 h3 { font-size: 12px; margin: 10px 0 5px 0; color: #02386a; }
	#legenda2 li { font-size: 9px; color: #333333; line-height: 1em; margin: 5px 0 10px 0; } 
	
	#linea_prodotto { background: #9db8ae; margin: 5px 0 5px 0; padding: 8px; height: 200px; width: 98%;}
	#linea_prodotto h2 { color: #1b3f32; border-bottom: 2px solid #23614a; }
	#linea_prodotto div { float: left; width: 24%; padding: 0 2px 0 2px; }
	
	#numero_compressori { background:  #c0ccdc;  float: left; width: 47.5%; height: 220px; margin: 5px 0 5px 0; padding: 8px; }
	#numero_compressori h2 { color: #243f64; border-bottom: 2px solid #31517c; }
	#numero_compressori div { float: left; width: 130px; }
	
	#potenza_compressore { background: #fffacf; float: right; width: 47.5%; height: 220px; margin: 5px 0 5px 0; padding: 8px; }
	#potenza_compressore h2 { color: #cebe32; border-bottom: 2px solid #efe05f; }
	
	#versione { background: #fffacf; float: left; margin: 5px 0 5px 0; padding: 8px; width: 98%; }
	#versione h2 { color: #dba657; border-bottom: 2px solid #f9be65; }
	#versione div { float: left; width: 19%; padding: 0 3px 0 3px; }


/* Menu Lingua */
.MenuLingua { position: absolute; top: 5px; right: 110px; z-index: 1000; }
.MenuLingua li { float: left; margin: 0; padding: 0 5px 0 0; }

	/* Sostituzione immagini bandiere e vari stati */
#LinguaIta { display: block; background: url(../images/lingua_bandiere.gif) -57px -12px no-repeat; height: 12px; padding: 0; width: 19px; overflow: hidden; text-indent: 5000px; }
.LinguaAttivaIta a { background: url(../images/lingua_bandiere.gif) -57px 0 no-repeat !important; }
#LinguaIta:hover { background: url(../images/lingua_bandiere.gif) -57px 0 no-repeat; }

#LinguaEng { display: block; background: url(../images/lingua_bandiere.gif) -38px -12px no-repeat; height: 12px; padding: 0; width: 19px; overflow: hidden; text-indent: 5000px; }
#LinguaEng:hover { background: url(../images/lingua_bandiere.gif) -38px 0 no-repeat; }
.LinguaAttivaEng a { background: url(../images/lingua_bandiere.gif) -38px 0 no-repeat !important; }

#LinguaFra { display: block; background: url(../images/lingua_bandiere.gif) 0px -12px no-repeat; height: 12px; padding: 0; width: 19px; overflow: hidden; text-indent: 5000px; }
#LinguaFra:hover { background: url(../images/lingua_bandiere.gif) 0px 0 no-repeat; }
.LinguaAttivaFra a { background: url(../images/lingua_bandiere.gif) 0px 0 no-repeat !important; }

#LinguaTed { display: block; background: url(../images/lingua_bandiere.gif) -19px -12px no-repeat; height: 12px; padding: 0; width: 19px; overflow: hidden; text-indent: 5000px; }
#LinguaTed:hover { background: url(../images/lingua_bandiere.gif) -19px 0 no-repeat; }
.LinguaAttivaTed a { background: url(../images/lingua_bandiere.gif) -19px 0 no-repeat !important; }

/* ########## CONTENTS ########## */
#nostre_linee { background: #9fcde0; color: #FFFFFF; padding: 5px; margin: 10px 0 15px 0; }
#SoluzRefrig { color: #CC0000; }


/* ########## FOOTER ########## */
#footer { background: #FFF url(../images/bg_footer.jpg) 0 0 no-repeat; padding: 15px 0 0 0; position: relative; margin: 50px 0 0 0; }
#footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
#footer p em { font-size: 9px; }
#coolmodules_footer { position: absolute; right: 0; top: -13px; }

	/* W3C */
	#sz_w3c { position: relative; bottom: 30px; right: 0; z-index: 99999; } 
	#sz_w3c p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; margin: 0; text-align: right; }
	
	#w3c_html { display: inline-block; background: url(../images/w3c_html.gif) no-repeat -48px 0; height: 16px; padding-left: 48px; width: 0px; overflow: hidden; }
	#w3c_html:hover { background: url(../images/w3c_html.gif) no-repeat; }
	
	#w3c_css { display: inline-block; background: url(../images/w3c_css.gif) no-repeat -48px 0; height: 16px; padding-left: 48px; width: 0px; overflow: hidden; }
	#w3c_css:hover { background: url(../images/w3c_css.gif) no-repeat; }
	
	#sz_design { display: inline-block; background: url(../images/sz_design.gif) no-repeat -120px 0; height: 9px; padding-left: 120px; width: 0px; overflow: hidden; }
	#sz_design:hover { background: url(../images/sz_design.gif) no-repeat; }
	
	
/* #################################################################################################### */
/* ---------------------------------------------------------------------------------------------------- */
	
/* ########## Pagine PRODOTTI ########## */
.prodotto_imm1 { float: left; }
.prodotto_imm2 { position: absolute; top: 250px; left: 0; }
#prodotto_immagine { position: relative; height: 370px; }
#prodotto_versioni { float: left; text-align: right; } 
#prodotto_versioni li { padding-bottom: 5px; }
#versioni_title { display: inline-block; background: url(../images/linee/bg_versioni-linee.gif) 0 0 no-repeat; height: 174px; padding-left: 26px; width: 0px; overflow: hidden; float: left; }
#linea_mt a { display: inline-block; background: url(../images/linee/mt_bottone.gif) 0 0 no-repeat; height: 37px; padding-left: 92px; width: 0px; overflow: hidden; }
#linea_bt a { display: inline-block; background: url(../images/linee/bt_bottone.gif) 0 0 no-repeat; height: 37px; padding-left: 92px; width: 0px; overflow: hidden; }
#linea_t a { display: inline-block; background: url(../images/linee/t_bottone.gif) 0 0 no-repeat; height: 37px; padding-left: 92px; width: 0px; overflow: hidden; }
#linea_ln a { display: inline-block; background: url(../images/linee/ln_bottone.gif) 0 0 no-repeat; height: 37px; padding-left: 92px; width: 0px; overflow: hidden; }

.prodotti_tabella { text-align: center; clear: both; padding: 10px 0 0 0; }
.prodotti_marca { background: #b0ceaa; color: #FFFFFF; text-transform: uppercase; padding: 5px 5px 5px 10px; margin: 15px 0 10px 0; text-align: left; }

#prodotto_descrizione { position: relative; top: 0;}

#prodotto_descrizione h3 { background: #CC0000; font-size: 40px; color: #FFFFFF; padding: 3px; }
#prodotto_descrizione h4 { background: #6699ff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding: 3px; font-weight: normal; margin: 1px 0 20px 0; }
#prodotto_specifiche h5 { color:#FF0000; text-transform: uppercase; margin: 30px 0 10px 0; font-size:12px; }

	/* Dati tecnici */
.prodotti_dati-tecnici { float: right; width: 100%; text-align: right; margin: -10px 0 0 0; }
.prodotti_dati-tecnici h3 { width: 100px; height: 70px; float: right; margin: -10px 0 0 20px; padding: 20px 10px 0 10px; text-align: left; font-size: 25px; color: #FFFFFF; background: #0033CC; }
.prodotti_dati-tecnici ul { display: inline-block; margin-right: -20px; }
.prodotti_dati-tecnici h4 { font-size: 13px; color: #FFFFFF; padding: 3px 0 3px 0; }
.prodotti_dati-tecnici h5 { font-size: 13px; color: #FFFFFF; font-weight: normal; padding: 3px 0 5px 0; margin-top: -8px; }
.prodotti_dati-tecnici ul { display: block; float: right; }
.prodotti_dati-tecnici ul li { display: block; float: right; background: #aeb2b5 url(../images/bg_prodotti-descr.png) -20px bottom no-repeat; margin: 0 0px 0 10px; padding: 5px 15px 5px 15px; color: #FFFFFF; }

.blu h3 { background: #255c8e url(../images/bg_prodotti-modello.png) right bottom no-repeat; }
.blu h4 { background: #6a8caf url(../images/bg_prodotti-descr.png) -20px bottom no-repeat; }
.blu h5 { background: #6a8caf url(../images/bg_prodotti-descr.png) left bottom no-repeat; }

.verde h3 { background: #94c0c3 url(../images/bg_prodotti-modello.png) right bottom no-repeat; }
.verde h4 { background: #b1cfd1 url(../images/bg_prodotti-descr.png) -20px bottom no-repeat; }
.verde h5 { background: #b1cfd1 url(../images/bg_prodotti-descr.png) left bottom no-repeat; }

.giallo h3 { background: #f2bb64 url(../images/bg_prodotti-modello.png) right bottom no-repeat; }
.giallo h4 { background: #f7d198 url(../images/bg_prodotti-descr.png) -20px bottom no-repeat; }
.giallo h5 { background: #f7d198 url(../images/bg_prodotti-descr.png) left bottom no-repeat; }


/* ########## Pagina PROFILO ########## */
#profilo_caratteristiche { margin: 50px 0 0 0; }

	/* Profilo Easy Slider */
	#slider_container { background: url(../images/bg_slideshow_profilo.jpg) no-repeat; height: 194px; position: relative; }
	#slider_profilo { position: absolute; top: 30px; left: 22px; height: 194px; overflow:hidden; }
	#slider_profilo ul, #slider_profilo li { margin:0; padding:0; list-style:none;  }
	#slider_profilo li { width:334px; height:117px; overflow:hidden; }	
	
	#prevBtn, #nextBtn,	#slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:0px; top:70px; z-index:1000; }	
	
	#nextBtn, #slider1next{ left:367px;	}	
														
	#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a { display:block; position:relative; width:30px; height:77px; background: url(../images/btn_prev.png) no-repeat 0 0; }	
	#nextBtn a, #slider1next a{ background: url(../images/btn_next.png) no-repeat  0 0; }	
		/* image replacement */
	.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; text-indent:-8000px; }

/* ########## Pagina CONTATTI ########## */
/* Form Contatti */
#contatti_icon p { float: left; font-size: 9px; margin-right: 20px; text-align: center; margin-top: 10px; }
#starcold_txt h4 {  display: block; background: url(../images/starcold_txt.png) 0 0 no-repeat; height: 49px; width: 300px; text-indent: -5000em; overflow: hidden; margin-bottom: 5px; }

/* Raggiungerci */
#raggiungerci_maps { position: relative; margin: 0 20px 0 20px; height: 380px; }
#raggiungerci_maps a { font-size: 11px; }

/* ########## Pagina NEWS ########## */
.bg_picnews { background: url(../images/bg_picnews.jpg) no-repeat; position: relative; min-height: 240px;  }
.bg_picnews p { font-size: 10px; color: #999999; margin-left: 20px; margin-top: 250px; }
.bg_picnews img { position: absolute; top: 24px; right: 18px; border: 5px solid #000000; }

.news_infodata { font-size: 9px; color: #999999; text-align: right; display: block; position: relative; right: 0; }