/* 

1:- Tipografia di base
2:- Struttura
3:- Header e Menu
4:- Pagine interne
5:- Footer
6:- Form dei contatti


*/

/* 1. ------ Tipografia di base ------ */

/* stili sul body */
body {
	background: #fff url(http://garzotto.p1web.com/images/bg.jpg) top center no-repeat;
	font-family: 'lucida grande', 'lucida sans', helvetica, verdana, arial, sans-serif;	
	color: #555;
	font-size: 11px;
}

/* margini e padding */
html, body {
	margin: 0;
	height:100%;
	padding: 0;
}

div, h1, h2, h3, h4, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

ul {list-style:none}

p, ul {line-height:17px; margin:5px 0 8px 0;}



h1 { 
 font-family: 'lucida grande', 'lucida sans', helvetica, verdana, arial, sans-serif;	/*'trebuchet ms', verdana, arial;*/
 font-size: 24px;
}


/*collegamenti ipertestuale*/
a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color:#0099CC;
	text-decoration: none;
}
	
.clearer {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

	
/* 2. ------ Struttura ------ */


#sito {
	width: 950px;
	margin: 0px auto;
	height:100%;
}


/* 3. ------ Header e Menu ------ */


#header {
	width: 980px;	
}

#menu {
	width: 955px;
	height:35px;
	background: url(http://garzotto.p1web.com/images/menu_bg.jpg);
	text-align:right;
	font-size:9px;
	padding-right: 25px;
	padding-top:8px;
	color:#fff;
}

#menu a {
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

#menu a:hover, #menu a.attivo {
	color:#F7C527;
}

#logo {
	margin-top:20px;
	margin-bottom:3px;
	background: url(http://garzotto.p1web.com/images/logo.jpg) no-repeat;
	width:149px;
	height:129px;
}

#logo a {
	display:block;
	width:254px;
	height:59px;
	text-decoration:none
}

#logo a span {
	display:none
}

#lingue_ricerca {	
	margin-top:10px;
	height: 18px;
	text-align:right;
}

.lingue a {
 color:#333;
 font: 10px Verdana, Arial;
 text-decoration:none;
 padding-left:2px;
 padding-right:6px;
}

.lingue a:hover {
 color:#888;
 text-decoration:underline;
}

#locations {
 float:left;
 margin-left:15px;
 width:328px; 
 padding-right:10px;
 background:#FFFFFF;
}

#locations a {
	display:block;
	margin-bottom:6px;
}

#flash {
	float:right;
 	width:594px;
	height:237px;
	margin-right:25px;
}


/* 4. ------ Pagine Interne ------ */

#contenitore { 
	clear:both;
	width:940px;
	min-height:350px;
	height:auto !important;
	height:350px;
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
	/*background-color:#999966;*/
	margin-left:15px;
}


#contenitore p {
	padding:0 27px 0 0;
}

#contenitore #col_left {
	width:173px;
	background: url(http://garzotto.p1web.com/images/col_bg.jpg);
	border: 1px solid #999;
	float:left;
	padding: 0px;
	margin: 15px 20px 15px 0px;	
	padding-bottom:20px;	
	
	min-height:300px;
	height:auto !important;
	height:300px;	
}

#contenitore #col_left .box{
	padding:0px 7px 0px 7px;
}


#contenitore #col_center {
	margin-top:15px;
	float:left;
	width:550px;
}

#contenitore #col_center h1 {
	color: #003883;
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	letter-spacing: 1px;
	font-weight:normal;	
	padding-top:6px;
	padding-bottom:7px;
	border-bottom:1px solid #555;	
}


#contenitore #col_right {
	width:173px;
	background: url(http://garzotto.p1web.com/images/col_bg.jpg);
	border: 1px solid #999;
	float:left;
	margin: 15px 0px 15px 20px;
	padding-bottom:20px;
	
	min-height:300px;
	height:auto !important;
	height:300px;	
}

#contenitore #col_right .box{
	padding:0px 7px 0px 7px;
}

#contenitore #col_right .box h2, 
#contenitore #col_center .box h2, 
#contenitore #col_left .box h2 {
	color: #003883;
	font-size:12px;
	letter-spacing: 1px;
	font-weight:bold;	
	padding-top:5px;
	padding-bottom:0px;
}

#contenitore #col_right .first h2,
#contenitore #col_left .first h2 {
	color: #003883;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	font-weight:normal;	
	padding-top:0px;
	padding-bottom:15px;
	border-bottom:1px solid #555;	
}


#contenitore .box {
	margin-top:15px;
}


#contenitore .first {
	margin-top:10px;
}

.testo .manual {
	margin-top:15px;
}

#contenitore #col_right .box .manual,
#contenitore #col_left .box .manual {
	margin-left:5px;
	font-size:11px;
}

#contenitore #col_right .box .manual p,
#contenitore #col_left .box .manual p {
	line-height:14px;
}

#contenitore #col_center .box .manual img {
	margin:10px;
}

/* 5. ------ Footer ------ */

#footer { 
	clear:both;
	width: 950px;
	height:60px;
	color:#333;
	padding:0px;
	margin-top:10px;
	float:left;
	line-height:17px;
	font-size:10px;
}

#footer .foot_info {
	text-align:center;
	padding-bottom:4px;
	margin-bottom:3px;
	border-top: 1px solid #555;
}

#footer .foot_menu {
	text-align:center;
	text-transform:lowercase;
}

#footer b { 
	color:#009ACA;
}

#footer a { 
	color:#333;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;	
}

#footer a:hover {
 	color:#009ACA;	
}

