/*
Theme Name: H.Vela
Theme URI: http://www.hotelvela.com/
Description: Hotel Vela Custom Theme
Version: 1.1
Author: MACCOM
Author URI: http://www.maccom.it/
*/


body{
	margin: 0px;
	padding: 0px;
	text-align: center;	
	width: 100%;
	background: url(images/bg_sfondo.jpg) repeat-y center;
}

#page{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* contenitori */

#head{
	width: 850px;
	background-image: url(images/bg_sfondo.jpg);
	background-repeat: repeat-y;
	height: 130px;
	padding: 0px;
	margin: 0px auto;   /*centra negli altri browsers*/
   text-align: left;   /*ripristina l' allineamento*/
}

#menu{
	width: 850px;
	height: 25px;
	padding: 0px;
	margin: 0px auto;   /*centra negli altri browsers*/
   text-align: left;   /*ripristina l' allineamento*/
	background-image: url(images/bg_sfondo.jpg);
	background-repeat: repeat-y;
}

#sfuma{
	width: 850px;
	height: 20px;
	padding: 0px;
	margin: 0px auto;   /*centra negli altri browsers*/
   text-align: left;   /*ripristina l' allineamento*/
}

.submenu{
	width: 850px;
	height: 15px;
	margin: 0px auto;   /*centra negli altri browsers*/
   text-align: left;   /*ripristina l' allineamento*/
}

.center{
	width: 850px;	
	display: block;
	padding: 10px 0 0 0;
	margin: 0px auto;   /*centra negli altri browsers*/
   text-align: left;   /*ripristina l' allineamento*/
	overflow: visible;
}

.centerfoot{
	width: 100%;
	height: 25px;
	clear: both;
}

.bottom{
	width: 850px;
	height: 50px;
	background-image: url(images/bg_sfondo.jpg);
	background-repeat: repeat-y;
	margin: 0px auto;   /*centra negli altri browsers*/
   text-align: left;   /*ripristina l' allineamento*/
	clear: both;
	padding:0;
}

/* fine contenitori */




/* menu */

#menu ul{
	list-style-type: none;
	margin: 0 0 0 55px;
	padding: 0;
}

#menu li{
	float: left;
	margin: 0;
	padding:0;
}

#menu a{
	display: block;
	width: 75px;
	line-height: 25px;
   text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: Black;
}

li#uno a{
	background-image: url(images/1.jpg);
	background-repeat: no-repeat;
}

li#due a{
	background-image: url(images/2.jpg);
	background-repeat: no-repeat;
}

li#tre a{
	background-image: url(images/3.jpg);
	background-repeat: no-repeat;
}

li#quattro a{
	background-image: url(images/4.jpg);
	background-repeat: no-repeat;
}

li#cinque a{
	background-image: url(images/5.jpg);
	background-repeat: no-repeat;
}

li#sei a{
	background-image: url(images/6.jpg);
	background-repeat: no-repeat;
}

li#sette a{
	background-image: url(images/7.jpg);
	background-repeat: no-repeat;
}

li#otto a{
	background-image: url(images/8.jpg);
	background-repeat: no-repeat;
}

li#nove a{
	background-image: url(images/9.jpg);
	background-repeat: no-repeat;
}

#menu li a:hover{
	background-position: -75px 0;
	color: White;
}


.bandiera {
	float: right;
	width: 120px;
	padding:0;
	margin: 0;
}

.bandiera li{
	margin: 0 0 0 5px!important;
	padding: 0; 
}

#uk a, #uk a:hover{
	background-image: url(images/uk.gif);
	background-repeat: no-repeat;
	background-position: center!important;
	width: 24px;
	margin: 0;
	padding: 0;
}

#de a, #de a:hover{
	background-image: url(images/de.gif);
	background-repeat: no-repeat;
	background-position: center!important;
	width: 24px;
	margin: 0;
	padding: 0px;
}

/* fin de menu */




/* contenuti */

.destro{
	float: right;
	width: 355px;
	/*height: 350px;*/
	text-align: right;
	margin: 0;
	padding: 0;
}

.destro img{
	margin: 0 55px 0 0;
	padding: 0;
	border: none;
}

.indestro{
	width: 355px;
	/*height: 100px;*/
	text-align: center;
}

.indestro img{
	margin: 20px 55px 0 0 ;
}

.trip{
	width: 170px;
	/*border: 1px solid red;*/
	margin: 20px 0 20px 72px;
}


.sinistro{
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align: left;	
}

.sinistro p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin: 0 0 10px 55px;
	padding: 0;
	line-height: 18px;
}

.mapa{
	margin: 10px 0 10px 55px;
}

/* fine contenuti */




/* texto */

p{
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin: 0;
	padding: 0;
	line-height: 1.5em!important;
	color: #333;
	letter-spacing: normal;
}

h1{
	background: url(images/logo.jpg) no-repeat 55px 20px;
	display: block;
	margin:0;
	text-indent: -1000px;
	padding: 0;
	line-height: 110px;
}

h2{
	font-size: 25px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-weight: normal;
	margin: 0 0 20px 55px;
	padding:0;
	text-align: left;
	color: #666;
	letter-spacing: normal;
	width: 300px;
}

h3{
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 10px 55px;
	padding: 0px;	
}

