/*
-------------------------------------------------------------------
-------------------------------------------------------------------
--- CSS v.2 FILE FOR SMERRPUB SITE CREATED BY MARTIN FUSKO 2009 ---
-------------------------------------------------------------------
-------------------------------------------------------------------
*/

/*
--------------
--- GLOBAL ---
--------------
*/

html {
	height: 100%;
}

body {
	position: relative;
	height: 100%;	
	margin: 0px;
	padding: 0px; /* for Opera */	
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	/* for IE */
	color: #ffffff;
	background-color: #000000;
	background-image: url(/i/body_background.png);	
	background-repeat: no-repeat;
	background-position: center top;	
}

html:first-child body {	/* for Opera 9 */
	font-size: 80%;
}

a {
	color: #ffcd43;
	text-decoration: none;
}

a:hover {
	color: #ffcd43;
	text-decoration: underline;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.separator {
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
}

#over_footer_separator {
	width: 100%;
	height: 100px;
	clear: both;
}

#fixator	{
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}

/*
------------
--- MAIN ---
------------
*/

#main {
	position: relative;
	margin: 0px auto;
	width: 990px;
}

/*
--------------
--- HEADER ---
--------------
*/

#header {
	position: relative;
	height: 319px;
	background-image: url(/i/header_background.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #logo {
	position: absolute;
	top: 19px;
	left: 220px;
	width: 549px;
	height: 104px;
}

#header .flash_box {
	position: absolute;
	top: 123px;
	left: 0px;
	width: 990px;
	height: 196px; 
}

#header #date_box {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 550px;
	height: 19px;
	padding: 5px 0px 0px 0px;  /* top right bottom left */	
	font-size: 80%;
	color: #4e4e4e;
	text-align: right;	/* for IE */	
}

#header #top_sound_box {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 565px;
	height: 73px;
	font-size: 100%;	
	color: #4e4e4e;
}

#header #top_sound_box .top_text {
	font-size: 75%;
}

/*
----------------------
--- MENU_TOP SOUND ---
----------------------
*/

#menu_top_sound {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 80px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu_top_sound li {
	float: left;
	height: 29px;
	margin: 0px;
	padding: 0px 4px 0px 0px;  /* top right bottom left */
}

#menu_top_sound .li_1, #menu_top_sound .li_2 {
	width: 29px;
	background-image: url(/i/menu_top_sound_li_1_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#menu_top_sound .li_2 {
	background-image: url(/i/menu_top_sound_li_2_background.gif);
}

#menu_top_sound li a {
	width: 29px;
	position: absolute;
	height: 29px;
	padding: 0px 4px 0px 0px;  /* top right bottom left */
}

#menu_top_sound li a:hover {
	background-position: left -29px;
}

/*
-----------------------
--- CONTENT_IN_MAIN ---
-----------------------
*/

#content_in_main {
	position: relative;
	width: 990px;	
	background-image: url(/i/content_in_main_background.gif);
	background-repeat: no-repeat;
	background-position: 105px 0px;	
}

/*
----------------
--- COLUMN_1 ---
----------------
*/

#content_in_main .column_1 {
	float: left;
	width: 185px;
	margin: 14px 0px 0px 0px;  /* top right bottom left */	
	padding: 0px;
	border-right: 1px solid #271500;
}

#content_in_main .column_1 #advertise_box {
	/*width: 175px;*/
	width: 179px;
	margin: 20px 0px 0px 0px;
	/*
	padding: 3px 0px 3px 3px;
	*/
	/*
	border-top: 1px solid #271500;	
	border-right: 1px solid #271500;
	*/
	border: 1px solid #271500;
}

/*
--------------
--- MENU_1 ---
--------------
*/

#menu_1 {
	width: 185px;
	margin: 13px 0px 0px 0px;  /* top right bottom left */
	padding: 0px 0px 0px 30px;  /* top right bottom left */
}

#menu_1 li {
	padding: 10px 0px 0px 8px;  /* top right bottom left */
	font-size: 125%;	
	color: #1673c8;
}

#menu_1 a {
	font-size: 85%;
	color: #ffffff;
}

/*
----------------
--- COLUMN_2 ---
----------------
*/

#content_in_main .column_2 {
	float: left;
	width: 780px;
	padding: 0px 0px 0px 24px;  /* top right bottom left */	
	overflow: hidden;
}

* html #content_in_main .column_2 {
	width: 750px;
}


#content_in_main h2 {
	height: 21px;
	margin: 0px 0px 3px 0px;  /* top right bottom left */
	padding: 5px 0px 0px 9px;  /* top right bottom left */
	font-size: 110%;
}

#content_in_main h3 {
	font-size: 135%;
}

#content_in_main .link_more {
	padding-left: 10px;
	color: #ffcd43;
}

#content_in_main .h3_date {
	font-size: 75%;
	color: #f29a24;
}

.content_box_1 {
	float: left;
	width: 476px;
	height: 323px;
	margin: 20px 21px 0px 0px;  /* top right bottom left */
	padding: 3px;		
	border: 1px solid #1673c8;
}

* html .content_box_1 {
	width: 446px;
}

.content_box_1 h2 {
	color: #1673c8;
	background-color: #132d4d;
}

.content_box_1 img {
	float: left;
	margin: 0px 12px 0px 0px;  /* top right bottom left */
}

.content_box_2 {
	float: left;
	width: 267px;
	height: 323px;
	margin: 20px 0px 0px 0px;  /* top right bottom left */
	padding: 3px;
	border: 1px solid #1673c8;	
}

.content_box_2 h2 {
	color: #a25800;
	background-color: #251400;
}

