/***********************************************************************
************************************************************************
Project:		Colomba - colombaarredi.it
Version:		1.0
Last Change:	07/07/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/

@import "reset.css";
@import "type.css";
@import "form.css";
@import "maps.css";

body { background: #000; }

/* Blocchi Principali
-------------------------------------------------------------- */
#container, #head, #page, #foot { clear: both; margin: auto; position: relative; width: 100%; }

	#container { }
		#head { height: 80px; }
		#page { background: #000 url(images/bck.jpg) no-repeat 0 0; }
		#foot { color: #D4D4D4; font-family: "Trebuchet MS", Arial, sans-serif; height: 80px; }

/* Blocchi Principali
-------------------------------------------------------------- */
#head .logo { color: #fff; font-size: 0.8em; font-weight: bold; height: 59px; left: 30px; position: absolute; text-align: right; top: 10px; width: 225px; }
#head ul { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 30px; top: 18px; }
	#head li { float: left; margin: 0 3px; text-transform: uppercase; }
	#head a { color: #fff; display: block; font: normal 1.3em Graublau Web, Arial, Helvetica, sans-serif; padding: 8px 18px; text-decoration: none; }
#page .dark { background-color: #000; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 1; }
#page .content { position: absolute; right: 0; top: 50%; z-index: 10; }
	#page .content .text { color: #fff; padding: 20px; position: absolute; z-index: 20; }
	#page .darkPage { filter: alpha(opacity=40); opacity: 0.4; height: 600px; }
	#page .darkText { filter: alpha(opacity=80); opacity: 0.8; }
	#page .boxSX, #page .boxCX, #page .boxDX { float: left; }

#foot .content { padding: 20px 30px; }
#foot a { color: #D4D4D4; font-weight: normal; }

/* Gestione Personalizzazioni
-------------------------------------------------------------- */
div.nav01 #head li.nav01 a, #head li.nav01 a:hover { background-color: #377DA6; }
div.nav02 #head li.nav02 a, #head li.nav02 a:hover, div.nav02 #page .boxDX { background-color: #1D93C2; }
div.nav03 #head li.nav03 a, #head li.nav03 a:hover, div.nav03 #page .gallery a { background-color: #8AA637; }
div.nav04 #head li.nav04 a, #head li.nav04 a:hover { background-color: #6F6F6F; }
div.nav05 #head li.nav05 a, #head li.nav05 a:hover, div.nav05 #page .boxSX { background-color: #37A644; }
div.nav06 #head li.nav06 a, #head li.nav06 a:hover { background-color: #A63737; }

