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

}


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

.barratrans{
    background: #008D03; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left, #000000 0%, #008D03  50%, #008D03  51%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#008D03 ), color-stop(51%,#008D03 ), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #000000 0%,#008D03  50%,#008D03  51%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #000000 0%,#008D03  50%,#008D03  51%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #000000 0%,#008D03  50%,#008D03  51%,#000000 100%); /* IE10+ */
background: linear-gradient(to right, #000000 0%,#008D03  50%,#008D03  51%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008D03', endColorstr='#008D03',GradientType=1 ); /* IE6-8 */
}


#inserzionista{
	font-family: 'blackchanceryregular';
	font-weight:normal;
	padding-top: 5px; padding-bottom: 5px;
	margin-bottom:5px;
	line-height:1;
}
.grande{
font-size:42px;
}
.medio{
font-size:54px;
}
.piccolo{
font-size:60px;
}

@media screen and (max-width: 480px) {
.grande{
	font-size:36px;
}

.medio{
	font-size:30px;
}

.piccolo{
	font-size:36px;
}
}


p{ color:#ffffff;}

/* =================  #Home #Contatti ======================*/

#Contatti h1{
	font-size:45px;
	font-weight:normal;
}

#Contatti{
	text-align: center;
	padding:10px;
	margin-top:20px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:10%;
	color:#ffffff;
	}
#Contatti b{
	font-size:1.25em;
	line-height: 4;
	}
	
.testotel {
    font-family: Verdana,'Arial Black','sans-serif';
    font-size: 34px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.testotel a:link {
    color: #cebd6e;
    text-decoration: none;
}
.testotel a:visited {
    color: #cebd6e;
    text-decoration: none;
}

.oro {
    color: #cebd6e;
}

#Titolo{
	font-family: 'blackchanceryregular';
	font-size:50px;
	font-weight:normal;
}
@media screen and (max-width: 767px) {

	#Contatti{
		margin-top:20px;
		margin-left:1%;
		margin-right:1%;
		}
		
	#Contatti h1{
		font-size:32px;
	}
		
}

@media screen and (max-width: 480px) {
.testotel {
    font-size: 22px;
    padding-left: 5px;
    padding-right: 5px;
}
}

/* ====================== VIDEO ==============================*/

#player {padding-top: 20px;}

#player_a { margin: 0px auto;}

.pulsantevideo{
font-family: Verdana,'Arial Black','sans-serif';
margin-left: 20px;
width: 40px;
height: 40px;
padding: 0px;
font-weight:bold;
border:0px #000;
color:#000;
}

.pulsantevideo:hover{
    font-family: Verdana,'Arial Black','sans-serif';
margin-left: 20px;
width: 40px;
height: 40px;
padding: 0px;
font-weight:bold;
border-color:#000;
color:#000;
}

.buttoncontainer{
margin: 20px 10px 20px 10px;
text-align:center;

}
/* ====================== GALLERIA ==============================*/
    

div.gallery-row {margin-top:20px; }
div.gallery-item { float: left; height: 196px; border: 1px solid #000000;display:table-cell; }
div.gallery-item img { display: block; width: 100%; height: auto; }

#galleriafoto{
	margin-top: 15px;
	text-align:center;
	color:#ffffff;
	}

#GalleryContainer{
	padding: 15px 0 15px 6%;
}
/*======================== SIDE BAR =============================*/
.navbar{margin-bottom: 0px;}



#sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 20px;
}
#sidebar .nav {
  width: 95%;
}
#sidebar li {
  margin-bottom:12px;
  color:#000;
  text-align: right;
}

.nav > li > a {
position: relative;
display: block;
padding: 22px 15px;
}


#sidebar li a{
  color:#fff;
  
}

.navbar-default {
  background-color: #000000;
  border-color: #000000;
}

@media screen and (max-width: 1200px) {
	#sidebar li a{
	padding: 13px 17px;
	}
}
/* collapsed sidebar styles */
@media screen and (max-width: 767px) {

  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -64%;
  }
  .row-offcanvas-right.active {
    right: 50%;
  }
  .row-offcanvas-left.active {
    left: 60%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;
  }
  #sidebar {
    background-color:#000000;
    padding-top:0;
    margin-top: 20px; margin-left: 20px;
  }
  #sidebar .nav>li {
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2E2E2E;
  }
  #sidebar .nav>li:first-child {
    border-top:0;
  }
  #sidebar .nav>li>a {
    /*color: #ddd;*/
  }
  #sidebar .nav>li>a>img {
    max-width: 14px;
  }
  
  body{ background-image:none; background-color:#000;}
	#sidebar li{text-align: center;}
	#GalleryContainer{
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 2%; 
	padding-right: 0px; 
}
/*div.gallery-item a { border:2px ridge; border-color:<%=colore_sito%>;}*/
  
  
  
  
  
  /*div.gallery-item { height: 184px; }*/
}

@media screen and (max-width: 480px) {
#galleria{width:100%;padding:0;margin:0;}


}
	
		
.navbar-default .navbar-brand {
	color:#ffffff;
}

.navbar-default .navbar-brand:hover{
	color:#fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus	{
	background-color: #ffffff;
	color:#000000;
}

.navbar-default .navbar-toggle {
	border-color: #ffffff;
}
			
		

 #phonewap{
	background-image: url(../../img/iphone5.jpg); 
	background-repeat: no-repeat; 
	background-position: center; 
	height:670px;	
	padding-top:110px;
 }
 
 .wapcont{
vertical-align: top;
height: 450px;
width: 250px;
background-color: #FFFFFF;
text-align: center;
font-size: 13px;
font-family: serif;
color: #000000;
font-weight: normal;
margin: 0 auto;
 }
 
 .wapcont #wapnome {
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 2px 0px 2px 4px;
margin: 0px 0px 0px 0px;
line-height: 16px;
color: #FFFFFF;
 }
 


.enter{
	width:310px;
	height:55px;
margin:0 auto;

}

#skypebox {
width: 100%; height: 100%;
background: url(../img/skypebg.png) no-repeat center #0099ff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}