/* CSS Document */
/* CSS for browsers - responsive; scale with window's width */
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		
	}
	/* HTML5 display-role reset for older browsers */

body {font-family: Arial, Helvetica, sans-serif;
	  font-size: 15px;
	  font-weight: normal;
	  background-color: #FFFFFF;
	  text-align: left;
	  color: #4666B9;}

h1 {font-size: 1.1em; 
	font-weight: bold;}
h2 {font-size: 1em;}
p {margin-top: 10px;
	text-align: justify;}	
a {text-decoration: none; color:#4666B9;}
a:hover {text-decoration: underline;}
ul {list-style-type: none;}

.fl {float: left;}
.fr {float: right;}	  
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}

.bold {font-weight: bold;}
.darker {color: #000B51;}

.back {font-weight: bold; font-size: 0.8em; padding: 5px; text-align: center; float: right; width: 150px; border: 1px solid #666; background-color: #E4E4E4; margin-right: 2%;}


#wrcar_sfondo {
   width: 100%;
	min-width: 960px !important;
	height: 465px;
	position: relative;
	z-index:100;
	
}	
#car_sfondo .slide {height:475px; float:left; position:relative;}
#car_sfondo img {min-width: 100%; min-height:100%; position:relative; z-index:150; margin-top:-40px;}

#wr-shadow {min-height:480px; width: 100%;
	min-width: 980px !important; background:url(../images/layout/bg-top.png) repeat-x center top; position:absolute; z-index:999; top:0;}

#wr-header {width: 100%;  min-width: 960px !important; margin: 0 auto;}
#header {width: 90%; margin: 0 auto;}
#languages {text-align: left; float: left;}
#languages a {margin-left: 8px; z-index: 9999999}
#languages a:hover {text-decoration: none;}

#opening {text-align: left;
		  color: yellow;
		  font-size: 1.2em;
		  text-shadow: 2px 2px 4px #000B51;
		  float: left;
		  padding-left: 100px;}
#lago {float: right; 
		 color: #FFF;
		  font-size: 1.9em;
		  text-shadow: 1px 1px 2px #2B488D;
		  padding-bottom: 10px;}

#menu {width: 100%; min-width: 980px !important;
		margin:  0 auto;
		font-weight: bold;
		font-size: 1em;
		border-top: 1px solid #FFF;
		box-shadow: 2px 10px 20px 5px #333;
		border-top: 1px solid #FFF;
		background: #9dc6e2; /* Old browsers */
		background: -moz-linear-gradient(top,  #9dc6e2 0%, #ffffff 100%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dc6e2), color-stop(100%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9dc6e2 0%,#ffffff 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9dc6e2 0%,#ffffff 100%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9dc6e2 0%,#ffffff 100%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #9dc6e2 0%,#ffffff 100%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc6e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		
}
#inside-menu  {width: 90%; min-width: 900px !important; margin: 0 auto;}	  
		  		  
#logo img {position: absolute; 
		   z-index: 3000;
		   margin-top: -35px;}
#menu ul {display: block;
			float: right;}
#menu ul li {display: inline; float: left; text-align: right !important; padding: 25px 10px;}
#menu ul li.active {background: url(../images/layout/bg-white.png) repeat;
					border-right: 1px solid #FFF;
					border-left: 1px solid #FFF; }
#menu ul li a {color: #666;}
#menu ul li a:hover {color: #23A7FF}	
#section {font-size: 1.6em; text-align: right; width: 20%;  margin-top: 50px; color: #666; padding: 10px 15px; font-weight: bold; /*background-image: url(../images/layout/bg-white.png);*/
		background-color: rgba(255, 255, 255, 0.7); text-transform: uppercase; font-family: Verdana, Geneva, sans-serif;}
#wr-container {
	min-width: 960px;
	position:relative;
	z-index:1000;
	margin: 0 auto !important;
}

#container {width: 95%; margin: 0 auto;}

#left {float: left; 
	   width: 23%;}
#right {float: left; width: 75%; margin-top: -49px;}


#wr-carousel {width:72%;
			 height: 430px;
			  margin: 1px 0px 15px 0px;
			  border: 4px solid white; 
			  background-color: #ccc;
			  box-shadow: 1px 0px 25px #2F4D90;
			  }
#carousel-int {width: 100%;}
#carousel-int .slide {height: 428px;
						overflow: hidden !important;
					   border: 1px solid #999; background: no-repeat center center fixed; 
					 }
#carousel .slide img {width: 110%;}

					   
#carousel-int .slide .txt {
					   /*background-image: url(../images/layout/bg-white.png);*/
		background-color: rgba(255, 255, 255, 0.7);
					   background-repeat:repeat;
					   position: relative;
					   bottom: 10px; 
					   margin-left: 5px;
					   width: 99%;
					   height: 30px;
					   line-height: 30px;
					   overflow: hidden;
					   padding: 5px 10px;
					   font-weight: bold;
					   margin-top: 170px;
					   margin-left: 0px !important;}
					   
		
