/*@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('fonts/librebaskerville-regular-webfont.eot');
    src: url('fonts/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librebaskerville-regular-webfont.woff') format('woff'),
         url('fonts/librebaskerville-regular-webfont.ttf') format('truetype'),
         url('fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@import url("http://fonts.googleapis.com/css?family=Roboto:500,400&subset=cyrillic,latin");

body {
 background: url(images/bg.jpg);
 background-color: #EEEEEE;
 font-family: 'Roboto', sans-serif;
 /*font-size: 15px;*/
 font-size: 100%;
 line-height: 112%;
 margin: 2em auto auto auto;
 color: #333333;
}

#langs {
 /*width: 1000px;*/
 max-width: 62.5em;
 margin: auto;
 /*margin-bottom: 3px;*/
 margin-bottom: 0.1875em;
 text-align: right;
 /*border: 1px solid orange;*/
}

#main {
 /*width: 900px;*/
 max-width: 62.5em;
 margin: auto;
 /*padding: 1% 50px;*/
 padding-bottom: 1.5em;
 background-color: #fafafa;
 	-moz-box-shadow:0px 0px 15px #656565;
	-webkit-box-shadow:0px 0px 15px #656565;
	box-shadow:0px 0px 15px #656565;
}

#bottomright {
 margin-top: 0.3125em;
 /*height: 24px;*/
 text-align: right;
 font-size: 75%;
}

#footer {
 margin: 1em auto;
 width: 76em;
 text-align: right;
 font-size: 81.25%;
 color: #333;
 /*border: 1px solid red;*/
}

.accapo{
	display: none;
}

.accapo2{
	display: none;
}

#topbox {
 position: relative;
 height: 3.75em;
 /*border: 1px solid blue;*/
 width: 90%;
 padding: 1% 5%;
}

#topcontainer {
	/*overflow: hidden;*/
}

#llogo {
 width: 64.5%;
 height: 100%;
 background: url(images/llogo.png) no-repeat;
 background-size: contain;
 /*border: 1px solid black;*/
}

#upright {
 position: absolute;
 top: 2.5em;
 right: 2.5em;
 }

ul.upnav {
 list-style-type: none;
 margin: auto;
 float: right;
 padding: 0px;
 background: none;
 /*border: 1px solid grey;*/
}

ul.upnav li {
 display: inline;
 /*font-size: 14px;*/
 font-size: 87.5%;
}

ul.upnav li.divider {
 float: left;
 width: 1px;
 height: 1em;
 padding: 0px;
 margin: 0.125em 0.625em;
 background: #000000;
}
 
a.upbutton:link, a.upbutton:visited {
 float: left; 
 padding: 0px; 
 width: auto; 
 text-align: center;
 text-decoration: none; 
 background: none;
 /*color: #f9e82f;*/
 color: #000000;
 /*border-bottom: 1px solid #101010;*/
}

a.upbutton:hover { 
 text-decoration: none;
 color: #3B5998;
 }
  
#navigation {
 display: none;
 height: 40px;
 background-color: #333333;
  	-moz-box-shadow:0px 0px 5px #656565;
	-webkit-box-shadow:0px 0px 5px #656565;
	box-shadow:0px 0px 5px #656565;
	line-height: 250%;
	clear: both;
}

#mnavwrapper{
	display: none;
-moz-box-shadow:0px 0px 5px #656565;
-webkit-box-shadow:0px 0px 5px #656565;
box-shadow:0px 0px 5px #656565;
}

#mnavheader {
height: 2.3em;
background-color: #333333;
cursor:pointer;
font-size: 93.75%;
color: #ffffff;
}

#mnavheader:hover{
	background-color: #222222;
}



#mnav {
	display: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	background-color: #333333;
-moz-box-shadow:0px 0px 5px #656565;
-webkit-box-shadow:0px 0px 5px #656565;
box-shadow:0px 0px 5px #656565;
}

#mnav li{
	position: relative;
	float: none;
	line-height: 2.3em;
	font-size: 93.75%;
	color: #ffffff;
	display: block;
	text-align: center;
	cursor: pointer;
}

#mnav li:hover{
	background-color: #222222;
}

#mnav a:link, #mnav a:visited{
	color: #ffffff;
	display: block;
	text-decoration: none;
	text-align: center;
}

#mnav a:hover{
	background-color: #222222;
}