#footer .sx { 
 width: 400px;
 float:left;
	text-align:left;
}

#footer .dx { 
 width: 400px;
 float:right;
	text-align:right;
}

/*------------ ELEMENTI PAGINE -----------*/

.round_97 {
	width:97px;
	height:97px;
	background:url(http://garzotto.p1web.com/images/round_97.png);
	cursor:pointer;
}

.round_50 {
	width:50px;
	height:50px;
	background:url(http://garzotto.p1web.com/images/round_50.png);
	cursor:pointer;	
}

.pagebox_hotel {
	float:left;
	margin-top:8px;
	margin-left:-22px;
}
.pagebox_hotel .page_box{
	float:left;
	width:121px;
	height:160px;
	margin-left: 22px;
	margin-bottom: 15px;
	text-align:center;
}

.pagebox_hotel .page_box img,
.pagebox_hotel .page_box .img{
	display:block;
	margin-bottom:10px;
	background-color:#0066CC;
}

.pagebox_hotel .page_box .titolo{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}

.pagebox_hotel .page_box .anteprima{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}


.pagebox_offerte {
}

.pagebox_offerte .page_box{
	height:94px;
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid #555;
	position:relative;
}

.pagebox_offerte .page_box img,
.pagebox_offerte .page_box .img {
	position:absolute;
	top:30px;
	left:0px;
}

.pagebox_offerte .page_box .titolo{
	position:absolute;
	top:0px;
	left:0px;
	color:#666666;
	font-size:14px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:160px;
	height:37px;
}

.pagebox_offerte .page_box .anteprima{
	margin-top:40px;
	margin-left:60px;
	font-size:9px;
	line-height:11px;
}

.pagebox_offerte .page_box .anteprima b {
	color:#003883;
}


.pagebox_scopri {
}

.pagebox_scopri .page_box{
	height:94px;
	width:100%;
	padding-top: 5px;
	padding-bottom: 15px;
	position:relative;
}

.pagebox_scopri .page_box img{
	position:absolute;
	top:34px;
	left:0px;
}

.pagebox_scopri .page_box .titolo{
	color:#fff;
	font-size:12px;
	/*letter-spacing:1px;*/
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:6px;
	height:18px;
	background-color: #003883;
	font-variant:small-caps;
}

.pagebox_scopri .page_box .anteprima{
	display:none;
}

/*------------ PHOTOGALLERY --------------*/

.photogallery_primafoto {
}

.photogallery_primafoto .photo{
	display:none;
}

.photogallery_primafoto .first {
	display:block;
	height:64px;
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid #555;
	position:relative;
}

.photogallery_primafoto .first img,
.photogallery_primafoto .first .img {
	position:absolute;
	top:5px;
	left:0px;
}

.photogallery_primafoto .first .titolo{
	margin-top:10px;
	margin-left:60px;
	font-size:9px;
	line-height:11px;
	color:#003883;
	font-weight:bold;
}

.photogallery_primafoto .first .descrizione {
	margin-left:60px;
	font-size:9px;
	line-height:11px;	
}



/*------------ ELEMENTI VARI -------------*/

.pagelist {

}
.pagelist li {
	font-size:10px;
	font-weight:bold;
	padding-left:12px;	
	background: url(http://garzotto.p1web.com/images/arrow4.gif) left center no-repeat;
}

.ricerca li {
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	background: url(http://garzotto.p1web.com/images/arrow4.gif) left center no-repeat;
}

.ricerca li.group {
	padding-left:0px;	
	padding-top:12px;
	padding-bottom:5px;
	font-weight:bold;
	background: none;
}



ul.page_num {
	clear:both;
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.page_num li {
	float:left;
	list-style:none;
	margin-left:15px;
}

ul.page_num li a {
	font-size:10px;
	display:block;
	text-align:center;
	border: 1px solid #555;
	color:#C41713;
	background:#FCD5CD;
	width:18px;
	font-weight:bold;
}

ul.page_num li a:hover,
ul.page_num li a.selected {
	border: 1px solid #555;
	color:#FCD5CD;
	background:#C41713;
	width:18px;
	font-weight:bold;
}


ul.mappasito {
	margin-left:20px;
	list-style: square;
}


/* 6. ------ Form dei contatti ------ */



.input_group label {
	float:left;
}

input, textarea {
	width : 250px;
	padding : 4px;
	border : 1px solid #585858;
	background :  #ededed;
	font : 10px Verdana, Geneva,  Arial, Helvetica, sans-serif;
	color:#333333;
}

input.submit {
	width : auto;
	padding : 4px .5em;
	color : #6d6d6d;
	font-size : 100%;
}

input.submit:hover {
	color : #2b5555;
	background : #e2e2e2;
	cursor : pointer;
	cursor : hand;
}

input.check {
	width:auto;
	border:none;
	background:none;
}

.miniform {
	margin:0px;
	padding:0px;
}

.miniform label {
	font-size:10px;
	font-weight:bold;
	padding-left:12px;	
	background: url(http://garzotto.p1web.com/images/arrow4.gif) left center no-repeat;
}

.miniform input {
	width:120px;
	font-size:9px;	
	padding:2px;
}

.miniform input.button {
	width:25px;
	font-weight:bold;
	padding: 1px 2px 0 2px;
}


#contactform p {
	margin : 0;
	line-height : 1.636;
	font-size : 92%;
	text-align : right;
}

fieldset {
	border: 0px;
	width: 250px;
}

.errore {
	font-weight:bold;
	color:#CC0000;
}

img.fileicon {
	vertical-align:text-bottom;
}

.no-point {
	list-style:none;
}
