@font-face{
    font-family:'PT Serif';
    src: url('ptf55f-webfont.eot');
    src: url('ptf55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('ptf55f-webfont.woff') format('woff'),
         url('ptf55f-webfont.ttf') format('truetype'),
         url('ptf55f-webfont.svg#PTSerifRegular') format('svg');
    font-weight:normal;
    font-style:normal;
/* PT Serif was released by ParaType Ltd font foundry under open user license which can be found at:
http://www.paratype.com/public/pt_openlicense_eng.asp
http://www.ciceroneberlino.com/css/PT_Free_Font_License_eng_1.2.txt
Original font files can be downloaded at: 
http://www.paratype.com/public/
http://www.ciceroneberlino.com/css/PTSerif.zip
http://www.ciceroneberlino.com/css/PTSerifWeb.zip
For embedding in the pages of this website original font files were reduced in size and limited to characters commonly used in Italian and German language. These webfont files were generated by Font Squirrel (http://www.fontsquirrel.com) on September 17th, 2011. */
}

/* Resets */

*{
	margin:0;
	padding:0;
}
	
a{
	text-decoration:none; /* no more specifications here for datepicker/fancybox */
}

a img{
	border:0;
}

li{
	list-style-type:none;
}

blockquote, q{
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after{
	content:'';
	content:none;
}
	
:active{
	outline:0;
}

html, body{
	display:block!important;
}

/* Fonts */

body{
	font-family:Helvetica,Arial,sans-serif;
}

a#banner, h1, h2, h3, #navi ul li:first-child, #teaser a q{
	font-family:'PT Serif',Georgia,serif;
	font-weight:normal;
	letter-spacing:0.1px;
}
	
#text blockquote{
	font-family:Georgia,serif;
	word-spacing:normal;
}

form, form button, form textarea{
	font-family:Arial,sans-serif;
}

/* Screen stylesheet */

html{
	background:#f5f5f5;
}

body{
	font-size:13px;
	color:#444;
	width:98%;
	min-width:930px;
	max-width:970px;
	margin:12px auto;
	background:#fff;
	box-shadow:0 0 50px #999;
} 

h1{
	margin:0 0 18px;
	font-size:24px;
	line-height:1.46em;
	text-indent:-10px;
}

h1 span{
	padding:0 10px;
	font-size: 19px;
}

h2, h3{
	font-size:19px;
	margin:0 0 16px;
	padding:12px 0 0;
	line-height:1.4em;
}

strong, b, noscript, #high{
	font-weight:bold;
}

b, noscript{
	color:#4a4;
}

#high{
	background:#cfc;
}

#header{
	height:260px;
	background:url('/pics/header.jpg') no-repeat;
}
	
a#banner{
	display:inline-block;
	color:#000;
	padding:20px 5px 44px 170px;
	letter-spacing:1px;
	font-size:19px;
}

#banner span{
	padding:0 1px;
}

#likeit{
	vertical-align:top;
	display:inline-block;
	width:120px;
	margin:23px 0 0;
}

p#intro{
	padding:1px 0 30px;
	margin:-38px 0 0 171px;
}

#intro a{
	color:#009BC2;
	text-decoration:underline;
}

#navi{
	line-height:1.5em;
	background:#7c7c7c;
	padding:6px 0;
	color:#333;
}

#navi ul{
	float:left;
	margin:0 0 0 2%;
}

#navi ul li:first-child{
	line-height:1.6em;
	font-size:15px;
}

#navi a{
	color:#cfc;
	padding:2px 4px;
}

#main{
	width:91%;
	margin:40px auto;
}

#text{
	float:left;
	width:48.5%;
	max-width:460px;
	line-height:1.4em;
}

#text a, #contatti a, #privacy a{
	color:#009BC2;
	border-bottom:1px solid;
}

#text a span{
	border-bottom:0;
}

#text p, #text blockquote, #text ul, #contatti p, #privacy p{
	margin:0 0 18px;
	word-spacing:0.08em;
}

#text blockquote{
	line-height:1.58em;
	font-style:italic;
}

#text li{
	margin:0 0 6px 12px;
}

#text li span{
	margin:0 0 0 -12px;
	width:12px;
}

#teaser{
	float:right;
	width:48.5%;
	max-width:428px;
	margin:-76px 0 0;
}

#teaser img{
	width:100%;
}

#teaser img.noscaling{
	width:428px;
}

#teaser a, #teaser div{
	display:block;
	margin:80px 0 0;
	overflow:hidden;
	line-height:1.4em;
}

#teaser div span{
	padding:8px 6px 0;
	display:inline-block;
	color:#888;
}

#teaser a span{
	padding:10px 6px 0;
	display:inline-block;
	color:#009BC2;
}