.txtmenu {float: left; margin: 0 0 0 1em; line-height:2.3em;}
.btnmenu {display: block;float: right;margin:0.3em 1em 0 0;color: #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.icon-bar 			{display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.show {display:block !important}

#msubmenuheader{
	
}

#msubmenuheader:hover {
	background-color: #222222;
}

.msubmenu{
	display: none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	position: relative;
	background-color: #2A2A2A;
	list-style: none;
-moz-box-shadow:0px 0px 5px #656565;
-webkit-box-shadow:0px 0px 5px #656565;
box-shadow:0px 0px 5px #656565;
}

.msubmenu li{
	color: #ffffff;
}

.msubmenu li a:link, .msubmenu li a:visited{
	color: #ffffff !important;
}

.msubmenu li a:hover{
	color: #ffffff !important;
	background-color: #222222 !important;
}


.selectedmenu{
	background-color: #222222 !important;
-moz-box-shadow:0px 0px 5px #656565;
-webkit-box-shadow:0px 0px 5px #656565;
box-shadow:0px 0px 5px #656565;
}

.selectedmenu:hover{
	background-color: #1D1D1D !important;
}


.nav {
 list-style-type: none; 
 padding-left: 1.25em;
 padding-right: 1.25em;
 margin: 0;
}

.nav li {
 display: block;
 font-size: 93.75%;
 float: left;
 padding-left: 1.25em;
 padding-right: 1.25em;
 text-align: center;
 text-decoration: none;
 color: #fff;
 cursor: pointer;
}

/*ul.nav li.divider {
 float: left;
 width: 1px;
 height: 16px;
 margin-right: 15px;
 margin-left: 18px;
 background: #ffffff;
}*/

.nav li a:link, .nav li a:visited {
 text-decoration: none;
 display: block;
 color: #ffffff;
}

/*a.navbutton_sel:link, a.navbutton_sel:visited {
 display: block;
 float: left; 
 padding: 0px;
 margin: 0px 40px 0px 0px; 
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 color: black; 
 border-bottom: 2px solid #FFDD44;
}*/

.nav li:hover {
 background-color: #222222;
 }

 
.submenu{
	overflow: hidden;
	margin-left: -1.25em;
	padding: 0.5em 0 0.5em 0;
	position: absolute;
	z-index: 999;
	background-color: #FAFAFA;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
-moz-box-shadow:0px 0px 5px #656565;
-webkit-box-shadow:0px 0px 5px #656565;
box-shadow:0px 0px 5px #656565;
display: none;
list-style: none;
text-align: center;
width: 220px;
}


.submenu li{
	width: 100%;
	position: relative;
	line-height: 2.5em;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

.submenu li a:link, .submenu li a:visited {
 text-decoration: none;
 display: block;
 color: #333333;
}

.submenu li:hover, .submenu li a:hover{
	background-color: #222222;
	color: #FFFFFF;
}
 
a.back:link, a.back:visited {
 font-size: 1em;
 font-weight: 500;
 line-height: 2em;
 display: block;
 width: 8em;
 height: 2em;
 margin: auto;
 text-decoration:none;
 color: #FFFFFF;
 padding: 0.1875em;
 background-color: #333333;
 -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
 -moz-box-shadow:0px 0px 5px #656565; -webkit-box-shadow:0px 0px 5px #656565;	box-shadow:0px 0px 5px #656565;
}
 
a.back:hover {
 background-color: #222222;
}


#content {
 position: relative;
 width: 90%;
 /*border-bottom: 0.0625em solid #656565;*/
 font-size: 93.75%;
 padding-bottom: 0.625em;
 padding-top: 1.5em;
 margin-left: 5%;
 /*border: 1px solid red;*/
 border-bottom: 1px solid #656565;
 overflow: hidden;
}

a.linko:link, a.linko:visited {
 color: #3b5998;
 font-weight: 500;
 text-decoration: none;
}

a.linko:hover {
 color: #3B5998;
}


a.linku:link, a.linku:visited {
 text-decoration: none;
 color: #000000;
}

a.linku:hover {
 color: #3B5998;
}

/*profilo*/

#profwrap {
 margin-top: 1.25em;
 width: 42%;
 /*height: 400px;*/
 /*border: 1px solid blue;*/
 float: right;
 font-size: 93.75%;
}

#makwrap {
 float: left;
 margin-top: 1.25em;
 width: 55.5%;
 /*height: 400px;*/
 /*border: 1px solid white;*/
 /*background: url(images/mak.png);*/
}

