/* =============================================================================
   Base
   ========================================================================== */
body { 
	line-height: 1.4;
	color: black;
}


iframe{
  padding:0px;
  margin:0px;
  border: 0px
}

@media screen and (max-width: 400px) {
	#logo{
		max-width: 250px;
	}
}

/* =============================================================================
   Links
   ========================================================================== */
a { color: #000; text-decoration:none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   Trasferimenti.php
   ========================================================================== */


.trasferimento{
	border:1px solid #cccccc;
	background: #ffffff;
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:10px;
}


/* =============================================================================
   ristoranti.php
   ========================================================================== */


.ristorante{
	border:1px solid #cccccc;
	background: #ffffff;
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:10px;
}



/* =============================================================================
   ricerca.php
   ========================================================================== */


.hotel{
	border:1px solid #cccccc;
	background: #ffffff;
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:10px;
}




/* =============================================================================
   Trasferimento.php
   ========================================================================== */

.red{
	border:1px solid red;
}

.cartello_img {
	background: url("../images/bg_cartello.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
	width:140px;
	height:178px;
	margin:0 0 -15px 34%;
}
#cont_cartello {
	float: right;
	font-size: 11px;
	font-family:'open_sanssemibold', arial;
	height: 60px;
	margin: 9px 33px 0 0;
	overflow: hidden;
	text-align: center;
	text-transform:uppercase;
	width: 92px;
}



/* colonne per eventuale impaginazione */

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {clear: none;display: inline;float: left;margin: 0 20px 0 0;padding: 0;position: relative;}

.one-col {width: 60px;}
.two-col {width: 140px;}
.three-col {width: 220px;}
.four-col {width: 300px;}
.five-col {width: 380px;}
.six-col {width: 460px;}
.seven-col {width: 540px;}
.eight-col {width: 620px;}
.nine-col {width: 700px;}
.ten-col {width: 780px;}
.eleven-col {width: 860px;}
.twelve-col {width: 940px;margin-right: 0;}
.clear {clear: both;}
.last-col {margin-right: 0;}


/* GLOBAL WEB FORMS */

#webform label {color: #555;}
#webform p {clear: both; margin: 8px 0;}
#webform p input {border: 1px solid #d4d4d4; padding: 5px; color: #555;}
#webform select {margin: 0 5px 0 0; border: 1px solid #d4d4d4; padding: 5px;}
#webform select option {padding: 0 5px;}
#webform input, #webform textarea {border: 1px solid #d4d4d4; margin: 5px 0 0 0; padding: 4px;}
#webform input:focus, #form select:focus, #form textarea:focus {border: 1px solid #fc9257;}
#webform textarea:focus {color: #777;}


input[type="text"]{
	border: 1px solid #d4d4d4; padding: 5px; color: #555;height:24px;
}

select{
	border: 1px solid #d4d4d4; height:24px;
}



/* vari */

/* sfondo pagamento */
#sfondopagamento{
  background:#e9f5f7;
  width:100%;
  padding:6px;
}


/* box sopra */

.separatoreofferte{
	border-top:3px solid #FFCA6E;
	width:99%;background:#FAF1D4;padding:5px;
}

.nascosto{
	display:none;
}



.ui-tabs-nav {
	height: 40px;
}



/* ---------------  HOME PAGE ---------------- */

#centroricercahome img{width:100%} 
#centroricercahome{
	position:absolute;z-index:999999;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

#titoloricerca{
	color:#fff;
    font-size: 40px !important;
}

@media screen and (max-width: 400px) {
	#titoloricerca{
		color:#fff;
    	font-size: 25px !important;
	}
}



#ricercacentrale{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ccc;
	border-radius: 4px;
	height:auto;
	padding:15px;
	background: rgba(255, 255, 255, 0.9);  
	/* Explorer 5.5 -> 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
	/* Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)";
}


/*  EFFETTI HOVER SULLE IMMAGINI */

.overlaysemplice:hover{
    opacity: 0.5; filter: alpha(opacity=50);
}

/* hover con contenuto */