h4{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 10px 55px;
	padding: 0px;
	color: #999;
	line-height: 1.5em!important;
}

.sottotitolo{
	list-style-type: none;
	margin: 0 0 20px 55px;
	padding: 0;	
}

.sottotitolo li{
	background: url(images/s_titoli.gif) no-repeat top left;
	width: 300px;
	padding: 0 0 0 14px;
	/*margin: 0 0 20px 55px;*/
	margin: 0;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
}

a{
	color: Black;
	text-decoration: underline;
}

a:hover{
	color: Black;
	text-decoration: none;
}

/* fine texto */




/* footer */

.dx{
	float: right;
	width: 550px;
	height: 50px;
	text-align: right;
	padding: 0;
	margin: 0;
}

.sx{
	float: left;
	width: 200px;
	height: 50px;
	text-align: left;
	padding: 0 0 0 55px!important;
	margin: 0;
}

.sx img {
	margin: 10px 10px 0 0;
	border: none;
}

.sx a{
	text-decoration: none;
}

.dx p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px 55px 0 0;	
}

.dx a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px 10px 0 0;
	color: Black;
	text-decoration: underline;
}

.dx a:hover{
	color: Black;
	text-decoration: none;
}

/* fine footer */



/* tabella tariffe */

table{
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 50px;
	padding: 0;
}

td{
	padding:  5px 0 5px 10px;
	height: 35px;
}

.colore1{
	background: #f5f0f0;
}

.colore2{
	background: #f0e8e8;
}

.sup{
	line-height: 30px;
	background: transparent;
	padding: 0!important;
}

.inf{
	line-height: 30px;
	border: none;
	background: transparent;
	padding: 0!important;
	text-align: center;
}

/* fine tabella tariffe */





/* contatti */

#bullets{
	list-style-type: none;
}

#bullets li{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding: 0 0 0 20px;
	background: url(images/bullet.gif) no-repeat left center;
	margin: 0 0 0 15px;
}

.entrytext ol li{
        font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
        margin: 0 0 15px 40px;
}

	/* intouch */

.intouch{
	width: 320px;
	border: 1px solid #996666;
	height: 520px;
	margin: 0 0 0 55px!important;
	padding: 10px 0 0 0;
}

label{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.intouch div#usermessage {
			margin-bottom: 10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
			text-align: center;
			font-size: 11px!important;
			font-weight: bold;
			color: #996666;
			background: #f5f0f0!important;
			height: 15px;
		}
		

.inputfield{
	margin: 5px 0 5px 0;
}

.inputfield input{
	width: 100px;
	margin: 0;
	padding: 0;
	border: 1px solid #996666;
	background-color: #f5f0f0;
}

.inputfield textarea {
	width: 150px;
	height: 100px;
	margin: 3px 0 0 0;
	padding: 0;
	border: 1px solid #996666;
	background-color: #f5f0f0;
}

.inputfield b, .horde b{
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #996666;
}

.horde{
	width: 320px;
	padding:0!important;
	margin: 0!important;
}

.horde p{
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: 10px;	
	margin: 0 15px 0 20px!important;
	padding: 0!important;
	line-height: 1.5em!important;
	letter-spacing: normal;
}

.horde input{
	margin: 0 0 0 20px;
	padding: 0;
}

#Submit{
	width: 70px;
	margin: 0 0 0 75px;
	padding: 0;
	background-color: #f5f0f0;
	border: 1px solid #996666;
	text-align: center;
}

.resetbutton{
	width: 70px;
	margin: 0;
	padding: 0;
	background-color: #f5f0f0;
	border: 1px solid #996666;
	text-align: center;
}

.inputfield input:focus, .inputfield textarea:focus{
	background-color: #fff;
	padding: 0;
}

	/* fine intouch */

/* fine contatti */




/* ristorante */

.risto{
	list-style-type: none;
	margin-bottom: 0px;
}

.risto li{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding: 0 0 0 20px;
	background: url(images/bullet6.gif) no-repeat left center;
	margin: 0 0 20px 15px;
	text-decoration: none;
}

.risto li a:hover{
	color: #669999;
}

.sotto{
	list-style-type: none;
	margin-top: 0;
}

.sotto li{
	margin: 0 0 0 20px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding: 0 0 0 15px;
	text-decoration: none;
}
/* fine ristorante */




/* dove siamo */

#dove{
	list-style-type: none;
	margin-bottom: 30px;
}

#dove li a{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding: 0 0 0 20px;
	background: url(images/bullet9.gif) no-repeat left center;
	margin: 0 0 0 15px;
	text-decoration: none;
}

#dove li a:hover{
	color: #990000;
}

/* fine dove siamo */




/* submenu */

.submenu ul{
	list-style-type: none;
	margin: 0 0 0 55px;
	padding: 0;
}

.submenu ul li{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	
}

.submenu ul li a{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background: url(images/submenu.gif) no-repeat right center;
	padding: 0 15px 0 0;
}

.submenu li a:hover{
	text-decoration: underline;
	color: #ccc;
}

/* fine submenu */




/* x stampare */

#printlogo{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #949494;
	display: none!important;
}

/* fine x stampare */

#adsense{
	position: relative;
	top: 80px!important;
	top: /**/ 40px;
}

div#map {
	margin-left: 65px;
}