/*dove siamo*/
#htfutxt {

}

#htfumap{
	position: relative;
	margin-top: 1em;
	padding-bottom: 40%;
	/*padding-top: 10px;*/
	height: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #333333;
}

#htfumap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#reserv{
	margin-top: 5em;
	text-align: center;
	height: 20em;
}

/*contatti*/

#wrapper{
	width: 800px; 
	height: 100px; 
	text-align: center; 
	margin: auto; 
	margin-top: 10px;
}

#alto{
	font-size: 93.75%; 
	text-align: left;
}

#fenix{
	font-size: 1.375em; 
	font-weight: 500;
}

#sinistra{
	float: left; 
	margin-right: 80px;
}

#centro{
	float: left; margin-right: 7em; margin-top: 1.4em;
}

#destra{
	float: right; 
	margin-top: 1.4em;
}


#formcontatti {
 margin: auto;
 margin-top: 3.125em;
 width: 95%;
 /*border: 1px solid red;*/
}

fieldset {
 border: 1px solid #656565;
 height: 260px;
}

legend {
 font-size: 93.75%;
 margin-left: 1em;
 color: #333333;
}

label, input, textarea {
 float: left;
 font-family: 'Roboto', sans-serif;
 font-size: 93.75%;
}

label {
margin-left: 2.5em;
color: #454545;
/*border: 1px solid white;*/
}


#errorcontainer {
 float: left;
 /*border: 1px solid red;*/
}


label.error{
 color: red;
 text-align: left;
 margin-top: 0px;
 margin-bottom: 0.3125em;
}

input, textarea{
 border: 1px solid #aaaaaa;
 width: 50%;
 float: right;
 margin-right: 2.5em;
 background-color: #EEEEEE;
}

textarea {
 height: 100px;
 resize: none;
}

#submit {
 margin-top: 1.25em;
 clear: right;
 background-image: linear-gradient(to bottom, #444444, #222222);
 color: #ffffff;
 width: 5em;
 border-radius: 0.1875em;
 cursor: pointer;
}

#submit:hover {
 background-image: linear-gradient(to bottom, #333333, #111111);
}

/*link collezione*/

a.linkk:link, a.linkk:visited{
	font-size: 93.75%;
	text-decoration: none;
	font-weight: 500;
	color: #333333;
	/*border-bottom: 1px solid #181617;*/
}

a.linkk:hover{
	color: #3B5998;
}



.flag {
 margin: auto;
 width: 2.5em;
 /*border: 1px solid blue;*/
}


#socialcontainer{
	float: left;
	width: 11em;
}

.gplus {
 display: block;
 width: 2em;
 height: 2em;
 background: url(images/g+.png) no-repeat top center;
 float: left;
}

.gplus:hover {
 /*background-position: 0% 100%;*/
}

.fbook {
 display: block;
 width: 2em;
 height: 2em;
 background: url(images/fb.png) no-repeat top center;
 float: left;
 margin-right: 1em;
}

.fbook:hover {
 /*background-position: 0% 100%;*/
}

.tweet {
 display: block;
 width: 2em;
 height: 2em;
 background: url(images/tw.png) no-repeat top center;
 float: left;
 margin-right: 1em;
}

.tweet:hover {
 /*background-position: 0% 100%;*/
}

.insta {
 display: block;
 width: 2em;
 height: 2em;
 background: url(images/in.png) no-repeat top center;
 float: left;
 margin-right: 1em;
}

.insta:hover {
 /*background-position: 0% 100%;*/
}

.fblink {
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.fblink:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}


/*protofade*/ 
#slider-container, #slider-container2, #slider-container3, #slider-container4 { width:700px; margin:0 auto 30px auto;border: }
#protofade, #protofade2, #protofade3, #protofade4 { position:relative; margin:0; padding:0px; width:100%; height:0; padding-bottom: 80%; overflow:hidden; }

#protofade img{
	max-width: 100%;
	width: 100%;
}
#slider-container, #slider-container2 { border: 1px solid #CCCCCC; }

#slider-container4, #protofade4 { height:190px; }



#protofade li, #protofade2 li, #protofade3 li { position:absolute; top:0; left:0; margin:0; padding:0; background:none;}
#protofade4 div { position:absolute; top:0; left:0; margin:0; padding:10px; background:none; text-align:left}