.property { position: relative; }
.property-thumb { display: block;  overflow: hidden;  }
.property-thumb .overlay { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; opacity: 0; filter: alpha(opacity=0); border-radius: 7px 0 0 7px;
		-webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -ms-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;
		font-size:17px; color:#ffffff !important;
}

.property-thumb:hover .overlay { opacity: 1; filter: alpha(opacity=100); }
.property-thumb .overlay span { 
	display: inline-block; position: relative; top: 80px; padding: 5px 10px; border-radius: 5px; border: 2px solid #ffffff;
}





.attenzione{
	background:red;
	padding:2px;
	color:#ffffff;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gratis{
	background:#75D164;
	padding:4px;
	color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}




/* ---------------- FOOTER ---------------- */
#footer{
	color:#ffffff;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}


#footer h2,#footer li,#footer a{
	color:#ffffff;
}

#subfooter{
    padding-top:10px;
    padding-bottom:10px;
	color:#ffffff;
}

#subfooter a, #subfooter p{
	color:#ffffff;
}





#fluttuante{
    border:2px solid #cccccc;
    background:#fff;
    z-index:99999999999999;
}

#fluttuante h3{
    background:orange;
    color:#fff;
}


.tag{
    background:#f5f5f5;
    color:#000;
    padding:6px;
    margin:6px;
}

.tag a{
    color:#000;
}

.tagsel{
    background:#6B91A6;
    color:#fff;
    padding:6px;
    margin-right:3px;
}

.tagsel a{
    color:#fff;
}



#breacrumb{
	height:40px;
	padding:10px;
	color:#fff;
	margin-bottom:20px;
}

#breacrumb a{
	color:#fff;
}


/* home */

.rcentralefield{
	font-size:15px;
	font-color:#000;
	font-weight:bold;
}


.pagetable td{
	background:#fff;
	width:20px;
	height:20px;
	padding:5px;
    border:1px solid #ccc;
}

.bianco{
	background:#ffffff !important;
}


/* servizi */


.prezzorosso{
    color:#000;
    font-size:26px;
}

.prezzorossoeuro{
    color:#000;
    font-size:20px;
}

.adultirosso{
    color:#000;
    font-size:20px;
}

.sfondobianco{
	background: #fff;	
}


.servizio{
    background:#fff;
    margin-bottom:20px;
    border:1px solid #ccc;
}


.prenotaservizio{
	 border:1px solid #005685;
	 padding:5px;
}

.prezzosx{
	border-right:1px solid #ccc;
	padding:10px;
}


.box-big .price-big .interi {
	font-size:4em
}

.box-big .price-big .decimali,.box-small .price-small .interi {
	font-size:2em
}

.box-small .price-small .decimali {
	font-size:1.3em
}




/**  EVENTI  **/


table.calendar {
		width: 100%;
	}
	table.calendar thead {
		zoom: 1;
	}
	table.calendar thead tr {
		zoom: 1;
	}
	table.calendar thead th.month {
		border-bottom: 1px solid #bbb;
		font-weight: bold;
		font-size: 120%;
		zoom: 1;
	}
	table.calendar thead th.month a {
		border: none;
		position: relative;
		top: 5px;
		margin: 0 10px;
		zoom: 1;
	}
	table.calendar th, table.calendar td {
		width: 14.3%;
		text-align: center;
	}
	table.calendar tbody td, table.calendar tbody th {
		border: 1px solid #ddd;
		border-top-color: #fff;
		border-left-color: #fff;
	}
	table.calendar strong {
		font-size: 140%;
	}
	table.calendar .inactive {
		color: #aaa;
	}
	table.calendar div.items a {
		border: 0;
		margin: 0 1px;
	}
	table thead td {
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #d5d5d5;
		background: #ddd url("../images/thead.gif") repeat-x;
		text-shadow: #fff 0 1px 0;
	}

	.tid {
		border: 1px solid #000;
		text-align: center;
		font-size: 14px;
		height: 40px;
	}
	.tid2 {
		border: 1px solid #000;
		text-align: center;
		font-size: 14px;
		height: 40px;
		background-color: #cecece;
	}

	.evento{
		border:1px solid #ccc;
		background: #f2f2f2;
		margin-bottom: 10px;
	}