/* CSS Document */

*{
margin:0px;
padding:0px;
}

img{
border:0px;
}

.floatl{
float:left;
}

.floatr{
float:right;
}

.clear{
clear:both;
}

body{
background:#fff url(../images/body-bg.gif) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#container{
width:900px;
margin:auto;
}

.header{
height:344px;
background:url(../images/header-bg.jpg) bottom left no-repeat;
}

.info{
font-size:25px;
color:#000;
width:400px;
padding-top:100px;
padding-right:69px;
}

.info span{
color:#004802;
font-size:38px;
}

.logo{
padding-top:10px;
padding-left:10px;
}

.top-links ul{
list-style:none;
padding-top:22px;
}

.top-links li{
float:left;
color:#003399;
background:url(../images/li-seperator.gif) top right no-repeat;
font-weight:bold;
line-height:20px;
padding:0px 20px;
}

.top-links li a{
text-decoration:none;
color:#003399;
font-weight:bold;
}

.top-links li a:hover{
color:#3366FF;
}

.top-links li a.active{
color:#3366FF;
}

.content-box{
padding:30px 0px;
}

.left-col{
width:490px;
}

.main-content{color:#3366FF;
line-height:18px;
}

h1, h2, h3, h4{line-height:normal;}

a{color:#3366FF;
	text-decoration:underline;}

a:hover{text-decoration:none;}

.main-content h1{
font-weight:bold;
color:#003399;
padding-bottom:15px;
font-size:25px;
}

.main-content span.second_heading{
color:#003399;
font-weight:bold;
display:block;
padding-bottom:5px;
font-size:13px;
}

.main-content p{
padding-bottom:20px;
color:#3366FF;
line-height:18px;
}

.gallery-section{
width:255px;
background:url(../images/dotted-bg.gif) top right repeat-y;
padding-right:30px;
margin-top:30px;
}

.gallery-section h1{
font-weight:bold;
color:#003399;
font-size:25px;
padding-bottom:20px;
}

.gallery-section span{
color:#272727;
font-weight:bold;
display:block;
padding-bottom:20px;
font-size:13px;
}

.gallery-section img{
padding-right:10px;
padding-bottom:10px;
}

.drawing-section{
width:175px;
margin-top:30px;
}

.drawing-section h1{
font-weight:bold;
color:#003399;
font-size:25px;
padding-bottom:20px;
}

.drawing-section span{
color:#3366FF;
font-weight:normal;
display:block;
padding-bottom:20px;
font-size:13px;
}

.drawing-section p{
color:#3366FF;
line-height:18px;
}


.right-col{
width:331px;
}

.events-section{
padding:0px;
border:3px solid #003399;
}

.events-section h1{
font-weight:normal;
color:#007b3b;
font-size:25px;
padding-bottom:15px;
}

.events-section span{
color:#0a356d;
font-weight:bold;
}

.events-section p{
color:#3366FF;
line-height:20px;
font-size:11px;
padding-top:5px;
padding-bottom:20px;
}

.best-section{
height:91px;
background:url(../images/best-section.gif) top left no-repeat;
text-align:center;
padding:10px 0px;
margin-top:35px;
}

.best-section a{
color:#02602f;
font-weight:bold;
display:block;
padding-top:7px;
}

/*css for footer starts here*/

#footer{
background:url(../images/footer-bg.gif) top left repeat-x;
}

.footer-links{
font-size:11px;
text-align:center;
width:900px;
color:#fedbc2;
margin:auto;
padding-bottom:22px;
}

.footer-links ul{
list-style:none;
padding:22px 0px 0px 278px;
}

.footer-links li{
float:left;
margin-bottom:5px;
margin-right:9px;
color:#fff;
margin-bottom:15px;
font-size:13px;
}

.footer-links li a{
text-decoration:none;
color:#fff;
}


/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #666;	margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#003399; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #666;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #666; padding-bottom:10px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

#slika { border:3px solid #003399; margin-bottom:6px;}

#imeprezime { border:2px solid #fcd598; margin-bottom:6px;}
#email { border:2px solid #fcd598; margin-bottom:6px;}
#telefon { border:2px solid #fcd598; margin-bottom:6px;}
#drzava { border:2px solid #fcd598; margin-bottom:6px;}
#odrasli { border:2px solid #fcd598; margin-bottom:6px;}
#djeca { border:2px solid #fcd598; margin-bottom:6px;}
#djeca2 { border:2px solid #fcd598; margin-bottom:6px;}
#dolazak { border:2px solid #fcd598; margin-bottom:6px;}
#odlazak { border:2px solid #fcd598; margin-bottom:6px;}
#security { border:2px solid #fcd598; margin-bottom:6px;}
#imageField { border:2px solid #fcd598; margin-bottom:6px; background:#FFF; width:100px; height:50px; color:#c75300;}
#imageField:hover { border:2px solid #fcd598; margin-bottom:6px; background:url(../images/footer-bg.gif) top left repeat-x; width:100px; height:50px; color:#FFF;}
#imageField:active { border:2px solid #fcd598; margin-bottom:6px; background:#C60; width:100px; height:50px; color:#FFF;}