/* CSS Document */
@import url("content.css");
@import url("menu.css");
@import url("slides.css");
/* 

Predpone stilov:


*/

html {
    margin:0px;
    padding:0px;
	background-color:#f4f4f4;
	background-image:url(images/main-bg.png);
	background-repeat:repeat;
	background-position:center top;
}

body{
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#111111;
	background-image:url(images/main-bg.png);
	background-repeat:repeat;
	background-position:center top;}


.clear { clear: both; background: none; float:none;}

a img{ 
	border:none;}

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

/*img.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

img.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}*/

div{
	border:none;
	padding:0px;
	margin:0px;}

/* MAIN LAYOUT */

.main-wrapper{
	background-image:url(images/main-bg.png);
	background-repeat:repeat;
	background-position:center top;
	background-attachment:fixed;}
.main-wrapper2{
	background-image:url(images/cizici-bg.jpg);
	background-repeat:no-repeat;
	background-position:center 100px;
	background-attachment:fixed;}

.header-wrapper{
	width: 100%;
	height: 120px;
	top: 0px;
	position: fixed;
	z-index: 500;
	background-image:url(images/header-bg.png);
	background-repeat:repeat-x;
	background-position:center top;}
	
.section-wrapper{
	padding:120px 0px 0px 0px;}
.section-frontpage{
	padding:100px 0px 0px 0px;}

.section-wrapper2{
	/*background-image:url(images/section-line.png);
	background-repeat:no-repeat;
	background-position:center top;*/}
	
.page-wrapper{
	padding-top:100px;
	background-image:url(images/section-wrapper_bg.html);
	background-repeat:no-repeat;
	background-position:center top;}	
	
.footer-wrapper{
	background-image:url(images/section-line.png);
	background-repeat:no-repeat;
	background-position:center top;}

.ogrodje{
	width:960px;
	margin: 0px auto;
	padding:0px 0px 0px 0px;}

/***********************************

		HEADER

***********************************/
.header{
	width:960px;
	height:120px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;}

.header-top{
	width:960px;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:block;
	clear:both;}

.page-heading{
	width:960px;
	height:90px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:block;
	clear:both;
	background-image:url(images/header-heading-bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	-moz-box-shadow:3px 3px 5px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
	
/* LOGO */
.header #logo{
	width:300px;
	height:85px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	position:absolute;
	top:35px; left:10px;}

.header #logo a:link,
.header #logo a:visited,
.header #logo a:active{
	width:300px;
	height:85px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
.header .#logo a:hover{
	text-decoration:none;}

.header #date{
	width:510px;
	height:100px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	position:absolute;
	top:20px; right:10px;}

.header #date a:link,
.header #date a:visited,
.header #date a:active{
	width:510px;
	height:100px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
.header .#logo a:hover{
	text-decoration:none;}
	
/* MAIN MENU */
.main-menu-box{
	width:960px;
	height:70px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	clear:both;
	position:relative;}

/*********************************** 

			CONTENT 

***********************************/
.content{
	width:960px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;}

.section-frontpage .content{
	padding:20px 0px 0px 0px;}

/*********************************** 

			FOOTER 

***********************************/	
.footer{
	width:960px;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	overflow:hidden;}

/***********************************

		MAIN COLs and ROWs

***********************************/
.row{
	width:960px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*overflow:hidden;*/}

.blue-line{
	background-image:url(images/section-line-blue.html);
	background-position:center bottom;
	background-repeat:no-repeat;}
.yellow-line{
	background-image:url(images/section-line-yellow.html);
	background-position:center bottom;
	background-repeat:no-repeat;}

.rowcol{
	clear:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}

.col-left{ float:left;}
.col-main{ float:right;}
.col-right{ float:right;}

.col-31{width:320px;}
.col-32{width:640px;}
.col-33{width:960px;}

.col-41{width:240px;}
.col-42{width:480px;}
.col-43{width:720px;}
.col-44{width:960px;}

.conbox{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	display:block;
	overflow:hidden;}
.conbox2{
	margin:10px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	overflow:hidden;}
	
#messageCookieLaw {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 425px;
    height: 220px;
    z-index: 105;
    display: none;
    padding: 0px 0 10px 0;
    background-color: #FFFFFF;
    border: 1px solid rgba(234, 238, 250, 0.6);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

#messageCookieLaw h4
{
    background-image:url(images/header-heading-bg.png);
    padding: 10px 10px 10px 10px;
}