/********** 1. COLOURS **********/
/*
- Logo blue #094182 (picked from logo)
- Dark blue #094182 (header text, footer bkgrd, links, main nav bkgrd)
- Grey #4b4d4d (page copy)
- Blue shine #0085c6 (hover bkgrd,)
- Light blue #c1d7f4 (footerP Tweets, main nav current)
*/
/* End Colours */






/********** 2. RESETS **********/
html, body { margin: 0; padding: 0; font-family: Arial, "Trebuchet MS",  sans-serif; color: #4b4d4d; }
body { font-size: 82%; background: #113d75 url(../img/sfondo.jpg) repeat-x; width: 100%; }
html{ font-size: 100%; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; }



a:link, a:visited { color: #094182; font-weight : normal; text-decoration: underline; }
a:hover { color: white; background: #0085c6; text-decoration : none; }
a:active { color: #c1d7f4; background: #0085c6; text-decoration : underline; }


img { border: 0; display: block; }
a img, iframe { border: none; }
.clear { height: 1%; clear: both; }
form, fieldset { border: none; margin: 0; padding: 0;  }
legend {display: none;}
select { padding: 0; }

/* End Resets */






/********** 3. TYPOGRAPHY **********/

h1 {
	color: #094182;
	margin: 0 0 .2em;
	font-size: 2.2em;
	font-weight: normal;
	text-shadow: #a1c1d3 0px 1px 1px;
}

h2 {
	color: #bed600;
	margin: .3em 0;
	font-size: 1.8em;
	font-weight: bold;
}
#testi h2,#testi2 h2  { text-transform:uppercase;text-decoration:underline;}
h3 {margin: 0; font-size: 1.4em; font-weight: bold;}
h4 {margin:  0; font-size: 1.2em; font-weight: normal;}
h5, h6 {margin:  0; font-size: 1.2em; font-weight: normal; }

p {font-size: 1.1em; line-height: 1.3em; margin-bottom: 1em; }

p.intro {
	color: #0c4c96;
	border-bottom: 1px dashed #8fb9d6;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.3em;
	line-height: 1.3em;
}

/* End Typography */



/* 5a. HEADER & NAV */
#header {
	background: transparent url(../img/logo.png) no-repeat 32px 15px;
  	margin: 0 auto;
  	width:960px;
  	height: 135px;
  	position: relative;
}

.branding {position: relative; margin: 41px 0 0 15px; float: left;}

/* galleria*/

#gallery {overflow: auto;width:863px;height:300px;padding:3px;float: Left;margin-top:15px;
}
#mytable {
	width: 800px;
	padding: 0;background: #fff;
	margin: 0;border: 2px solid #fff;
}

#mytable tr td a img {width:150px;border:0;text-align:center;}

td {
	border: 1px solid #fff;
	background: #fff;text-align: center;
	padding: 2px;
	color: #4f6b72;padding-bottom:1em
}




/*  menu  */
#mainNav {float: right;}
#mainNav ul {margin-right: 15px; padding: 64px 0 0;}
#mainNav ul li {
	list-style: none;
	float: left;
	margin-left: 5px;
	font-size: 1.1em;
	text-transform: uppercase;
}
#mainNav ul li a {
	background: none;
	display: block;
	padding: 0 8px 0 0;
	color: white;
	text-decoration: none;
}

#mainNav ul li a span {background: none; display: block;padding: 14px 0 10px 8px;}
#mainNav ul li a:hover {background: url(../img/buttons/navButR-H.gif) top right no-repeat; color: #FFF; text-decoration: underline;}
#mainNav ul li a:hover span {background: url(../img/buttons/navBut-H.gif) top left no-repeat;}		
#mainNav ul li.current a {background: url(../img/buttons/navButR.gif) top right no-repeat; color: #c1d7f4; font-weight: bold;}
#mainNav ul li.current a span {background: url(../img/buttons/navBut.gif) top left no-repeat; text-decoration: underline;}


/* 5b. Main Content */
#mainContent {
	background: transparent url(../img/content.jpg)  no-repeat center 0;
  	margin: 0 auto;
  	width:925px;
  	position: relative;display:block;height:846px;padding-top:43px;
}



#mainContent .sleeve {
	width: 870px;
	overflow: hidden;
	margin:  0 auto;
	padding: 40px 30px 40px;
	background: white url(../img/sfondo2.jpg)  no-repeat center 0;
}