#teaser a q{
	font-size:15px;
	display:block;
	padding:3px 4px 6px 34px;
	text-indent:-30px;
	color:#777;
	background:#edefef;
	line-height:1.5em;
}

#contatti{
	background:#f5f5f5;
	padding:0 6px;
}

#contatti a{
	display:inline;
}

#now{
	background:#7c7c7c;
	padding:8px 3.5%;
}

#now a img{
	padding:0 10px 0 0;
	vertical-align:text-bottom;
}

#recommend, #now p{
	display:inline-block;
}

#now p a{
	padding:15px 10px 0 0;
}

#now a span{
	color:#bfb;
}

/*#icons a img{
	padding:1px 1px 0;
}*/

#footer{
	color:#777;
	padding:20px 3.5% 22px;
	line-height:1.4em;
	border-top:1px solid;
}

#footer p{
	padding:0 0 6px;
}

#footer a{
	color:#009BC2;
}

#istanbul a{
	color:#B55347;
}

.clear{
	clear:both;
}

/* Forms */

form{
	margin:0 0 24px;
	background:#ebf4f7;
	padding:10px;
	font-size:13px;
	line-height:1.4em;
}

form label{
	display:block;
	font-weight:bold;
	font-size:12px;
	padding:1px 0;
}

form span{
	display:block;
	margin:0 0 12px;
}

form input{
	border:1px solid #999;
  	width:300px;
	padding:2px;
}

form .calendar input{
	color:#fff;
	padding-left:25px;
	width:277px;
	cursor:pointer;
	background:#777 url('/pics/calendar.gif') no-repeat 2px; 
/* the nice calendar icon was created by David Chambers and can be downloaded at: http://davidchambersdesign.com/tiny-calendar-icon-set */
}

form select{
	color:#fff;
	background:#777;
	border:1px solid #999; 
	width:100px;
	margin-right:3px;
}

form span.persone {
	float:left;
}

form button{
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	margin:0 0 12px -1px;
	height:30px; 
	width:170px;
	border-color:#82CEEE #00A4DE #006394 #37A3D7;
	border-width:1px;
	background:#008BD0;
	border-radius:4px;
	color:#fff;
}

form textarea{
	width:98%;
	height:160px;
	font-size:13px;
	line-height:19px;
	border:1px solid #999;
	padding:2px;
}

/* Mouse-over */

#intro a:hover{
	text-decoration:none;
}

#navi a:hover, #now a:hover span{
	color:#fff;
	text-decoration:underline;
}

#navi a.active{
	color:#95ff95;
	text-decoration:none;
	cursor:default;
}

#text a:hover, #contatti a:hover, #privacy a:hover{
	border-bottom:1px solid transparent;
	color:#b55347;
}

#teaser a:hover span{
	color:#b55347;
}

#footer a:hover, #istanbul a:hover, form button:hover{
	color:#000;
}

/* Print stylesheet */

@media print{

body, #header, a#banner, #main, #text, #teaser, #footer, #hcard-CiceroneBerlino{
	width:100%;
	max-width:100%;
	min-width:100%;
	margin:0;
	padding:0;
	color:#000; 
	font-size:11pt; 
	line-height:normal;
	word-spacing:normal;
	text-align:left;
	background:#fff;
	font-family:Arial,sans-serif;
	float:none;
	height:auto;
	box-shadow:none;
}

noscript, #header div, #header img, #intro, #navi, form, #teaser a, #teaser div, #now, #footer p, .noprint{
	display:none;
}


#teaser a.print, #teaser div.print{
	display:block;
	page-break-inside:avoid;
	margin:0;
}

#teaser a span, #teaser div span{
	display:block;
	margin:5pt 0 15pt;
	padding:0;
	font-size:10pt;
}

h1, h2, h3, b, #text a, #teaser a span, #teaser div span, #footer a{
	color:#444;	
	border-color: #555;
}

a#banner{
	font-size:26pt;
	line-height:26pt;
	margin:0 0 5pt;
	text-transform:none;
}

h1, h1 span, h2, h3{
	font-size:11pt;
	page-break-after:avoid;
	font-weight:bold;
	font-family:Georgia,serif;
	text-transform:none;
	background:0;
	padding:0;
	text-indent:0;
}

h1{
	font-size:16pt;
	border-bottom:1px solid;
}

#text{
	line-height:14pt;
	margin:15pt 0;
	font-family:Georgia,serif;
}

#teaser img, #teaser img.noscaling{
	width:45%;
	page-break-inside:avoid;
}

#hcard-CiceroneBerlino{
	line-height:18pt;
	border-top:1px solid #555;
	margin:15pt 0 0;
}

span.tel{
	display:inline-block;
}

}