/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Magra:400,700);
/* STRUTTURA */
html, body {
	margin:0px;
	padding:0px;
}

body {
	overflow-y:scroll;
	margin:0px;
	padding:0px;
	text-align:center;
	background:#c9c0b1;
	background-image:url(../img/bg/tramonto.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
  -webkit-font-smoothing: antialiased;
	
}


img {
	border:0;
}

a {
	text-decoration:none;
	color:inherit;
}

.cb {
	display:block;
	line-height:1px;
	height:1px;
	width:100%;
	clear:both;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

#framer {

	background-image:url(/img/bg-75.png);
	background-position:center top;
	background-repeat:no-repeat;
	
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-height:800px;
}

#container {
	display:block;
	position:relative;
	width:1000px;
	margin-top:100px;
	height:900px;
	margin:auto;
	clear:both;
}

#header {
	display:block;
	clear:both;
	height:450px;
}

#logo {
	display:block;
	position:absolute;
	left:5px;
	top:100px;
	z-index:100;
}

#title {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	margin:0px;
	padding:10px;
	text-align:right;
	z-index:99;
	font-size:50px;
	line-height:45px;
}

/* @MONITOR */
#monitor {
	display:block;
	position:absolute;
	top:90px;
	left:220px;
	height:350px;
	width:760px;
	background-color:#dae3e5;
	border:3px solid #e4e8e9;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;
}
#monitor div img {
	height:350px;
	width:760px;
	background-size:cover;
	background-position:center center;
}

#content {
	display:block;
	position:absolute;
	top:90px;
	left:220px;
	height:350px;
	width:760px;
	background-color:rgba(220,230,230,50);
	border:3px solid #e4e8e9;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index:150;
	
	overflow:hidden;
}
#content>* {
	margin:10px;
}

.box {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	width:250px;
	height:180px;
	background-color:#dae3e5;
	border:3px solid #e4e8e9;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;
	
	box-shadow:0 0 3px rgba(0,0,0,.5);

}


#left {
	left:450px;
	top:460px;
}

#right {
	left:730px;
	top:460px;
-webkit-transition:  1s; /* For Safari 3.1 to 6.0 */
transition:  1s;
z-index:200;
	
}
#right:hover {
height:630px;
top:10px;
position:absolute;

	box-shadow:0 0 20px rgba(0,0,0,.8);
	
}

.right {
	float:right;
	margin-left:10px;
	clear:right;
}
.left {
	float:left;
	margin-right:10px;
	clear:left;
}

#sigest {
	display:block;
	position:fixed;
	bottom:0px;
	left:0px;
	float:left;
}

#footer {
	display:block;
	position:absolute;
	left:auto;
	right:auto;
	width:1000px;
	top:643px;
	z-index:200;
	display:none;
	
}/* TYPO */
body {
	color:#514B4F;
	/*text-shadow: 2px 2px 1px #000;*/
	line-height:1em;
	font-size:0.85em;
	font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
}

/* @FONT CURSIVE*/
h1, h2, h3{
	font-size:0.8em;
	font-family:Magra
,Geneva,Arial;
	font-weight:normal;
	margin:0;
	padding:0;
	/*text-shadow:.03em .03em .05em #000;*/
	line-height:1em;
}

h4, h5, h6 {
	font-family:Magra
,Geneva,Arial;
	font-weight:normal;
	margin:10px;
	margin-left:20px;
}

h1 {
}
h2 {
	margin-left:10px;
	display:block;
	font-size:2em;
	margin-bottom:10px;
	white-space:nowrap;
}
h3 {
	display:block;
	font-size:1.2em;
	white-space:nowrap;
	margin-top:3px;
	margin-bottom:3px;
	border-bottom:1px solid #333;
}
h4 {
	font-size:1.5em;
	white-space:nowrap;
}
h5 {

	font-size:1.3em;
	white-space:nowrap;
}
h6 {
	font-size:1.2em;
	white-space:nowrap;
	margin-bottom:5px;
}
p, td, th {
	margin-top:5px;
	font-size:12px;
}

tr:nth-child(odd) {
background-color:rgba(255,255,255,.20);
}
tr:nth-child(even) {
background-color:rgba(100,100,100,.10);
}
#title {
	font-size:2em;
	text-shadow:0px 0px 2px white,1px 1px 0px white,-1px -1px 0px white,-1px 1px 0px white,1px -1px 0px white,0px 1px 0px white,1px 0px 0px white,1px 1px 20px white;
}
#menu {
	font-family:Magra
,Geneva,Arial;
	font-weight:normal;
	color:white;
	margin:0;
	padding:0;
	padding-top:10px;
	font-size:1.2em;
	color:#514B4F;
}
#content {
text-align:justify;
}


#content .itemtitle {
	font-size:2em;
	line-height:20px;
	margin-bottom:0px;

	padding:0px;
}

/* @MENU */
#menu {
	display:block;
	position:absolute;
	top:45px;
	left:230px;
	z-index:200;
	text-align:right;
	z-index:200;
}

#menu>ul {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	padding-left:0px;
}

#menu ul li{
	display:block;
	overflow:visible;
	float:left;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	transition: 300ms;
	-webkit-transition: 300ms;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#menu>ul>li{
	border:3px solid rgba(180,192,195,0);
	border-bottom:3px solid rgba(180,192,195,0)!important;
	border-left:1px solid rgba(180,192,195,0) !important;
	border-right:1px solid rgba(180,192,195,0) !important;
	margin-top:10px;
	height:18px;
	padding-top:3px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(180,192,195,50);
	border:3px solid white;
	border-left:1px solid white !important;
	border-right:1px solid white !important;
	margin-right:3px;
	box-shadow:0px -5px 2px rgba(0,0,0,.30);
	
	
}
#menu>ul>li:hover {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(180,192,195,50);
	border:3px solid white;
	border-left:1px solid white !important;
	border-right:1px solid white !important;
	margin-top:2px;
	padding-bottom:8px;
	box-shadow:0px -2px 2px rgba(0,0,0,.30);
	/*box-shadow:0 0 10px #000, inset 0 0 3px #000;
	box-shadow:inset 0 0 10px #232323,inset 0 0 5px #000;*/
	transition: 500ms;
	-webkit-transition: 500ms;
}