#mainContent .sleeve {background: white; padding: 20px 30px 40px;}










/* 5c. Network Bar */
#networkBar {background: #c8deea url(../img/networkbarTierBkgrd.gif) repeat-x 0 0; color: #073365;  height:90px;}
#networkBar .wrap { width: 930px; margin: 0 auto; position: relative;}

#networkBar .sleeve {
	background: transparent url(../img/networkbarBkgrd.gif)  no-repeat center 0;
	width: 870px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

#networkBar .sleeve p  {margin-top: 26px; font-size: 1em;}

/* DOVE SIAMO */
#testi2 {width:865px;float:left;margin-top:25px;height:388px; display:block;
margin-left:61px;}

#col1 {float:left;width:244px;}
#col2 {float:right;width:550px;height:208px;margin-top:12px;margin-right:47px;}

/* CONTATTI */
ul.contactInfo, ul.socialFind{font-size: 1.1em; margin: 21px 0 30px 0px; list-style-type: none;}

#col1_contatti {float:left;width:460px;}
#col2_contatti {float:right;width:310px;height:195px;margin-top:46px;margin-right:0px;}

ul.contactInfo li, ul.socialFind li { padding-left: 22px; line-height: 1.4em;}

	ul.contactInfo li.phone {font-size: 1.1em; background: url(../img/miniPhone.gif) no-repeat 0 0;}
	ul.contactInfo li.email {font-size: 1.1em; background: url(../img/miniEmail.gif) no-repeat 0 0;}

/* HOME PAGE*/

ul#prima {margin:25px;font-size:15px;}


/* FOOTER */
#footer {width:900px;float:left; color: white; margin-top:85px;text-align:center;}
#footer a, #footer a:visited {color: #fff; text-decoration: underline;}
#footer a:hover, #footer a:active {color: #fff; background-color: #0a2850;}
#footer p {font-size:11px;color: #c1d7f4;text-align:center;}

/********** 6. SLIDESHOW **********/

/* Slideshow style rules */


.slide .cinque p {font-size:1.1em;}

#slideshow { 
	margin:0 auto;
	width:922px;
	height:285px;
	position:relative;
	
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:820px;margin-left:47px;
  height:285px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:860px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:285px;
}


/* Slideshow controls style rules.*/
.control {
  display:block;
  width:40px;
  height:255px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {color: white; top:0; left:0; background:transparent url(../img/slideshow/control_left.png) no-repeat 0 6px;}

#rightControl {color: white; top:0; right:0; background:transparent url(../img/slideshow/control_right.png) no-repeat 0 6px;}
/* Slides Styling. */

#slidesContainer .first h1 {font-size: 2.6em; margin-top: 75px;}
/*#slidesContainer .first p {text-indent: -1000em;}  hind from screen */
.slide h2 {
  	letter-spacing:-1px;
 	color: #fff;
	margin: -17px 0.2em 18px 422px;
	font-size: 2.6em;
	font-weight: normal;text-align:right;
	text-shadow: #a1c1d3 0px 2px 2px;
	line-height: 100%;
}
.slide h2#piastrelle {  	margin-bottom:50px;}
.slide h2#bagno{  	margin-bottom:36px;}
.slide h2#mass{  	margin-bottom:36px;margin-top:0px;}
.slide h2#porte{  	margin-bottom:10px;}
.slide p {margin: 0; padding: 0;font-size:0.8em;text-align:justify;margin-right:8px;color:#091a53}
.slide p.action {margin: 0 0 0 0; padding: 0;}
.slide img {float:left; margin-right:25px;margin-top:1px}
img.slideimg2 { margin-right:25px;margin-left:20px;}
img.slideimg3 { margin-right:20px;margin-left:25px;}
img.slideimg7 { margin-right:20px;margin-left:36px;}
#slidesContainer .first {background: transparent url(../img/slideshow/takeaLook.gif) no-repeat right bottom;}
.slide .second, .slide .third, .slide .fourth,.slide .quinto {margin:0 auto; padding-top: 20px; width: 800px; overflow: hidden; }

.slide .terzo {margin:0 auto; padding-top: 0px; width: 800px; overflow: hidden; }


.slide a.button { font-size: .9em; margin-top: 5px;}

/* End Slideshow */

#testi {float:left;margin-top:25px;height:388px; display:block;
width:800px;margin-left:61px;margin-right:61px;}