*{ font-size: 100.01%; line-height: 1.1; margin: 0; padding: 0;}

body {
    font-size: 62.5%;
	font-family:Verdana, Tahoma, Arial, Serif;
	margin:10px;
background: #fff url(images/body.png) repeat center top;
}

a { color:#156497; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }

a.side { color:#156497; text-decoration:none; }
a:hover.side { color:#000; text-decoration:underline; }

a.news { color:#156497; text-decoration:none;}
a:hover.news { color:#aaa; text-decoration:underline; }

a.navigation{display: block; color:#000; text-decoration:none; padding: 3px;  margin-bottom:-11px; margin-left: -4px; border-left: 3px solid #ddd;}
a:hover.navigation {display: block; color:#156497; background-color: #ddd; text-decoration:none; padding: 3px; margin-bottom:-11px; margin-left: -4px; border-left: 3px solid #fff;}

.navigation a {display: block; text-transform: uppercase; text-align: center; padding: 2px; text-decoration:none;}
.navigation a:hover {display: block; text-transform: uppercase; text-align: center; background-color: #156497; color:#ffffff; text-decoration:none;}

a.white { color:#fff; text-decoration:none; padding: 0px 3px;}
a:hover.white { color:#156497; background-color: #efefef; text-decoration:none; padding: 2px 3px 5px 3px;  }

form { margin:0px 0px 0px 0px; }

hr { height:1px; color:#156497; }
hr.side-hr { height:1px; color:#156497; width: 50px; margin: 4px auto}

td { font-family:Verdana, Tahoma, Arial, Serif; }
div { font-family:Verdana, Tahoma, Arial, Serif; }

pre { font-family:Verdana, Tahoma, Arial, Serif; font-size:1em; }

.alt { color:#666; }

.white-header {
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1.2em;
	height:22px;
	color:#fff;background-color:#156497;
	padding:2px 4px 2px 4px;
}

.full-header {
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1em;
	/*border-bottom: 1px white solid;*/
}

.button {
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1em;
	color:#000;background-color:#fff;
	padding:1px 2px 1px 2px;
	border: 1px #156497 solid;
	margin-top:2px;
}

.textbox {
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1em;
	color:#000;background-color:#eee;
	border:1px #156497 solid;
}

.main-body {
    font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1.1em;
	padding:0px 4px;
}

.side-body {
    font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1.1em;
	padding: 5px;
	width: 190px;
	/*	margin:5px;
	border: 1px #156497 solid; */
}

.main-bg { padding:10px;
		padding-top: 30px;
		background-color:#ffffff;
		border-left: 2px #156497 solid;
		border-right: 2px #156497 solid;
		position: relative;
		background-image: url("/themes/ocean_new/images/chachari_pozadi.jpg");
		background-repeat: no-repeat;
		background-position: center 250px;
		}

.main-bg .side-body {
	width: auto;
}

.main-bg img.forum {
	max-width: 500px;
	width:expression(this.width > 500 ? "500px" : this.width);
}

.border {background-color: #efefef; padding: 0px;}

.side-border-left { padding:0px; vertical-align: top;}
.side-border-right { padding:0px; margin:0px; vertical-align: top;}

.news-footer {
 color:#000;
	padding:2px 4px 4px 4px;
}

.news-date {
    font-family:Verdana, Tahoma, Arial, Serif;
	font-size:0.9em;
	padding:2px 2px;
	color:#888;
}

.barmain {
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1em;
 color:#000;
	padding:4px 4px 4px 4px;
}

.capmain {
	font-family:'Lucida Grande', 'Trebuchet MS', Serif;
	font-size:1.5em;
	font-weight: bold;
	padding-top: 5px;
	color:#156497;
}

.scapmain {
	font-family:'Lucida Grande', 'Trebuchet MS', Serif;
	font-size:1.5em;
	font-weight: bold;
	/*
	background-color:#156497;
	color:#ffffff;
	border: 1px #156497 solid;
	*/
	color:#156497;
	border-top: 1px #156497 solid;
	border-bottom: 1px #156497 solid;
	width: 100%;
}

.tbl-border { background-color:#efefef;}
div .tbl-border { border: 1px solid #efefef; }
.tbl { padding:4px; }
.tbl1, div .tbl1 { color:#000000; background-color:#ffffff; padding:4px; }
.tbl2, div .tbl2 { color:#000000; background-color:#f6f6f6; padding:4px; }

.forum-caption {
	font-family:'Lucida Grande', 'Trebuchet MS', Serif;
	font-size:1.3em;
	font-weight: bold;
	color:#156497;background-color:#e5e5e5;
	padding:4px;
}

.quote {
	color:#000;background-color:#eee;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:1px #ccc solid;
}

.poll { height:15px; border:1px #000 solid; margin: 2px; }

.comment-name { font-weight:bold; color:#666; }

.shoutboxname { font-weight:bold; color:#666; }
.shoutbox { color:#666; }
.shoutboxdate { font-size:1em; color:#000; }

.small { font-size:1em; font-weight:normal; }
.small2 { font-size:1em; font-weight:normal; color:#666; }
.side-small { font-size:1em; font-weight:normal; color:#000; }
.side-label { border-top: 1px #666 dotted; border-bottom: 1px #666 dotted; padding:4px; margin: 1px -3px; }
img {border:0px;}
.gallery { padding: 16px 0px 8px 0px; }
.gallery img { }
.gallery:hover img { border: 1px solid black; }
img.activegallery { border: 1px solid green; }

#videa table {
     width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	border: 2px #156497 solid;
}

#videa td {
     border: 1px #156497 solid;
     padding: 3px;
}

#online table {
     border-collapse: collapse;
     margin: 0 auto 0 auto;
}

#online td {
     border: 1px #156497 solid;
     padding: 0.3em 0.3em 0.3em 0.3em;
}

#stav table {
     margin: 0 auto 0 auto;
}

#stav td {
	text-align: center;
	font-size: 2em;
	padding: 0.3em 0.3em 0.3em 0.3em;
}

.c1 {
	background-color: #e5e5e5;
}

.c2 {
     background-color: #f6f6f6;
}

#online .b {
     font-weight: bold;
}

#logo img {
	border: none;
}
#logo {
	height: 200px;
}

td.awec_empty, td.awec_dayofweek {
	text-align: center;
}

td.awec_current a, td.awec_content a {
	display: block;
	text-align: center;
}

.corner_l {
	width: 10px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
}

.corner_r {
	width: 10px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 0px;
	
}

.bottom {
	font-family:Tahoma;
	height: 200px;
	text-align: center;
	background-image: url("/themes/ocean_new/images/bottom-bg.jpg");
}

#bottom2 .scapmain {
	color: #efefef;
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	border-bottom:1px #efefef solid;
	border-top: 0px;
}



.bottom2  {
	color: #ffffff;
	font-size: 10px;
	height: 190px;
	margin: 5px auto 0px auto;
}
#bottom2 .side-body, #bottom2 .side-body a, #bottom2 .side-body .side-small {
	color: #ffffff;
	width: auto;
}

#bottom2 .side-body .side-label {
	border-color: #efefef;
}

.bottom-header {
	color: #ff1a76;
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	border-bottom:1px #ff1a76 solid;
	padding:4px 4px 4px 10px;
}

.topmenu {
/*	float: left; */
	position: absolute;
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:1.2em;
	color:#fff;
	background-color:#156497;
	padding:2px 4px 2px 4px;
/*	width: 192px; */
/*	filter: Alpha(opacity=80); 
	opacity: .8;
*/	height: 54px;
	=height: 58px;
	width: 536px;
	=width: 566px;
	font-weight: bold;
	line-height: 1.5;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-top: -60px;
	
	margin-left: -10px;
	margin-right: -10px;
	=margin-left: -10px;
	=margin-right: -20px;
	z-index: auto;
}

.topmenu a.white {color:#fff; text-decoration:none; padding: 1px; filter: Alpha(opacity=140); opacity: 1.4;}
.topmenu a:hover.white {color:#156497; background-color: #efefef; text-decoration:none; padding: 1px;  filter: Alpha(opacity=140); opacity: 1.4;}

#next_game {
	/*	float: left; */
	position: absolute;
	left: 335px;
	text-align: center;
	color:#fff;
	background-color:#efefef;
/*	width: 192px; */
	filter: Alpha(opacity=80); 
	opacity: .8;
	width: 300px;
	border-bottom: 1px solid #156497;
	border-left: 1px solid #156497;
	border-right: 1px solid #156497;
	z-index: auto;
}

#next_game td {
	filter: Alpha(opacity=120); 
	opacity: 1.2;
}

.scapmainx {
     text-align:center;
	position: relative;
}

.sortHelper
{
	border: 2px dashed #666;
	width: auto !important;
}
.serializer
{
	clear: both;
}

.sort_title {
	cursor: move;
}

.sort_side p
{
	/*height: 1px;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.sort_panel
{
	margin-bottom: 5px;
}

.plus_img {
	cursor: pointer;
}

.contentdate {
	background: #FFFFFF url(/images/icons/date.gif);
	float: left;
	width: 45px;
	height: 50px;
	margin: 0px;
	margin-right: 1em;
	padding: 0px;
	}

	

.contentdate h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}

	

.contentdate h4 {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 4px 0px 0px;
	margin: 0px;
	text-align: center;
	}
	
.postspace {
	background: #EFEFEF url(/images/icons/spacer.gif);
	width: 480px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}

#odkazy {
	text-align: center;
	color: #AECCEB;
}
#odkazy a {
	color: #AECCEB;
}

#order_delivery input { width:250px; margin: 2px; font-size: 11px; }
#order_delivery select { width:400px; margin: 2px; font-size: 11px; }
#order_delivery textarea{ width:350px; margin: 2px; font-size: 11px; }
#order_table { width: 95%!important;}

#twitter_div ul li { 
	list-style-type: none;
	margin-bottom: 8px;
	}
#twitter_div ul li a { display: block; text-align: right; }
#twitter_div ul li span a { display: inline; text-align: left;}

table.tbl {
	width:100%;
	border-collapse: collapse;
	border: 1px #156497 solid;
}
table.tbl td { padding: 5px; }
table.tbl th {
	padding: 5px;
	text-align: center;
	background: #156497;
	color: #ffffff;
	font-weight: bold;
	}