@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
a:link,
a:visited{
	text-decoration: none;
}
a:active,
a:focus{
	outline: none;
}
ul{
	list-style-type: none;
}

body{
	background-image: url(images/layout/bcgr_top.jpg);
	background-repeat:repeat-x;
	background-position:top;
        font-size: medium;
}
#wrapper{
	width: 100%;
	text-align: center;
	background-image: url(images/layout/bcgr_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: hidden;
}
#container{
	width: 1000px;
	margin: 0 auto;
	overflow: auto;
	clear: both;
        padding-bottom: 3em;
}
#header{
	width: 1000px;
	height: 259px;
}
#menu{
	width: 1000px;
	height: 99px;
	background-image:url(images/layout/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#logo {
	position: absolute;
	left: 4px;
	top: 0px;
}
#menu #title{
       width: 643px;
       position: absolute;
       left: 335px; 
       top: 28px;
       font-size: 100%;
      font-family: arial, helvetica, sans-serif;
      line-height: 100%;
      color: #069;
      font-style: italic;   
      text-align: right;
       
}
#menu #title h1{
      font-size: 120%;
}
#links{
	width: 648px;
	height: 89px;
	position: absolute;
	left: 337px;
	top: 54px;
}
#links ul li{
	display: inline;
}
#links ul li a:link,
#links ul li a:visited{
	float: left;
	width: 108px;
	text-indent: -9999px;
	display: block;
}
#leaf{
	width: 962px;
        padding-left: 23px;
        padding-right: 15px;
	height: 137px;
	background-image: url(images/layout/leaf.jpg);
	margin-top: 0px;
        text-align: left;
        padding-top: 20px;
}
#leaf div{
        
        float: left;
       
}

#leaf h2{
       width: 160px;
       height: 112px;
       float: right;
       background-image: url(images/layout/cena.png);
       text-indent: -9999px;
       margin-top: 20px;
}
#main{
	width: 1000px;
    margin-top: -1px;
}
#sidebar{
	width: 303px;
	background-image: url(images/layout/sidebar.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-top: -44px;
	text-align: left;
	font-family: verdana, geneva, sans-serif;
	font-size: 80%;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
        overflow: hidden;
}
#sidebar a:link,
#sidebar a:visited{
       font-family: arial, helvetica, sans-serif;
       color: #f60;
}
#sidebar a:hover{
       text-decoration: underline;
}

#side-top{
        width: 303px;
	padding-bottom: 3em;
        text-align: center;
        font-size: 110%;
        line-height: 170%;
}
#side-top img{
       margin-left: 3px;
}
#side-top p{
       font-family: arial, helvetica, sans-serif;
       font-size: 80%;
       line-height: 110%;
       margin: 0.5em 0 0.5em 0;
}
#paketi{
       width: 293px;
       margin-top: 1em;
       padding: 35px 5px 15px 5px;
       background-image: url(images/layout/paketi_bcgrd.jpg);
       background-repeat: no-repeat;
       height: 222px;
       font-size: 120%;
}
#paketi a:link,
#paketi a:visited{
      display: block;
      padding-right: 15px;
      padding-top: 15px;
}
#paketi h3{
       font-family: arial, helvetica, sans-serif;
       font-size: 130%;
       margin-bottom: 1em;
       line-height: 120%;
}
.paketi_title {
        font-size: 130%;
        font-style: italic;
        font-weight: bold;
}

#projects{
       width: 303px;
       text-align: center;
       
       
}
#projects a:link,
#projects a:visited{
       display: block;
       margin: 2em 0;
}
#projects a:hover{
      text-decoration: none;
      color: #3cf;
}
#side-bottom {
	width: 263px;
	padding: 20px 25px;
}

