/* @override http://www.badrov.hr/beta/css/style.css */
/* Badrov.hr Stylesheet
version:   1.0
date:      25/04/2009
author:    Filip Krunic
email:     krewnich@gmail.com
url:       http://www.krop.com/krewnich/

version history:
1.0 ...
*/
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4, h5,h6,p,pre,a,address,em,font,img,big,small,strike,strong,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-size:100%;background:transparent;outline:none;list-style:none;}
/* General */
body{font-size:62.5%;font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;font-weight:300;color:#C2C2C2;letter-spacing:0;text-align:left;background:#1B1B1B url(../i/background.jpg) repeat-y center;}
#wrap{width:940px;margin:50px auto 30px;border-top:5px solid #333;}
#wrap,#main,#content,#sidebar,#footer{background-color:#1A1A1A;}
/* Layout */
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.yclip{background:url(../i/yclip.gif) no-repeat;height:42px;}
.gclip{background:url(../i/gclip.gif) no-repeat;height:42px;}
li{list-style-position:outside;}
/* Typography & Colors */
.bold,label{font-weight:700;}
.italic{font-style:italic;}
h1{font-size:2em;font-weight:700;margin-bottom:20px;margin-left:30px;text-transform:uppercase;letter-spacing:0;}
h1.front{font-weight:700;}
h1.front_vijesti{margin-bottom:20px;}
h1.gal{margin-left:0;margin-bottom:50px;font-size:1.2em;}
h1.mlad{margin-left:0;margin-bottom:20px;font-size:1.2em;}
h2{font-size:1.1em;text-transform:uppercase;font-weight:400;margin-bottom:5px;color:#ffd44d;letter-spacing:3px;}
h2.hside{
	text-align:center;
	font-weight: bold;
	font-size: 16px;
	color: #FFCC00;
}
h2.hsingle, h2.hsingle_first{color:#000;margin-left:10px;}
h2.hsingle_first{margin-top:40px;}
h3{font-size:1.4em;margin-bottom:5px;margin-top:20px;font-weight:400;}
h3.title_vijesti{
	margin-top:40px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight: bold;
}
h4{
	font-size:1.2em;
	margin-bottom:5px;
	margin-top:15px;
	font-weight:bold;
	color: #FFCC00;
}
h5{font-size:1.4em;font-weight:400;}
p{font-size:1.3em;margin-bottom:10px;margin-top:10px;}
textarea,label{font-size:1.4em;font-family:"Gill Sans","Calibri","Corbel","Helvetica",Arial,sans-serif;font-weight:300;}
label{font-weight:500;}
#content p{text-indent:10px}
#content ul,#content li{padding-right:20px;}
#news p.datum{font-style:italic;margin-top:0;font-weight:lighter;text-align:right;}
#footer p{color:#fff;font-size:1em;letter-spacing:1px;text-transform: uppercase;}
ul,ol,dl,li,dd,dt{list-style:none;font-size:1.1em;}
#news,#first,.single,.singlea,#singlegal,#singlegal{color:#000;}
#content li{padding-left:20px;}
#content a,#content a:visited,#content p a:visited{color:#000;border-bottom:1px dotted #000;text-decoration:none;}
#content a:hover,#content a:visited:hover{border-bottom:1px solid #000;}
#sidebar a,#sidebar a:visited,#top a,#top a:visited{color:#fff;border-bottom:1px dotted #fff;text-decoration:none;}
#sidebar a:hover,#sidebar a:visited:hover,#top a:hover,#top a:visited:hover{color:#ffd44d;border-bottom:1px solid #ffd44d;}
#footer a,#footer a:visited,#footer a:active{color:#ffd44d;border-bottom:1px dotted #ffd44d;text-decoration:none;}
#footer a:hover,#footer a:visited:hover,#footer a:visited:hover{border-bottom-style:solid}
/* Navigation */
#navigation{background-color:#000;width:auto;height:33px;border-bottom:1px dotted #ffd44d;text-transform:uppercase;letter-spacing:2px;font-size:.65em;}
ul.nav,ul.navact{list-style-type:none;text-align:center;padding-top:10px;}
ul.nav li{display:inline;}
li.nav,li.navact{margin:-3px;}
li.nav,li.navact,li.nav:hover{background-color:#000;border-left:1px dotted #666666;border-right:1px dotted #666666;
 padding:10px 0;}
#navigation a,#navigation a:hover,#navigation a:visited,#navigation a:visited:hover,#navigation a:visited:active,#navigation a:active,li.nav a,li.navact a,#navigation li.navact a{text-decoration:none;color:#FFD445;background:none;}
#navigation a,#navigation a:visited,#navigation a:active{color:#fff;}
#navigation a{padding:15px;}
/* Main */
#main{width:600px;float:left;padding-bottom:20px;}
#maingal{width:940px;float:left;padding-bottom:20px;}
#infoa,#infob{width:270px;padding-top:20px;}
#infoa{float:left;padding-left:25px;padding-right:25px;}
#infob{float:right;}
a img{display:block;}
/* Content */
#content{width:600px;float:left;background-color:#1A1A1A;}
#galerija{width:900px;}
#first,#news{margin-bottom:20px;}
#first, .single{background:url(../i/yclip.gif) top no-repeat #F6F6F6;}
#singlegal{background:url(../i/yclip_g.gif) top no-repeat #C2C2C2;}
#news, .singlea{background:url(../i/gclip.gif) top no-repeat #C2C2C2;}
#news,#first, .single, .singlea{margin-left:-5px;padding:50px 30px 30px;}
#singlegal{margin-left:-5px;margin-left:-5px;padding:50px 20px 20px;}
.single, .singlea,#singlegal{margin-top:10px;}
/* Sidebar */
#sidebar{width:300px;float:right;}
.side{padding:20px;border:1px dotted #3F3F3F;margin:0 25px 15px 10px;}
.side:hover{background-color:#1F1F1F;}
#sidea{padding:25px 0 10px;}
#sideb{background:url(../i/photo_bg.png) top no-repeat;margin-bottom:20px;width:325px;height:245px;}
#sideb img,#sideb object{margin:38px 19px 3px 5px;}
#sidebar li{list-style-type:none;margin-bottom:10px;}
#sidebar ul.list li{list-style-type:disc;list-style-position:inside;}
img.logo_capc{margin:15px 0 15px 60px;}
img.logo_mlad{margin:15px 0 15px 50px;}
img.logo_gb{margin:15px 0 15px 95px;}
/* Footer */
#footer{height:33px;background-color:#000;margin-top:30px;padding:5px 15px;clear:both;}
#fleft{width:300px;float:left;text-align:left;margin-left:10px;}
#fright{width:300px;float:right;text-align:right;margin-right:10px;}
/* Cjenik */
table.cijene{width:525px;font-size:1.4em;border:1px dotted #666666;border-collapse:collapse;margin:10px 3px 25px 10px;}
tr{background-color:#f0f0f0;}
tr.odd{background-color:#e7e7e7;}
tr:hover, td:hover{background-color:#ffd44d;}
tr.ttop{background-color:#ccc;}
th, td, tf{padding:5px;}
#color,#cb,#snimanje,#digital,#fotocopy,#happy,#tnaslov{color:#000;background-color:#ccc;}
/* Contact Form */
input.text{padding:3px;border:1px solid #999;}
#contact-area{width:450px;height:450px;margin-top:30px;margin-left:15px;font-family:"Corbel", "Calibri", Arial, sans-serif;}
#contact-area input,#contact-area textarea{padding:5px;width:400px;margin:0 0 10px;border:1px dotted #000;background-color:#ccc;}
#contact-area textarea{height:100px;}
#contact-area textarea:focus,#contact-area input:focus{border:1px solid #ffd44d;background-color:#fff;}
#contact-area input.submit-button,#contact-area input.reset-button{width:50px;cursor:pointer;margin-right:20px;margin-top:20px;}
#contact-area input.submit-button{color:#000;background-color:#ffd44d;border:1px solid #ffd44d;}
#contact-area input.reset-button{color:#fff;background-color:#333;border:1px solid #333;}
label{width:400px;cursor:pointer;float:left;margin-bottom:5px;margin-top:10px;}
.demo{clear:both;}
/* Mladenci */
h1.gal a,h1.mlad a{color:#000;border-color:#000;}
h1.gal a:hover,#singlegal p.gnav a:hover,h1.mlad a{border-bottom:0;}
#singlegal a,#singlegal a:visited,h1.mlad a{color:#000;border-bottom:1px dotted #000;text-decoration:none;}
#singlegal a:hover,#singlegal a:visited:hover,h1.mlad a{border-bottom:1px solid #000;}
#singlegal > embed{margin-left:52px;}
#singlegal > object{margin:20px 200px 50px 200px;}

ul.galerija_list img{border:5px solid #fff;}
ul.galerija_list img:hover{border-color:#ffd44d;}

ul.galerija_list ul,.thmb{list-style-type:none;overflow:hidden;height:auto;}
ul.galerija_list li,.thmb{display:block;height:110px;margin:5px;float:left;}

.thmb{margin-bottom:10px;}
.thmb{width:90px;height:160px;}
.thmb img{border:5px solid #fff;}
.thmb img:hover{border-color:#ffd44d;}
/* Fin */