﻿body {
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "bitstream vera sans" , "trebuchet ms" ,verdana;
	background: #d2cdba url('images/sfondo1.gif') repeat-x;

	}
#border {
	border: 1px aqua solid;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
/* get rid of those system borders being generated for A tags */
a:active {
	outline: none;
}
a:hover {
	color: red;
}
a {
	color: green;
	font-style: italic;
}
/* root element for tabs  */
ul.css-tabs {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 35px;
	background: url('images/menu.png');
}
/* single tab */
ul.css-tabs li {
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}
/* link inside the tab. uses a background image */
ul.css-tabs a {
	/* background: url('../images/Tab1.png') no-repeat -420px 0;*/
	font-size: 13px;
	font-style: normal;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 134px;
	text-align: center;
	text-decoration: none;
	color: white;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
}
ul.css-tabs a:active {
	outline: none;
}
/* when mouse enters the tab move the background image */
ul.css-tabs a:hover {
	color: orange;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.css-tabs a.current, ul.css-tabs a.current:hover, ul.css-tabs li.current a {
	cursor: default !important;
	background-image: url('images/menu_select.png');
	background-repeat: no-repeat;
	background-position: center;
    

	/*color: #000 !important;*/
}
/* Different widths for css-tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.css-tabs a.s {
	background-position: -553px 0;
	width: 81px;
}
ul.css-tabs a.s:hover {
	background-position: -553px -31px;
}
ul.css-tabs a.s.current {
	background-position: -553px -62px;
}
/* width 2 */
ul.css-tabs a.l {
	background-position: -248px -0px;
	width: 174px;
}
ul.css-tabs a.l:hover {
	background-position: -248px -31px;
}
ul.css-tabs a.l.current {
	background-position: -248px -62px;
}
/* width 3 */
ul.css-tabs a.xl {
	background-position: 0 -0px;
	width: 248px;
}
ul.css-tabs a.xl:hover {
	background-position: 0 -31px;
}
ul.css-tabs a.xl.current {
	background-position: 0 -62px;
}
/* tab pane */
.css-panes {
	background: url('images/content.png');
	border-top: 0px;
	margin: 0px;
	text-align: left;
	padding: 10px 15px 15px 15px;
}
.css-panes p {
	font-size: 13px;
}
.css-panes a {
	font-size: small;
	margin: 5px;
}
.css-panes a:hover {
	color: red;
}
/* initially all panes are hidden */
div.panes div.pane {
	display: none;
}
/* accordion header */
.css-panes h2 {
	background: #ccc url('images/row.gif') no-repeat;
	margin: 0;
	padding: 5px 25px;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	border: 1px white solid;
}
/* currently active header */
.css-panes h2.current {
	cursor: default;
	background: #ccc;
}
/* accordion pane */
.css-panes div.pane {
	display: none;
	height: auto;
	padding: 10px;
	color: navy;
	font-size: 13px;
	border: 1px gray solid;
}
/* a title inside pane */
.css-panes div.pane h3 {
	font-weight: normal;
	margin: 0 0 -5px 0;
	font-size: 15px;
	font-style: italic;
	color: green;
	border-bottom: 1px green solid;
}
.css-panes div.pane a {
	font-size: 14px;
	font-weight: bold;
}
.css-panes div.pane a:hover {
	font-size: 14px;
	font-weight: bold;
	color: Red;
}
#head {
	width: auto;
	height: 250px;
}
#select_language {
	position: relative;
	left: 355px;
	top: 179px;
	width: 76px;;
}
#select_language img {
	height: 25px;
	margin-right: 3px;
	border: 0px;
}
#logo {
	width: auto;
	height: 97px;
	background-image: url('images/content_logo.png');
	margin-bottom: 5px;
}
.flash {
	margin-top: 8px;
	margin-right: 5px;}

#logo img {
	padding: 15px 0px 0px 5px;
}
#content_top {
	background-image: url('images/content_top.png');
	background-repeat: no-repeat;
	height: 25px;
}
#content_botton {
	background-image: url('images/content_botton.png');
	background-repeat: no-repeat;
	height: 25px;
}
#footer {
	color: #333333;
	font-size: 11px;
}
#overlay {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent.png');
	color: #efefef;
	height: 450px;
	font-size: small;

}
#overlay1 {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent_agency.png');
	color: #efefef;
	height: 300px;
	font-size: small;
}
#overlay2 {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent_agency.png');
	color: #efefef;
	height: auto;
	font-size: small;
}
#overlay3 {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent.png');
	color: #efefef;
	height: 450px;
	font-size: small;
}
#overlay4 {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent_agency.png');
	color: #efefef;
	height: 450px;
	font-size: small;
}
#overlay5 {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent.png');
	color: #efefef;
	height: 450px;
	font-size: small;
}
#overlay6 {
	background-image: url('http://www.adriaticoweb.com/booking_online/images/transparent.png');
	color: #efefef;
	height: 450px;
	font-size: small;
}