#content{
	width: 644px;
	float: right;
	background-image: url(images/layout/content.jpg);
	background-repeat: no-repeat;
	margin-top:-4px;
	text-align: left;
	font-size: 80%;
	line-height: 130%;
	font-family: arial, helvetica, sans-serif;
	overflow: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-position: left top;
        overflow: hidden;

}
#content h1{
        font-size: 150%;
        margin-bottom: 0.7em;
        
}
#content h3{
       
       font-size: 130%;
       margin: 0.7em 0 0.7em 0;
       font-style: italic;
}
#content a:link,
#content a:visited{
       color: #f60;
}
#content a:hover{
       text-decoration: underline;
}
#footer{
	width: 1000px;
	background-image: url(images/layout/footer.jpg);
	background-repeat: no-repeat;
	height: 61px;
	margin: 0 auto;
}
#float-left{
	float: left;
	padding: 25px 0 0 30px;
        font-size: 60%;
        font-family: verdana, geneva, sans-serif;
        color: #999;
}
#float-right{
	float: right;
	padding: 20px 30px 0 0;
        font-family: verdana, geneva, sans-serif;
        font-size: 80%;
        color: #9cf;
}
.image-border{
	border: 1px solid #999;
}
.cell{
	width: 155px;
	float: left;
	margin-right: 13px;
	padding: 20px;
        border: 1px solid #999;
	background-color: #d9eefa;
}


div.cell ul{
	list-style-type: disc;
	margin-bottom: 2em;
	margin-left: 0.5em;
	list-style-image: url(images/layout/bullet.png);
}
div.cell ul li{
        margin: 0.5em 0;
        font-size: 105%;
}
#content div.cell span a:link,
#content div.cell span a:visited{
	display: block;
	width: 86px;
	height: 27px;
	color: #069;
	font-family: verdana, geneva, sans-serif;
	font-weight: bold;
	background-image: url(images/layout/order_btnroll.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 13px;
	line-height: 26px;
	margin-top: 1.5em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
       
}
#content div.cell span a:hover{
	color: #fff;
	background-image: url(images/layout/order_btn.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
.clearfloat {
	clear: both;
}
.thumb{
	width: 130px;
	float: left;
        background-color: #ebf6f8;
	margin: 4px 8px 5px 0;
	text-align: center;
	font-family: verdana, geneva, sans-serif;
	font-size: 80%;
	padding: 9px;
	border: 1px solid #9DDFFF;
	font-weight: bold;
}
#form{
	width: 600px;
	margin-bottom: 1em;
	padding: 30px 10px;
	border: 1px solid #999;
	background-color: #d9eefa;
	overflow: auto;
}
#form #wish{
       width: 265px;
       float: left;
       text-align: right;
       font-size: 100%;
       font-weight: bold;
}
#form #check{
       width: 310px;
       float: right;
       text-align: center;
       font-size: 90%;
       font-weight: bold;
}
#form #check label,
#form #check label span{
       display: block;
       padding-bottom: 0.5em;
}
#form #check label span{
       width: 80%;
       float: right;
       text-align: left;
}
#form #check input{
       width: 10%;
       float: left;
       border: none;
}
#form #check a:link,
#form #check a:visited{
       font-family: arial,helvetica, sans-serif;
       font-weight: bold;
}
#form label,
#form label span{
	display: block;
	padding-bottom: 1em;
}
#form label{
	width: 100%;
	float: left;
}
#form input,
#form textarea{
	float: left;
	width: 45%;
    border: 1px solid #ccc;
}
#form input:hover,
#form textarea:hover{
	border: 1px solid #666;
}
#form input:focus,
#form textarea:focus{
	border: 1px solid #999;
}
#form span{
	float: left;
    width: 45%;
    text-align: right;
    padding-right: 2em;
	font-size: 110%;
	font-weight: bold;
}
#form span span{
	float: left;
	width: 100%;
	text-align: right;
	font-size: 80%;
	font-weight: normal;
}
#form h1{
	font-size: 100%;
}
#form #submit{
	float: left;
	clear: both;
    width: 600px;
    text-align: center;
	padding-top: 30px;
}
#form #submit input.button{
	width: 86px;
	height: 27px;
        color: #069;
        font-size: 13px;
        line-height: 28px;
        font-weight: bold;
	cursor: pointer;
	background-image: url(images/layout/submit_btnroll.png);
	background-repeat: no-repeat;
       background-color: #d9eefa;
	border: none;
        float: none;
}
#form #submit input.button:hover{
	color: #fff;
	background-image: url(images/layout/submit_btn.png);
	background-repeat: no-repeat;        
}