/*
 * Project:	sporthotel
 * Author:	Tomas -kozleek- Musiol (tomas.musiol@gmail.com)
 * Date:	4.9.2008 21:18:42
 * 
 */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body{ height: 100%; }

body{
	margin: 0; padding: 5px 0px 0px 0px;
	text-align: center;
	background: white;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6, form { margin:0; padding: 0; }

.font-verdana{ font-family: Verdana, "Trebuchet MS", sans-serif !important; }
.font-courier{ font-family: "Courier New", Courier, sans-serif !important; }
.font-times{ font-family: "Times New Roman", Times, serif !important; }
.font-arial{ font-family: Arial, Helvetica, sans-serif !important; }

.hide{ display: none; }

.cleaner{
	clear: both;
	visibility: hidden;
	height: 1px;
	border: none;
	margin: -1px 0 0 0; padding: 0px;
}

a:hover{
	text-align: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#envelope{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background: white;
	border: 1px solid #dddddd;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header-env{
	width: 100%;
	margin-bottom: 12px;
}

#header{
	width: 100%;
	height: 100px;
	background: white;
	position: relative;
}

#logo{
	width: 200px;
	height: 80px;
	position: absolute;
	top: 5px;
	left: 10px;
	background: white;
}

#logo a img{
	border: none;
}

#header-info{
	width: 160px;
	height: 57px;
	position: absolute;
	top: 25px;
	right: 0px;
	background: white;
}

#languagues{ width: 150px; height: 30px; text-align: right; }
#languagues img{ margin-right: 3px; }
#languagues a img{ border: 0px; }
#languagues img.last{ margin-right: 0px; }

span.sitemap_and_camera{
	display: block;
	width: 93px;
	height: 36px;
	float: left;
	_margin-right: -3px;
	line-height: 18px;
}

span.sitemap_and_camera a{
	font-size: 11px;
	color: black;
}

span.weather{
	display: block;
	width: 65px;
	height: 36px;
	margin-left: 93px;
	_margin-left: 90px;
}

span.weather a img{ margin-top: 6px; border: 0px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu{
	width: 100%;
	height: 30px;
	background: #8C8C8C url('../img/layout/menu-bg.png') repeat-x;
}
#menu_padding{
	padding: 2px 0px 3px 3px;
}
	
#menu a{
	font-size: 11px;
	line-height: 16px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#banners-env{
	width: 100%;
	height: 200px;
	font-size: 0px;
}

.banner, .image-effect-header img {
	width: 500px;
	height: 200px;
}

#banner1{
	float: left;
	_margin-right: -3px;
}

#banner2{
	margin-left: 500px;
	_margin-left: 497px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#navigation-env{
	float: left;
	width: 209px;
	background: white;
	_margin-right: -3px;
}

#navigation{
	padding: 0 12px;
}

#news-env{
	width: 180px;
	background: white url('../img/layout/news-bg.png') repeat-x;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

#news{
	padding: 10px;
}

div.news-image{
}

div.news-image img{
	width: 150px;
	padding: 3px;
	background: white;
	border: 1px solid #dddddd;
	margin: 5px 0px 0px 0px;
}

.hdr, .hdr a{
	font-family: "Times New Roman", Times, serif !important;
	font-size: 20px;
	color: #013366;
	margin-bottom: 12px;
	font-weight: normal;
	text-decoration: none;
}

#squares .hdr {
	color: #013366;
	font-size: 18px;
}

/*
#news h2, #packages h2, #packages h2 a{
	font-size: 20px;
	color: #013366;
	margin-bottom: 12px;
	font-weight: normal;
}
*/

.item h3{
	font-size: 11px;
	margin: 6px 0px 6px 0px;
}

.item h3 a{
	color: #1761AA;
	text-decoration: none;
}
.item h3 a:hover{
	text-decoration: underline;
}

.item p{
	font-size: 11px;
	line-height: 1.4em;
}

p.muchmore{
	font-size: 11px;
	text-align: right;
	margin: 6px 0px 12px 0px;
	font-weight: bold;
}

p.muchmore a{
	color: green;
	text-decoration: none;
	letter-spacing: .1em;
}
p.muchmore a:hover{
	text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#packages h2{
	margin-left: 12px;
}

#packages .picture img{
	border: 1px solid #DDDDDD;
	width: 178px;
	height: 118px;
}

#packages .picture a img{ border: 0px; }

#packages p.muchmore{
	margin-right: 10px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content-env{
	width: 791px;
	height: auto;
	margin-left: 209px;
	_margin-left: 206px;
	background: white;
}

#content{
	width: 778px;
}

.content a{
	color: #15589b;
}
.content a:visited{
	color: #1865b1;
}
.content a:hover{
	color: #00e800;
}

#basic-info a, #squares a {
	color: #000000;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#basic-info-env, #page-env{
	width: 100%;
	min-height: 145px;
	_height: 145px;
	border: 1px solid #DDDDDD;
	background: white url('../img/layout/basic-info-bg.png') repeat-x top;
	margin-bottom: 12px;
}

#basic-info, #page{
	padding: 10px;
}

#page{
	padding: 20px;
}

#basic-info h2, #page h2{
	font-size: 20px;
	margin: 0px;
	margin-bottom: 12px;
	color: #247E20;
	font-weight: normal;
}

#basic-info .picture img, #page .picture img{
	width: 150px;
	height: 113px;
	float: left;
	background: white;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-right: 20px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.square-left, .square-right{
	width: 380px;
	height: 310px;
	background: white url('../img/layout/square-bg.png') repeat-x;
	margin-bottom: 12px;
	border: 1px solid #DFDFDF;
}

.square-left{
	float: left;
	_margin-right: -3px;
}

.square-right{
	width: 382px;
	margin-left: 394px;
	_margin-left: 391px;
}

#one, #two, #three, #four{
	padding: 12px;
	height: 276px;
	overflow: hidden;	
}

#squares p{
	margin-bottom: 6px;
}

#squares .picture img{
	width: 150px;
	height: 112px;
	padding: 5px;
	background: white;
	border: 1px solid #DFDFDF;
	float: left;
	margin-right: 10px;
}

#squares p.detail{
	text-align: right;
	margin: 12px 0px;
}

#squares p.detail a{
	color: #1C4977;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer-env{
	background: white url('../img/layout/footer-bg.png') repeat-x top;
}

#footer{
	padding-top: 30px;
}

#footer p{
	font-size: 11px;
}

#partners-env{
	width: 700px;
	float: left;
	_margin-right: -3px;
}

#partners{
	margin-left: 24px;
}

#partners h5{
	padding: 0 15px 45px 0;
	float: left;
	font-size: 18px;
	color: #013366;
	font-weight: normal;
}

.partner-logo{
	float: left;
}

.partner-logo a img{
	border: 0px;
}

#copyright-env{
	position: relative;
	width: 300px;
	height: 80px;
	margin-left: 700px;
	_margin-left: 697px;
	text-align: right;
}

#copyright{
	position: relative;
	right: 12px;
}

#copyright p a{
	color: #666666;
}

#netnews{
	position: relative;
	top: 25px;
	right: 0px;
}

#netnews a img{
	border: 0px;
}

#banner{
	background-color: #EBEBEB;
	text-align: center;
}

#certifications-env{
	width: 700px;
	_margin-right: -3px;
}

#certifications{
	padding: 5px 0 10px 24px;
}

#certifications h5{
	padding: 0 0 45px 0;
	float: left;
	font-size: 18px;
	color: #013366;
	font-weight: normal;
}

.certification-logo{
	float: left;
	margin: 0 0 0 15px;
}

.certification-logo a img{
	border: 0px;
}