/*.next, .previous, .start, .stop { cursor:pointer; display:block; margin:5px 15px 15px 15px; float:left; }*/
/*end protofade */


/*script immagini*/
.loader{
	width:32px;
	height:32px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	z-index:1000;
	background:#fff url(images/loading.gif) no-repeat center center;
	/*-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;*/
}



/* Preview Slider Gallery Style */
.ps_container{
	display:none;
	width:600px;
	height:475px;
	margin:0px auto 0px auto;
	position:relative;
	/*border: 1px solid white;*/
}
.ps_image_wrapper{
	width:587px;
	height:440px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	/*-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;*/
	/*border: 1px solid red;*/
}
.ps_image_wrapper img{
	position:absolute;
	left:0px;
	top:0px;
}
.ps_prev,
.ps_next{
	width:30px;
	height:59px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	cursor:pointer;
	opacity:1;
}
.ps_prev{
	background:url(images/aprev.png) no-repeat top center;
	left:-50px;
}
.ps_next{
	background:url(images/anext.png) no-repeat top center;
	right:-50px;
}
.ps_prev:hover,
.ps_next:hover{
	opacity:0.5;
}


#didascalia, #collname {
 /*border: 1px solid red;*/
 float: left;
 margin-top: 5px;
 color: #333333;
}

#collname {
 margin-left: 10px;
}

ul.ps_nav{
	list-style: none;
	margin:0;
	padding:0;
	/*width:290px;*/
	margin-top:10px;
	margin-left:10px;
	margin-right: 10px;
	position:relative;
	float:right;
	/*border: 1px solid blue;*/
}
ul.ps_nav li{
	float:left;
	/*border-bottom: 1px solid orange;*/
}
ul.ps_nav li a{
	display:block;
	text-indent:-9000px;
	width:11px;
	height:11px;
	outline:none;
	padding:0px 3px;
	background:url(images/dot.png) no-repeat top center;
}
ul.ps_nav li a:hover,ul.ps_nav li.selected a{
	background-position:50% -11px;
}
ul.ps_nav li.ps_preview{
	display:none;
	width:85px;
	height:91px;
	top:-95px;
	left:-34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
	position:absolute;
}
ul.ps_nav li.ps_preview span{
	background: url(images/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute;
	top:85px;
	left:35px;
}
.ps_preview_wrapper{
	width: 75px;
	height: 75px;
	border:5px solid white;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}
.ps_preview_wrapper img{
	position:absolute;
	top:0px;
	left:0px;
}

/*tinybox*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:0px; -moz-border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}


a.cookielink:link, a.cookielink:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.cookielink:hover {
	color: #3B5998;
}

a.footlink:link, a.footlink:visited {
	color: #333;
	text-decoration: none;
}

a.footlink:hover {
	color: #3B5998;
}

.shoppa {
 font-size: 75%;
 margin-top: 15px;
 text-align: center;
 color: #333333;
  /*border: 1px solid red;*/
}

.shoppa a:link, a:visited {
 color: black;
}

.shoppa a:hover {
 color: #3B5998;
}

#welcome {
 width: 90%;
 color: #333333;
 text-align: center;
 font-size: 75%;
 margin: 0.8em auto 0 auto;
}

#welcome a:link, a:visited{
color: black;
}

#welcome a:hover {
 color: #3B5998;
}





/**/
/*risoluzione piccola*/
@media only screen and (max-width: 320px) {

body {
 margin-top: 0.5em;
 /*border-top: 2px solid red;*/
}

#langs {
 max-width: 95%;
 /*border: 1px solid orange;*/
}

#main {
 max-width: 95%;
 margin: auto;
}

#topbox {
 /*border: 1px solid red;*/
 padding: 1% 1%;
 width: 97%;
 height: 2.5em;
 margin: auto;
}

#llogo {
 height: 100%;
 width: 100%;
 background: url(images/llogom.png) no-repeat center;
 /*border: 1px solid black;*/
 background-size: contain;
}

#mnavwrapper{
	display: block;
}

#footer {
 max-width: 95%;
 text-align: center;
 /*border: 1px solid black;*/
}

#socialcontainer{
	text-align: center;
	float: none;
	margin: auto;
}

#footright{
	text-align: center;
	float: none;
	clear: both;
	padding-top: 1em;
}

.accapo{
	display: block;
}


#upright{display: none;}


#owl-slide{
	
}

#welcome {

}

/*profilo*/

