/* Adriatico Hotels*/


/* ----------------------------------------------------generale-------------------------------------- */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	background-color:#ececed;
	height:100%;
	color:#605f68;
}
html{
	height:100%;
}
#main{
	width:900px;
	background-color:#FFFFFF;
	height:auto;
	margin:auto;
}
#top{
	width:871px;
	height:60px;
	background-color:#FFFFFF;
	position:relative;
	margin-left:10px;
}
#up{
	width:871px;
	height:320px;
	background-color:#FFFFFF;
	position:relative;
}
#menu{
	float:left;
	display:inline;
	height:60px;
	border-bottom:12px solid #4e94b2;
	padding-left:10px;
	
}
#photoholder {
	width:870px;
	height:250px;
	background:#fff url('/images/loading.gif') 50% 50% no-repeat;
	margin-left:15px;
	margin-bottom:10px;
}
#pic {
	width:870px;
	height:250px;
}

.clearer{
clear:both;
}

p{
	margin:0px;
	padding:0px;
	line-height:16px;
	text-align:justify;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:none;
}

h1{
	font-size:16px;
	color: #306a83;
	font-weight:bold;
	padding:2px;
	margin:0px;
	margin-bottom:15px;
	border-bottom:5px solid #f1f1f1;
}

h2{
	font-size:14px;
	color: #b02b6e;
	font-weight:bold;
}

h3{
	font-size:14px;
	color: #306a83;
	font-weight:bold;
}
h4{
	font-size:14px;
	color: #306a83;
	font-weight:bold;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:14px;
	background-image: url(images/quadra.gif);
}
h5{
	font-size:12px;
	color: #306a83;
	font-weight:bold;
	line-height: 15px;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:14px;
	background-image: url(images/quadra_small.jpg);
	margin-bottom:8px;
}
h6{
	font-size:14px;
	color: #b02b6e;
	font-weight:bold;
	line-height: 15px;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:14px;
	background-image: url(images/quadra_fucsia.jpg);
	margin-bottom:8px;
}

.fucsia{
	color:#b02b6e;
	font-weight:bold;
	font-size:15;
}

.blu{
	color:#306A83;
	font-weight:bold;
	font-size:15;
}
/* -------------------------------- immagini ----------------- */

.left {
	float:left;
	border:dotted 1px #306a83;
	padding:5px;
	margin: 0px}

.right {
	float:right;
	border:dotted 1px #306a83;
	padding:5px;
	margin: 0px;}
	
.immagine{
	border:1px solid #CCCCCC;
	padding:5px;
	margin: 10px 0px 5px 0px;
}

.immagine2{
	border:1px solid #FFFFFF;
	padding:5px;
	margin: 10px 0px 5px 0px;
}
.immagine3{
	border:1px solid #CCCCCC;
	padding:5px;
	margin: 10px 0px 5px 0px;
	margin: 10px 15px 10px 0px;
}
.immagine_menu{
	border:dotted 1px #306a83;
	padding:5px;
	margin: 0px;
}

/* -------------------------------- menu alto ----------------- */


div.menu_top{
	position:relative;
	display:inline;
	float:right;
	height:50px;
	padding:17px 10px 0px 10px;
}

div.menu_top a{
	color: #306a83;
}

div.menu_top a:hover{
	color: #306A83;
}

.cella_menu_top{
	float:left;
	padding:20px 0px 0px 10px;	
	background-position:top right;
}

/* -------------------------------- contenuto ----------------- */

#contenuti{
	width:885px;
	height:auto;
	position:relative;
	padding-left:15px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
}


#cont_sx_home{
	width:300px;
	float:left;
	display:inline;
}
#sx_home1{
	float:left;
	background-image:url(images/onda_azzurra.jpg);
	background-repeat:no-repeat;
	border:1px solid #b2b2b2;
	height:180px;
	width:180px;
	padding:45px 27px 10px 27px;
	text-align:left;
	margin-left:15px;
	margin-bottom:15px;
}
#box_gatteomarevillage{
	float:left;
	background-image:url(images/onda_rosa.jpg);
	background-repeat:no-repeat;
	border:1px solid #b2b2b2;
	background-color:#FFFFFF;
	width:180px;
	height:180px;
	padding:45px 27px 10px 27px;
	margin-left:15px;
}
#box_gatteomarevillage a{
	color:#b02b6e;
}

#content{
	float:left;
	width:380px;
	height:auto;
	margin-left:10px;
	padding:20px;
}


#contenuti_home{
	float:right;
	display:inline;
	width:600px;
	height:300px;
}

.quadrato{
	width:320px;
	height: auto;
	padding:27px 25px 25px 25px;
	float:left;
	background-position:bottom;
	border-left:1px solid #b2b2b2;
	text-align: justify;

}




/* ---------------------------------------------------- menu destra -------------------------------------- */

#menu_dx{
	float:right;
	padding:27px 25px 27px 25px;
	background-color:#f3fbff;
	height:auto;
	margin-right:15px;
}

.box_menu{
	width:130px;
	padding-left:7px;
	min-height:18px;
	text-align:left;
	padding-top:5px;
	border-bottom:1px solid #bfbfbf;
}
.box_menu p{
	font-size:11px;
	font-weight:bold;
	color: #306a83;
}
.box_menu a {
	text-decoration:none;
	color:#605f68;
}
.box_menu a:hover {
	text-decoration:none;
	color:#3b3b3b;
}

/* ---------------------------------------------------- news eventi -------------------------------------- */

#eventi{
	width:140px;
	padding-left:7px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	margin-right:7px;
	margin-bottom:10px;
	border:dotted 1px #306a83;
}
	
/* ---------------------------------------------------- last minute -------------------------------------- */

#lastminute{
	background-color:#f3fbff;
	width:370px;
	padding-left:7px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	margin-right:7px;
	margin-bottom:10px;
	border:dotted 1px #bfbfbf;
}
/* ---------------------------------------------------- menu  sinistra -------------------------------------- */

#menu_sx{
	width:170px;
	min-height:600px;
	background-color: #f3f3f3;
	height:auto;
	float:left;
	display:inline;
	padding:27px;
}

.box_menu2{
	width:170px;
	padding-left:7px;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #bfbfbf;
}
.box_menu2 p{
	font-size:11px;
	font-weight:bold;
	color: #306a83;
}
.box_menu2 a {
	text-decoration:none;
	color:#605f68;
}
.box_menu2 a:hover {
	text-decoration:none;
	color:#3b3b3b;
}

/* ---------------------------------------------------- menu  listino -------------------------------------- */

#menu_listino{
	width:170px;
	height:420px;
	background-color: #dbeaf1;
	height:auto;
	float:left;
	display:inline;
	padding:27px;
}

.box_menu3{
	width:170px;
	padding-left:7px;
	font-weight:bold;
	height:18px;
	text-align:left;
	padding-top:5px;
	border-bottom:1px solid #bfbfbf;
}
.box_menu3 p{
	font-size:11px;
	font-weight:bold;
	color: #b02b6e;
}
.box_menu3 a {
	text-decoration:none;
	color:#b02b6e;
}
.box_menu3 a:hover {
	text-decoration:none;
	color:#b02b6e;
}

/*----------------------------------------------------------------- footer -----------------------------------------*/



#footer{
	width:871px;
	height:85px;
	border-top:8px solid #cfcfcf;
	float:left;
	text-align:center;
	padding-top:5px;
	color:#8A8A8A;
	margin-left:15px;
	margin-top:10px;
}
#footer a{
	color:#5190a7;
	text-decoration:none;
}
#footer a:hover{
	color:#5190a7;
	text-decoration:none;
}