div.nav01 a { color: #70ABCF; }
div.nav01 #page .content { margin-top: -25px; }
	div.nav01 #page .content { height: 50px; }
	div.nav01 #page .content { width: 360px; }

div.nav02 a { color: #6FC8EA; }
div.nav02 #page .content, div.nav02 #page .darkText { height: 310px; } div.nav02 #page .content { margin-top: -155px; }
div.nav02 #page .content { width: 900px; }
div.nav02 #page .boxSX, div.nav02 #page .boxCX, div.nav02 #page .boxDX { padding: 10px; width: 29.5%; }
	div.nav02 #page .boxSX {}
	div.nav02 #page .boxCX { margin: 0 10px; }
	div.nav02 #page .boxDX {}

div.nav03 a { color: #AFCA5E; }
div.nav03 #page .content, div.nav03 #page .darkText { height: 350px; } div.nav03 #page .content { margin-top: -175px; }
div.nav03 #page .content { width: 900px; }
div.nav03 #page .boxSX { width: 850px; }

div.nav04 a { color: #909090; }
div.nav04 #page .content, div.nav04 #page .darkText { height: 300px; } div.nav04 #page .content { margin-top: -150px; }
div.nav04 #page .content { width: 900px; }
div.nav04 #page .boxSX, div.nav04 #page .boxCX, div.nav04 #page .boxDX { width: 29.5%; }
	div.nav04 #page .boxSX { border: 8px solid #6F6F6F; height: 240px; }
	div.nav04 #page .boxCX { margin: 0 15px; }
	div.nav04 #page .boxDX { padding-top: 29px; }

div.nav05 a { color: #7AD386; }
div.nav05 #page .content, div.nav05 #page .darkText { height: 320px; } div.nav05 #page .content { margin-top: -160px; }
div.nav05 #page .content { width: 900px; }
div.nav05 #page .boxSX, div.nav05 #page .boxCX, div.nav05 #page .boxDX { padding: 10px; width: 29.5%; }
	div.nav05 #page .boxSX {}
	div.nav05 #page .boxCX { margin: 0 10px; }
	div.nav05 #page .boxDX {}

div.nav06 a { color: #C85959; }
div.nav06 #page .content, div.nav06 #page .darkText { height: 450px; } div.nav06 #page .content { margin-top: -225px; }
div.nav06 #page .content { width: 900px; }
div.nav06 #page .boxSX { width: 60%; }
div.nav06 #page .boxDX { background: #A63737; width: 34.5%; }
	div.nav06 #page .boxSX {}
	div.nav06 #page .boxCX {}
	div.nav06 #page .boxDX { padding: 10px; margin-left: 10px; }

/* Componenti Vari
-------------------------------------------------------------- */
ul.subMenu { list-style: none; margin: 0; padding: 0; position: absolute; right: 40px; top: -30px; z-index: 30; }
	ul.subMenu li { display: inline; float: left; margin-left: 15px; }
		ul.subMenu li a { text-decoration: none; text-transform: uppercase; }
		ul.subMenu li.active a { color: #fff; }

#slide div { overflow: hidden; }
#slideBtn { margin: 0; position: relative; }
#slidePrevBtn, #slideNextBtn { display: block; left: -10px; overflow: hidden; position: absolute; text-indent: -8000px; top: -141px; }
#slideNextBtn { left: 795px; }														
	#slidePrevBtn a, #slideNextBtn a { background-image: url(images/slideBtn.gif); background-repeat: no-repeat; display: block; height: 20px; width: 20px; }
	#slidePrevBtn a { background-position: 0 0; } #slidePrevBtn a:hover { background-position: 0 -20px; }
	#slideNextBtn a { background-position: 0 -40px; } #slideNextBtn a:hover { background-position: 0 -60px; }
#catalog { margin: 0 30px; }
	#catalog #slide div { height: 255px; width: 744px; }
#images {}
	#images #slide div { height: 240px; width: 300px; }

.gallery { list-style: none; margin: 0; padding: 0; }
	.gallery li { display: inline; float: left; margin: 5px 8px; }
	.gallery a { background-image: url(images/noimage.gif); background-position: 50% 50%; background-repeat: no-repeat; display: block; height: 110px; padding: 5px; width: 160px; }
	.gallery img { display: block; }

.formLogin ul.errorbox { margin-top: 10px; }

/* Componenti Popup
-------------------------------------------------------------- */
.popup h3, .popup p { color: #fff; }
	.popup a { color: #7AD386; }

#login { background: #8AA637; margin: 15px; padding: 15px; }
#login dl.formBtn input { background: #7A9331; }
#login .formAlert { margin-bottom: 10px; }
#login .formAlert p { color: #333; }

#news { background: #000; margin: 15px; padding: 15px; }

#products { background: #000; }
#products dl { margin: 10px; }
	#products dl dt { color: #AFCA5E; font-size: 1.3em; font-weight: bold; margin-bottom: 15px; }
	#products dl dd.img { padding: 15px 0; }
		#products dl dd.img img { display: inline; margin: 3px; }
	#products dl dd { color: #fff; }
		#products dl dd p { font-size: 1em; }

/* TPL Personalizzato
-------------------------------------------------------------- */
body#tpl1024 #page { background: #000 url(images/bck-min.jpg) no-repeat 0 0; }
body#tpl1024 #page .content .text { padding: 15px; }
body#tpl1024 .formContact dl { padding: 3px; }
	body#tpl1024 .formContact dl.fieldError, body#tpl1024 .formContact dl.fieldFocus { padding: 2px; }

body#tpl1024 h3 { font-size: 1em; font-weight: bold; margin-bottom: 5px; }
body#tpl1024 p { font-size: 0.7em; }

body#tpl1024 div.nav02 #page .content { margin-top: -160px; }
	body#tpl1024 div.nav02 #page .content, body#tpl1024 div.nav02 #page .darkText { height: 280px; }

body#tpl1024 div.nav03 #page .content { margin-top: -145px; }
	body#tpl1024 div.nav03 #page .content, body#tpl1024 div.nav03 #page .darkText { height: 330px; }

body#tpl1024 div.nav04 #page .content { margin-top: -120px; }
	body#tpl1024 div.nav04 #page .content, body#tpl1024 div.nav04 #page .darkText { height: 290px; }
	body#tpl1024 div.nav04 #page .boxDX { padding-top: 21px; }

body#tpl1024 div.nav05 #page .content { margin-top: -140px; }
	body#tpl1024 div.nav05 #page .content, body#tpl1024 div.nav05 #page .darkText { height: 280px; }

body#tpl1024 div.nav06 #page .content { margin-top: -180px; }
	body#tpl1024 div.nav06 #page .content, body#tpl1024 div.nav06 #page .darkText { height: 360px; }
	body#tpl1024 div.nav06 #mapsContent { height: 250px; }
	body#tpl1024 div.nav06 .tplINLINE textarea { height: 50px; }