#profwrap {
 width: 100%;
 /*border: 1px solid blue;*/
 float: none;
 font-size: 87.5%;
}

#makwrap {
 width: 100%;
 float: none;
 overflow: hidden;
}

#htfutxt {
	font-size: 87.5%;
}

#htfumap{
	padding-bottom: 80%;
}

#reserv{
	margin-top: 1em;
	height: 5em;
}

/*contatti.inizio*/
#wrapper{
	width: 100%;
	height: 100%;
	/*border: 1px solid blue;*/
}

#alto{
	font-size: 87.5%; 
	text-align: center;
}

#fenix{
	font-size: 1.375em; 
	text-align: center;
}

#sinistra{
	float: none; 
	margin-right: 0;
}

#centro{
	float: none; margin-right: 0; margin-top: 0;
}

#destra{
	float: none; 
	margin-top: 0;
}


#formcontatti {
 margin-top: 1.5em;
}

fieldset {
 height: 100%;
}

legend {
 font-size: 87.5%;
 margin-left: 1em;
}

label, input, textarea {
 font-size: 87.5%;
 clear: both;
}

label {
	margin-left: 1em;
}



input, textarea{
 width: 100%;
 float: none;
 margin:auto;
}

textarea {
 height: 8em;
}

#submit {
 margin-top: 1em;
 float: right;
 clear: both;
}
/*contatti.fine*/
#vuoto{
	display: none;
}

}
/*risoluzione piccola*/
/**/


/**/
/*risoluzione media*/
@media only screen and (min-width: 321px) and (max-width: 480px) {

body {
 margin-top: 0.5em;
 /*border-top: 2px solid blue;*/
}

#langs {
 max-width: 90%;
}

#main {
 max-width: 90%;
 margin: auto;
}


#topbox {
 /*border: 1px solid red;*/
 padding: 1% 1%;
 width: 97%;
 height: 3em;
 margin: auto;
}

#llogo {
 height: 100%;
 width: 100%;
 background: url(images/llogom.png) no-repeat center;
 /*border: 1px solid black;*/
 background-size: contain;
}

#mnavwrapper{
	display: block;
}

#footer {
 max-width: 90%;
 text-align: center;
 /*border: 1px solid black;*/
}

#socialcontainer{
	text-align: center;
	float: none;
	margin: auto;
}

#footright{
	text-align: center;
	float: none;
	clear: both;
	padding-top: 1em;
}

.accapo{
	display: block;
}

#upright{display: none;}



#welcome {

}


/*profilo*/

#profwrap {
 width: 100%;
 /*border: 1px solid blue;*/
 float: none;
 font-size: 87.5%;
}

#makwrap {
 width: 100%;
 float: none;
 overflow: hidden;
}

#htfutxt {
	font-size: 87.5%;
}

#htfumap{
	padding-bottom: 70%;
}

#reserv{
	margin-top: 1em;
	height: 8em;
}

/*contatti.inizio*/
#wrapper{
	width: 100%;
	height: 100%;
	/*border: 1px solid blue;*/
}

#alto{
	font-size: 87.5%; 
	text-align: center;
}

#fenix{
	font-size: 1.375em; 
	text-align: center;
}

#sinistra{
	float: none; 
	margin-right: 0;
}

#centro{
	float: none; margin-right: 0; margin-top: 0;
}

#destra{
	float: none; 
	margin-top: 0;
}


#formcontatti {
 margin-top: 1.5em;
}

fieldset {
 height: 100%;
}

legend {
 font-size: 87.5%;
 margin-left: 1em;
}

label, input, textarea {
 font-size: 87.5%;
 clear: both;
}

label {
	margin-left: 1em;
}



input, textarea{
 width: 100%;
 float: none;
 margin:auto;
}

textarea {
 height: 8em;
}

#submit {
 margin-top: 1em;
 float: right;
 clear: both;
}
/*contatti.fine*/
#vuoto{
	display: none;
}

}
/*risoluzione media*/
/**/




/**/
/*risoluzione medio-grande*/
@media only screen and (min-width: 481px) and (max-width: 800px){
body{
	margin-top: 1em;
	/*border-top: 2px solid green;*/
}

#langs {
 max-width: 85%;
}

#main {
 max-width: 85%;
 margin: auto;
}


#llogo {
 height: 100%;
 width: 100%;
 background: url(images/llogom.png) no-repeat center;
 background-size: contain;
}

