/* CSS Document */
*{
outline: none;
}

body {
	background: #1666a8 url(/images/clouds.jpg) no-repeat top;
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5551;
}

h1, h2, h3 {
	text-transform: uppercase;
}

h1 { font-size: 25px; color: #5a5551;}
h2 { font-size: 22px; color: #5a5551;}
h3 { font-size: 16px; color: #5a5551;}

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

.infobox { font-size: 18px; color: #5a5551; text-transform: uppercase;}

ul, ol {
	margin-top: 0;
	line-height: 20px;
	text-align: justify;
}

blockquote { }

a { color: #1666a8;text-decoration: none; }
.contacts a { color: #5a5551;text-decoration: none; }


a:hover {}

a img {
	border: none;
}

#hometop {width:99px; height:48px; background: url(/images/home_top.png) no-repeat 0 0; top: 0px; left: 396px;  float: inherit; z-index: 1; }

.rezervation {height:64px; padding: 0px 0px 0px 100px; margin: 3px 0px 0px 5px;}

#bt_bowling {background: url(/images/bt_bowling.jpg) no-repeat 0 0;}
#bt_squash {background: url(/images/bt_squash.jpg) no-repeat 0 0;}
#bt_hotel {background: url(/images/bt_hotel.jpg) no-repeat 0 0;}
#bt_restaurant {background: url(/images/bt_restaurant.jpg) no-repeat 0 0;}

.rezervation p {}
.rezervation .RHead { font-size: 22px; color: #5a5551; margin: 0px; padding: 15px 0px 0px 0px;}
.rezervation .RText { font-size: 12px; color: #5a5551; margin: 0px; padding: 2px 0px 0px 0px;}

#rezervation a, #rezervation a:hover { color: #5a5551; text-decoration: none; }


#wrapper{width:1000px; margin:0 auto;}
#wrapper #logoWrapper{position:relative;width:1000px; height:126px; margin:0 auto;}
#wrapper #logoWrapper .logo{padding:2.6em 1em; width:216px; height:64px; float:left;}
#wrapper #logoWrapper .languages{padding:2.6em 1em; width:260px; height:64px; float:right;}
#wrapper #logoWrapper .languages .flags{width:100px; float:left; margin-top:2em; border-right:1px solid #b1bfcb;}
#wrapper #logoWrapper .languages .contacts{width:140px; float:right; margin-top:2em;}
#wrapper #logoWrapper .languages .contacts span{color:#4e4e4e; font:normal 10px Arial, Helvetica, sans-serif;}
#wrapper #logoWrapper .languages .flags span{color:#4e4e4e; font:normal 10px Arial, Helvetica, sans-serif;}
#wrapper #headerWrapper{width:1000px; height:300px; margin:0 auto; background-color:#efede9;}
.vez {width:39px; height:48px; position:absolute; bottom:-9px; left:440px; background: url("../images/vez.png") no-repeat } 
#wrapper #headerWrapper .headerImg{width:715px; height:282px; margin:0; padding:9px; float:left;}
#wrapper #headerWrapper .headerContent{width:232px; height:275px; margin: 0; color:#5a5551; padding:1em 1.4em; float:right; background: url(/images/headerContent_bg.jpg) no-repeat 0 0;}
#wrapper #headerWrapper .headerContent h1, p{margin-top:20px;}
#tubol hah{width:247px; height:67px;}
#wrapper #menuWrapper{width:1000px; height:54px; background-color:#efede9; margin-top: 1px;}
#wrapper #container{width:1000px; margin-top:10px;}
#wrapper #container .leftBox{width:300px; height:140px; background:url(/images/olympia_08.jpg) 0 0 no-repeat; float:left; padding:20px;  overflow: hidden; }
#wrapper #container .leftBox p{color:#FFFFFF; width:70%;}
#wrapper #container .leftBox h2{color:#FFFFFF;margin: 0;}
#wrapper #container .centerBox{width:300px; height:140px; background:url(/images/olympia_10.jpg) 0 0 no-repeat; float:left; margin-left:1.9em; padding:20px;  overflow: auto; }
#wrapper #container .centerBox p{color:#FFFFFF; width:70%;}
#wrapper #container .centerBox h2{color:#FFFFFF;margin: 0;}
#wrapper #container .rightBox{width:237px; height:140px; background:url(/images/olympia_12.jpg) 0 0 no-repeat; float:right; padding:20px;}
#wrapper #container .rightBox p{color:#FFFFFF; width:70%;}
#wrapper #container .rightBox h2{color:#FFFFFF;  margin: 0; }
#wrapper #footer{width:1000px; height:35px; background-color:#efede9; margin-top: 1px; float:left;}
#wrapper #footer p{color:#5a5551; font:normal 11px Arial, Helvetica, sans-serif;  margin-top: 0px;  padding: 10px 10px 0 10px; }
#wrapper #seobar{width:1000px; height:45px; background-color:#efede9; margin: 1px 0px 10px 0px; float:left;}
#wrapper #lista {color:#5a5551; font:normal 10px Arial, Helvetica, sans-serif;  margin-top: 0px;  padding: 10px 10px 0 10px; }

#wrapper #container #containerWrapper{width:960px; background-color:#eeede9; padding: 20px; float:left;}
#wrapper #container #containerWrapper h1#subHeading{padding-left:4em; padding-top:0px; display:block; background:url(images/reservationButton.jpg) 0 0 no-repeat; font:16px bold Arial, Helvetica, sans-serif;}

#firstpage {width:965px; padding: 20px 15px 20px 20px; background-color:#eeede9; float:left;}
#firstpagetext {width:700px; display:block; float:left;}
#firstpagenews {width:250px; display:block; float: right; }


#ShowBoxHead{
	padding: 0px 0px 0px 0px;	
	margin: 10px 0px 7px 0px;
	display: block;
}

#ShowBoxContent{
	padding: 0px 0px 0px 0px;	
	margin: 10px 0px 7px 0px;
	display: block;
	background-color: #d9d7ce;
	border-left: 5px solid #9c9880;
	}

.NewsHead {
	padding: 5px 5px 1px 7px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #3e3e3e;
}

.NewsText {
	padding: 1px 5px 5px 7px;
	margin: 0px 0px 2px 0px;
	font-size: 12px;
	font-weight: normal;
}

.NewsText p{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

.NewsIn {
	padding: 0px 10px 0px 10px;
}


/* OLYMPIA MENU START */

.olympiaMenu{
margin: 0;
padding: 0;
text-transform: uppercase;
float: left;
font: normal 12px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 0px;
margin-left: 8px;
}

.olympiaMenu li{
display: inline;
}

.olympiaMenu li a{
float: left;
color: #43413e;
padding: 12px 10px;
margin-top:0.6em;
margin-right: 0.4em;
text-decoration: none;
}

.olympiaMenu li a:visited{

}

.olympiaMenu li a:hover, .olympiaMenu li .current{
color: #ffffff;
background: #3f95c1;
}

/* END OLYMPIA MENU */


/* ------------------------------------------------ START BUTTONS RESERVTION CSS ----------------------------------------------------- */
.buttonsReservations{
width: 236px;
height:60px;
background-color:#e1ddda;
overflow: hidden;
}

.buttonsReservations ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.buttonsReservations li{
display: inline;
margin: 0;

}

.buttonsReservations li a{
width:47px;
height:47px;
float: left;
display: block;
text-decoration: none;
margin: 0.5em;
padding: 0px; /*padding inside each tab*/
color: white;
background:url(/images/icon_hotel.jpg) 0 0 no-repeat;
}

.buttonsReservations li a:visited{
color: white;
}

.buttonsReservations li a:hover, .buttonsReservations li.selected a{
background:url(/images/icon_hotel_over.jpg) 0 0 no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* ------------------------------------------------------ END OF BUTTONS RESERVTION CSS -------------------------------------------------------- */


table
{
border-collapse:collapse;
}

table,th, td
{
border: 1px solid #5a5551;
}

table, td, th
{
border: 1px solid #5a5551;
}

th
{
background-color: #3f95c1;
color: #ffffff;
font-weight: bold;
}

td,th
{
padding: 5px 8px 5px 8px;
}

.1gfoto{
	border: 5px solid #ffffff;
	padding: 0px;
	margin: 5px 15px 15px 5px;
	border-bottom: 40px solid #ffffff;
}

#lista {padding: 0px 0px 0px 0px; color: #5a5551;}
#lista a {color: #a59e9a; text-decoration: none; padding: 0px 3px 0px 3px;}
#lista a.active {color: #5a5551; text-decoration: none;}
#lista a:hover {color: #5a5551; text-decoration: none;}


.foto{
	text-align: center;
	padding: 5px;
	margin: 5px 15px 15px 5px;
	float: left;
	background-color: #fff;
	width: 200px;
	height: 180px;	
}

.foto p{
	text-align: center;
	padding: 10px;
	margin: 0px;
}