.txtslide {	font-size: 1.1em;
			color: #666;
			position: absolute; 
			z-index: 888888888;
			font-family:Arial, Helvetica, sans-serif;	
			overflow:hidden;
			
		}		
					   
#wrapperpager2{float: right;
			  width: 24%;
			  overflow: hidden;
			  margin: 0 auto;
			  margin-top: -40px; 
			  margin-left: -10px; 
			  z-index:350;
			  text-align: left !important;}		

#zoom {float: right;
width: 24%;
overflow: hidden;
margin: 0 auto;
margin-top: -70px;
margin-left: -10px;
z-index: 350;
text-align: left !important;}

#pager2 {text-align: left !important;
		height: 30px;}
		
#wrapperpager{position:relative;
			  width: 90%;
			  overflow: hidden;
			  margin: 0 auto; 
			  z-index:350;
			  text-align: center;}		

#pager {text-align: center;
		height: 30px;}		
#pager2 a.selected span, #pager a.selected span {
	background: #C2C225;}
	
#pager2 a, #pager a {
	 font-size: 0.1em;
	display: inline-block;
	padding: 3px;}

#pager2 span, #pager span {border-radius: 8px;
			background: white;
			text-indent: -100px;
			line-height: 0;
			display: inline-block;
			width: 8px;
			height: 8px;
			overflow: hidden;
			border:2px solid #565A8C;}
			
#box-inside {width: 100%;
			border: 1px solid #fff;
			/*background-image: url(../images/layout/bg-white.png);*/
		    background-color: rgba(255, 255, 255, 0.7);
			margin-bottom: 30px;
			min-height: 439px;}

   
#info {width: 30%;
		float: right;
		margin: 15px;
		max-height: 100% !important;}
#info h1 {font-size: 1em;
		   color: white; 
		   padding: 4px 6px; 
		   text-align: left; 
		   background-color: #C2C225;
		   margin-bottom: 5px;}
#info p {text-align: left !important;}
#webcams {text-align: center; 
		padding: 8px; background-color: #FFF;}
#webcams a {width: 48%; margin: 0 auto; height: 82px; overflow: hidden; 
		}
#webcams img {margin-top: -50px;}
#testo {font-size: 1.1em; 
		margin: 25px; float: left;
		width: 55%;}
#testo p {margin-top: 15px;}
#social {float: right;
		 width: 22%;
		 text-align: right;}
#social img {margin: 0px 5px;}	
#social img:last-child {margin-right: 0px !important;}		 
		 
.icon {text-align: center;
	   width: 100%;
	   padding-top: 20px;}
.icon img {margin-bottom: 8px;}

#news {cursor: pointer; 
		padding: 8px; background-color: #FFF;}	
		#carousel-news .slide {height: 250px;
			    overflow: hidden;}   

#carousel-news .slide span {color: red;}

	.notdisplaybig {display: none;}	

.elenco {padding: 20px 10px; border-bottom: 1px solid #CCC;}
.anteprima {float: left; width: 90px; height: 90px; margin-right: 20px; margin-bottom: 10px; border: 2px solid #ccc; border-radius: 100%; background: no-repeat center center; background-size: cover;}
.elenco a {color: #666; text-decoration: none;}
.elenco:hover {background-color: #BDDFF8; text-decoration: none !important;}
.elenco a:hover {text-decoration:  none !important;}
.yellow {border-color: #FF0}
#prenotazioni {width: 90%; margin: 15px auto 0px auto; padding: 10px; border: 1px solid #CCC;}
#prenotazioni fieldset label {display: inline-block; width: 200px; margin: 5px;}
#prenotazioni #sendform {padding: 10px; width: 100px; margin: 0 auto; cursor: pointer;}


.elenco-all {padding: 20px 10px; border-bottom: 1px solid #CCC;}
.elenco-all li {padding: 5px 0px;}
.elenco-all li:hover {background-color: #BDDFF8;}
.elenco-all li a {color: #666;}
.elenco-all li a:hover {text-decoration:  underline;}



#footer {width: 95%; margin: 0 auto;
		padding-bottom: 30px;
		margin-top: 40px;
		}
#shadow-footer img {width: 100%; margin-bottom: 30px;}

.bigcontainer {
width: 100%;
margin: 0 auto;	
margin-top: -460px;
position: absolute;
z-index: 9999999;}

@media (max-width: 1100px) {
  #logo img {
    width: 180px;
	margin-top: -34px;
  }
  #opening {font-size: 15px;}
  #lago {font-size: 20px;}
  #ulmenu {font-size: 13px;}
  #menu ul li {padding: 22px 8px;}

}
@media (max-width: 461px) {
  #section {width: 43%;}
}