.content_box_2 .content {
	margin: 0px 0px 0px 2px;  /* top right bottom left */	
}

.content_box_3 {
	float: left;
	width: 772px;
	margin: 20px 0px 0px 0px;  /* top right bottom left */
	padding: 3px;
	border: 1px solid #271500;
}

* html .content_box_3 {
	width: 742px;
}

.content_box_3 h2 {
	color: #f4c33f;
	background-color: #251400;
}

.content_box_3 img {
	float: right;
	margin: 0px 0px 0px 12px;  /* top right bottom left */
}

.content_box_3 table td {
	/*color: #132d4d;*/
	color: #FFCD43;
	padding: 0px 12px 0px 0px;  /* top right bottom left */
}

/*
--------------
--- FOOTER ---
--------------
*/

#footer {
	position: relative;
	height: 56px;
	margin: -66px auto 0px auto; /* top right bottom left */	
	padding: 10px 5px 0px 0px; /* top right bottom left */	
	text-align: right;	/* for IE */
	font-size: 90%;
	color: #3f3f3e;
	background-image: url(/i/footer_background.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer .inner_box {
	position: relative;
	margin: 0px auto;
	width: 990px;	
}

#footer a {
	color: #3f3f3e;
}

#footer a:hover {
	color: #4e4e4e;
	text-decoration: underline;
}

.ram{
	border: 1px solid #1673C8;
	width: 159px;
	margin: 10px 3px 3px 0;
	padding: 10px 10px 5px 10px;
}
.ram td{
	font-size: 12px;
}

.lit, .lsb{
	border: 1px solid #1673C8;
	background: #FFFFFF;
	width: 110px;
}
.lsb{
	width: auto;
}
.mini{
	font-size: 90%;
	margin-top: 5px;
	color: #132D4D;
}
.ml a:link, .ml a:visited, .ml a:active{
	color: #132D4D;
}
.mini a:hover, .mini a:link, .mini a:visited, .mini a:active,
.ml a:hover{
	color: #1673C8;
}
.r{
	float: right;
}
.l{
	float: left;
}
.c{
	clear: both;
}

.ramik{
	border: 1px solid #1673C8;
	margin: 20px 21px 0 0;
	padding: 3px;
	width: 772px;
}
.h, .ramik h2{
	font-size:110%;
	height: 21px;
	margin: 0 0 3px;
	padding: 5px 0 0 9px;
	background-color: #132D4D;
	color: #1673C8;
	display: block;
}
.tab{
	width: 100%;
}
.tab td{
	border-bottom: 1px solid #132D4D;
	padding: 0 0 4px 10px;
}
.vt, .tab .vt{
	padding-top: 2px;
	vertical-align: top;
}
/*
margin za tabulkou
*/
.m4{
	margin: 8px 0 5px 10px;
}
/*
registracia, dlhsi textbox
*/
.reg{
	width: 500px;
	height: 18px;
}
#menu_1 .lim{
	font-size: 115%;
	padding: 4px 0 0px 18px;
	list-style-type: none;
}
.tp{
	margin-top: 10px;
}
.foto{
	float: right;
	width: 350px;
	margin: 0 0 10px 10px;
}
.tko{
	margin: 12px 0;
}
.tko td{
	padding: 0 4px 2px 0;
}
.tab .te_r{
	text-align: right;
	padding-right: 8px;
}
.tax{
	width: 100%;
	color: #FFCD43;
}
.content_box_3 .tax td{
	padding: 2px 4px 2px 4px;
	/*color: #FFFFFF;*/
}
.tfb{
	margin-top: 12px;
}
.content_box_3 .tfb td{
	color: #FFFFFF;
	vertical-align: top;
}
.tar{
	text-align: right;
}
.no{
	/*display: none;*/
	height: 0px;
	overflow: hidden;
}
.tr{
	display: table-row;
}
.t_div{
	display: block;
}

.dic{
	cursor: pointer;
	display: table-row;
}
.dic:hover{
	background: #271500;
	/*text-decoration: underline;*/
}
.prave_info{
	float: right;
	text-align: right;
}
.zob_info{
	color: #FFFFFF;
	padding: 10px 5px;
	margin: 4px 0;
	border-bottom: 1px solid #1673C8;
	border-top: 1px solid #1673C8;
}
.zob_img{
	float: left;
	margin: 0 10px 10px 0;
}
nobr, .nobr{
	white-space: nowrap
}
.ozn_st{
	padding: 0 2px;
	font-weight: bold;
	color: #FFFFFF;
}


.img_p1{
	float: left;
	width: 206px;
	height: 286px;
	background: transparent no-repeat center center;
	margin: 0 12px 0 0;
}
.img_p2{
	width: 266px;
	height: 123px;
	background: transparent no-repeat center top;
}
.msg_1, .msg_2{
	height: 220px;
	overflow: hidden;
}
.msg_2{
	height: 80px;
}
.msg_3{
	float: right;
}
.rek{
	width: 180px;
	/*margin: 15px 15px 0 0;*/
	/*margin: 15px 35px 15px 15px;*/
	/*margin: 15px 45px 10px 10px;*/
	margin: 15px 50px 10px 3px;
	text-align: center;
	padding: 10px;
	/*border: 1px solid #1673C8;*/
	border: 1px solid #132D4D;
	float: left;
	height: 78px;
}

h4{
	font-weight: bold;
	font-size: 100%;
}


.otv{
	border-top: 1px solid #132D4D;
	width: 250px;
}
.otv thead{
	font-weight: bold;
	text-align: center;
}
.otv td{
	width: 50%;
	padding: 4px;
	border-right: 1px solid #132D4D;
	border-bottom: 1px solid #132D4D;
}