#menu>ul>li ul {
	display:block;
	position:absolute;
	height:0px;
	padding:10px;
}

#menu > ul > li > ul {
	height:0px;
	height:auto;
	opacity:0;
	-webkit-opacity:0;
	filter:alpha(opacity=0);
	transition: 300ms;
	-webkit-transition: 300ms;
}

#menu > ul > li:hover ul {
	height:inherit;
	opacity:1;
	-webkit-opacity:1;
	filter:alpha(opacity=100);
	transition: 1000ms;
	-webkit-transition: 1000ms;
}

#menu ul li ul li{
	display:block;
	clear:both;
	width:90%;
	margin:0px;
	text-align:left;
	border:3px solid white;
	padding:10px;
	font-size:80%;
	line-height:60%;
	background-color:rgba(180,192,195,50);
	margin-bottom:2px;
}

#menu ul li ul li:hover{
	background-color:rgba(80,80,80,50);
	color:#FFFFFF;
	
	transition: 1000ms;
	-webkit-transition: 1000ms;
}

/* MAIN */

/*#main h2 {
	display:block;
	background-image:url('/img/menu-bg.jpg');
	background-repeat:repeat;
	background-position:left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	height:40px;
	overflow:visible;
	box-shadow:0 0 10px #000, inset 0 0 3px #000;
	font-size:3.9em;
	margin-bottom:20px;
}*/
#main p {
	margin:0 5px 0 5px;
	text-align:justify;
}

#prefooter thumb {
}/*THUMBNAILS*/

.thumb, .room {
	display:block;
	overflow:visible;
	position:relative;
}


.thumb img, .room img {
	display:block;
	margin:0px;
	padding:0px;
	line-height:0px;
	border:1px solid #AEAEAE;
	text-shadow:2px 2px 5px rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:block;
	overflow:hidden;
	width:120px;
	height:60px;     
	margin:0px;
	padding:0px;
	line-height:0px;
	background-size:cover;
	background-position:center top;
}
 
.room img {
-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
filter: gray; filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
	border:2px solid #DCE6E6;
	text-shadow:0px 0px 10px rgba(255,255,225,1);
}

.room:hover img {
	-webkit-filter:none;;
	-moz-filter:none;
	filter:none;
	border:2px solid white;
}

.thumb h3, .thumb b {
	position:absolute;
	z-index:200;
	bottom:-10px;
	text-align:center;
	width:120px;
	font-size:1.3em;
	line-height:35px;
	text-shadow:2px 2px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	border-bottom:0px !important;
}

.thumb h3 a {
	display:block;
	clear:both;
	width:100%;
	text-align:left;
}

.thumb h3 a:hover {
	background-color:rgba(255,255,255,.2);
	box-shadow:0 0 10px rgba(255,255,255,.2);
}

#right .thumb {
	margin:0px;
}


.thumb {
	display:block;
	overflow:visible;
	position:relative;
}


.big img {
	display:block;
	margin:0px;
	padding:0px;
	line-height:0px;
	border:1px solid #AEAEAE;
	text-shadow:2px 2px 5px rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:block;
	overflow:hidden;
	width:100%;
	height:200px;     
	margin:0px;
	padding:0px;
	line-height:0px;
	background-size:cover;
	background-position:center center;
	
}

.gallery {
	display:block;
	float:left;
	width:100px;
	height:70px;
	margin-left:5px;
	margin-bottom:7px;
}

.gallery img {
	display:block;
	overflow:hidden;
	width:100px;
	height:70px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#000000;
	margin:0px;
	padding:0px;
	line-height:0px;
	text-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
/*
.gallery:hover img {
	position:absolute;
	z-index:100;
	width:240px;
	height:240px;
	margin-left:-140px;
	margin-top:-100px;
}*/
.gallery b {display:none; 
}.err, .deb, .war, .pop, .wht, .yel {
		background-image:none !important;
    background: none repeat scroll 0 0  rgba(255,255,255,.8);
    border: 1px solid #26B3F7;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 10px  rgba(255,255,255,.8);
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 10px;
    margin: 20px 20px 0px 20px;
}
.yel {
		background-image:none;
    background-color: rgba(255,255,0,.2);
    border-color: #AAAA66;
    box-shadow: 0 0 10px rgba(255,255,0,.8);
}
.err {
		background-image:none;
    background-color: rgba(255,10,0,.2);
    border-color:rgba(255,10,0,.7);
    box-shadow: 0 0 10px rgba(255,10,0,.8);
}
.deb {
		background-image:none;
    background-color: rgba(255,180,0,.2);
    border-color: #FFDD47;
    box-shadow: 0 0 10px rgba(255,180,0,.8);
}
.war {
		background-image:none;
    background-color: rgba(9,160,255,.2);
    border-color: rgba(9,160,255,1);
    box-shadow: 0 0 10px rgba(9,160,255,.8);
}
.pop {
		background-image:none;
    background-color: rgba(0,255,0,.2);
    border-color: #66DD66;
    box-shadow: 0 0 10px rgba(0,255,0,.8);
}
.pin {
		background-image:none;
    background-color: rgba(255,53,187,.2);
    border-color: rgba(255,53,187,1);
    box-shadow: 0 0 10px rgba(255,53,187,.8);
}