#upright {
	display: none;
}


#mnavwrapper{
	display: block;
}

#footer {
 max-width: 85%;
 text-align: center;
 /*border: 1px solid black;*/
}

#socialcontainer{
	text-align: center;
	float: none;
	margin: auto;
}

#footright{
	text-align: center;
	float: none;
	clear: both;
	padding-top: 1em;
}

.accapo {
	display:block;
}
	
/*profilo*/

#profwrap {
 width: 100%;
 /*border: 1px solid blue;*/
 float: none;
 font-size: 93.75%;
}

#makwrap {
 max-width: 500px;
 width: 100%;
 float: none;
 overflow: hidden;
 margin: 1em auto 0 auto;
}

#protofade{
	
}
#protofade img{
	
	max-width: 100%;
	width: 100%;
}

#reserv{
	margin-top: 2em;
	height: 15em;
}

#htfutxt {
	line-height: 150%;
}

#htfumap{
	padding-bottom: 60%;
}

/*contatti.inizio*/
#wrapper{
	width: 100%;
	height: 100%;
	/*border: 1px solid blue;*/
}

#alto{
	font-size: 100%; 
	text-align: center;
	line-height: 1.4em;
}

#fenix{
	font-size: 1.5em; 
	text-align: center;
}

#sinistra{
	float: none; 
	margin-right: 0;
}

#centro{
	float: none; margin-right: 0; margin-top: 0;
}

#destra{
	float: none; 
	margin-top: 0;
}


#formcontatti {
 margin-top: 1.5em;
}

fieldset {
 height: 100%;
}

legend {
 font-size: 93.75%;
 margin-left: 1em;
}

label, input, textarea {
 font-size: 93.75%;
 clear: both;
}

label {
	margin-left: 1em;
}

input, textarea{
 width: 100%;
 float: none;
 margin:auto;
}

textarea {
 height: 8em;
}

#submit {
 margin-top: 1em;
 clear: both;
 float: right;
}
/*contatti.fine*/
#vuoto{
	display: none;
}

#oflow{
		max-width: 80%;
		width: 80%;
		margin: auto;
}

}
/*risoluzione medio-grande*/
/**/


/**/
/*risoluzione grande*/
@media only screen and (min-width: 801px) and (max-width: 1024px){
body{
	/*border-top: 2px solid purple;*/
}

#langs {
 max-width: 85%;
}

#main {
 max-width: 85%;
 margin: auto;
}

#topbox{
	height: 4.8em;
}

#navigation {
	display: block;
}

#llogo {
 height: 70%;
 width: 100%;
 background: url(images/llogo.png) no-repeat top;
 /*border: 1px solid black;*/
 background-size: contain;
}

#upright{
	top: 4em;
}


#welcome {

}


#footer {
 max-width: 85%;
}

/*profilo*/

#profwrap {
 width: 100%;
 /*border: 1px solid blue;*/
 float: none;
 font-size: 93.75%;
}

#makwrap {
 max-width: 500px;
 width: 100%;
 float: none;
 overflow: hidden;
 margin: 2em auto 1em auto;
}

#reserv{
	height: 15em;
}

#htfutxt {
	line-height: 150%;
}


/*contatti.inizio*/

#wrapper{
	width: 70%; 
	height: 100%; 
	text-align: center; 
	margin: auto; 
	margin-top: 10px;
	overflow: hidden;
}

#sinistra{
	float: none;
	margin-right: 5%;
}

#centro{
 float: left; margin-top: 0; margin-right:0;
}

#destra{
	float: right;
	margin-top: -3.5em;
}

.accapo2{display:block;}

#formcontatti {
 margin-top: 2em;
 width: 90%;
 /*border: 1px solid red;*/
}

fieldset {
 height: 100%;
}

#errorcontainer{
	font-size: 75%;
}

/*contatti.fine*/
#vuoto{
	/*display: none;*/
}

#oflow{
	width: 166.7%;
	margin-left: -33.4%;
}

}
/*risoluzione grande*/
/**/

@media only screen and (min-width: 1025px){
#main{
	height: 650px;
}

#navigation{
	display: block;
}

#content{
	height: 490px;
}


#profwrap{
	margin-top: 3em;
}

#makwrap{
	margin-top: 2.5em;
}

#htfutxt {
	line-height: 150%;
}

#oflow{
	width: 166.7%;
	margin-left: -33.4%;
}


}