/* Master reset */
body, img, h1, h2, h3, h4, h5, h6, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, p, p img.left, p img.right, a:focus, a:hover, a, blockquote, strong, em,dfn, sup, sub, abbr, acronym, address, del, pre, code,tt, li ul, li ol, ul, ol, dl, dl dt, dd, table, th, thead th, td, caption, tr.even td, tfoot, caption { margin:0; padding:0 }

body { 
	font-size: 75%; 
	color:#666666; 
	background:#f2f2f2 url(img/background.png) top center no-repeat; 
	font-family:"Trebuchet MS", Arial, sans-serif; 
} 

img { border:none;}

/* Top elements */
#topback {
	height:70px;
	background:#004358 url(img/topback.png) top repeat-x;
}

#header {
	margin:0 auto;
	padding:0 10px;
	width:960px;
	height:70px;
}

#logo {
	float:left;
	margin:0;
	padding:0;
	width:250px;
	height:70px;
}

#logo img { border:none; }

#logo a, #logo a:hover, #logo a:focus { text-decoration:none; outline:none; }

/* Navigation */

ul#nav{
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:70px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

ul#nav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#nav li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	height:70px;
}

ul#nav li a:hover, ul#nav li a.current, ul#nav li a:active {
	background:transparent url(img/hover.png) repeat-x top left;	
}

/* Wrapp elements */

#wrap {
	margin:0 auto;
	padding:0 10px;
	width:960px;
}

#sliderholder {
	margin:10px 0;
	padding:0;
	width:960px;
	height:270px;
	background:#ffffff;
	position:relative;
}

#sliderinside { margin:0; padding:10px 30px; }

/* Pin menu */
#pin-menu {
	margin:20px 0;
	padding:0;
	width:960px;
	height:80px !important;
}
#pin-menu a, #pin-menu a:active, #pin-menu a:visited { color: #666666; text-decoration: none; }
#pin-menu a:hover { color: #004358;; text-decoration: underline; }

#pin-menu p img.left { float: left; margin: 0 1.5em 0 0; padding:5px; }

#pet-plus-jedan, #skype, #fb, #fb-like {
	width: 220px;
}

#pet-plus-jedan {
	float: left;
	margin: 0 0 0 10px;
}
#skype {
	float: left;
	margin: 0 0 0 20px;
}

#fb {
	float: left;
	margin: 0 0 0 20px;
}
#fb-like {
	float: right;
	margin: 0 10px 0 0;
}

/* Front boxes */
#boxback {
	margin:0;
	padding:0;
	width:960px;
	height:255px;
	background:url(img/boxback.png) center no-repeat;
}

.boxholder {
	margin:0;
	padding:85px 10px 10px 10px;
	width:940px;
	height:160px;
}

.boxholder h3 { text-align:center; padding:15px 0 0 0; color:#004358; margin-bottom:0.5em;}
.boxholder p { font-size:1.2em; margin:0 0 7px 0;}
.boxholder a { text-decoration:none; font-weight:bold; color:#666666;}
.boxholder a:hover { text-decoration:underline; color:#004358; }

.boxholder #box1 {
	float:left;
	width:300px;
	height:160px;
	margin:0;
	padding:0;
}

.boxholder #box1 ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 0 0;
}

.boxholder #box1 li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px 0;
}

.boxholder #box1 .date {
	color:#999999;
	display:block;
	float:left;
	font-size:0.9em;
	font-style:italic;
	font-weight:bold;
	padding-right:5px;
	text-align:right;
	width:45px;
}

.boxholder #box2 {
	float:left;
	width:300px;
	height:160px;
	margin:0 0 0 20px;
	padding:0;
}

.boxholder #box3 {
	float:right;
	width:300px;
	height:160px;
	margin:0;
	padding:0;
	text-align:left;
	line-height:2em;
}

/* Icons */
.pdf {
	display:block;
	float:left;
	padding-right:10px;
	width:24px;
	height:24px;
	background:url(img/pdf.png) left center no-repeat;
}

.prijava {
	display:block;
	float:left;
	padding-right:10px;
	width:24px;
	height:24px;
	background:url(img/prijava.png) left center no-repeat;
}

.info {
	display:block;
	float:left;
	padding-right:10px;
	width:24px;
	height:24px;
	background:url(img/info.png) left center no-repeat;
}

.phone {
	display:block;
	float:left;
	padding-right:10px;
	width:24px;
	height:24px;
	background:url(img/phone.png) left center no-repeat;
}

/* Main */

#main {
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:620px;
	/*background:#999900;*/
}

#main h2, #content h2 { padding-left:15px; font-weight:bold; color:#004358; text-transform:uppercase; }

#main h3, #content h3 { padding-left:35px; font-weight:bold; font-style:italic; }

#main h3 a, #content h3 a { color:#004358; text-decoration:underline; }

#main h3 a:hover, #content h3 a:hover { color:#666666; text-decoration:underline; }

#main p, #content p { /*text-indent:25px;*/ line-height:1.2em; font-size:1.2em; /*text-align:justify;*/ }

#main p a, #main p a:focus, #main li a { 
	color:#666666; 
	border-bottom:#333333 1px dotted;
	font-style:italic;
}

#main p a:hover, #content p a:hover, #main li a:hover { color:#004358; text-decoration:none; font-weight:bold; }

#main ul, #content ul { padding-left:30px; list-style: disc; }

#main ol, #content ol { padding-left:30px; }

#main li, #content li { font-size: 1.2em; }

#content {
	margin:0;
	padding:15px;
}

/* Sidebar */

#sidebar {
	float:right;
	margin:10px 0 0 0;
	padding:0;
	width:300px;
}

#sidebar p { margin:0; font-size:1.2em; }

#sidebar ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 0 0;
}

#sidebar li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
}

#sidebar a, #sidebar a:focus {
	color:#666666; 
	border-bottom:#333333 1px dotted;
	font-style:italic;
}

#sidebar a:hover {color:#004358; text-decoration:none; font-weight:bold;}

#sidebar #prijava {
	margin:15px 0 5px 0;
	padding:10px;
	width:278px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}

#sidebar h3 { color:#004358; padding-left:40px;}

#sidebar #submenu {
	margin:15px 0 5px 0;
	padding:10px;
	width:278px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
}

#sidebar #submenu ul { list-style:none; margin:0; padding: 0; }

#sidebar #submenu li a, #sidebar #submenu li a:focus { 
	list-style:none;
	padding-left:35px;
	color:#666666;
	font-size:1.2em;
	text-decoration:none;
	border-bottom:none;
}

#sidebar #submenu li a:hover { color:#004358; font-style:italic; }

#sidebar #yt {
	float:left;
	margin:0;
	padding:0;
}

#sidebar #yt a, #sidebar #yt a:active, #sidebar #yt a:visited {
	display:block;
	width:24px;
	height:24px;
	text-decoration:none;
	border:none;
	background:transparent url(img/youtube.gif) top no-repeat;
}

#sidebar #yt a:hover {
	background:transparent url(img/youtube.gif) bottom no-repeat;
}

/* Footer */
#footer {
	width:960px;
	margin:10px 0;
	padding:5px 0;
	height:25px;
	font-size:0.9em;
	border-top:#CCCCCC solid 1px;
}

#footer a {
	color:#999999;
	text-decoration:none;
}

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

#footer p { margin:0; padding:0;}

#footer .left { float:left;}

#footer .right { float:right;}

#footer #yt {
	float:right;
	margin:0;
	padding:0;
}

#footer #yt a, #footer #yt a:active, #footer #yt a:visited {
	display:block;
	width:24px;
	height:24px;
	text-decoration:none;
	border:none;
	background:transparent url(img/youtube.gif) top no-repeat;
}

#footer #yt a:hover {
	background:transparent url(img/youtube.gif) bottom no-repeat;
}

/* Contact Form */	

.contactForm {
	width:280px;
	border:none;
}

.contactForm p {
	padding:5px;
}

.contactForm input {
	width:240px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.9em;
	border:#ffffff 1px solid;
	background:#dfdfdf;
}

.contactForm textarea {
	width:240px;
	height:120px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.9em;
	border:#ffffff 1px solid;
	overflow:hidden;
	background:#dfdfdf;
}

.submit {
	width:80px!important;
	font-weight:bold;
}

/* Gallery */
.thumbnail {
	border:1px solid #CFCFCF;
	float:left;
	margin:10px;
	padding:3px;
}


/* Obrazac za djecu */

.obrazac {
	width:570px;
	margin-bottom: 20px;
}

.obrazac form {
	overflow:hidden;
	font-size:1.2em;
	background:#999999;
	width:550px;
	padding:10px;
}

.obrazac legend {
	color:#FFFFFF;
	font-weight:bold;
}

.obrazac label {
	width: 150px;
	font-size:1em;
	color:#ffffff;
	clear:both;
}

.obrazac #right { width:350px; }

.obrazac .radio { border:none; margin-right:15px; }

.obrazac #selekt {
	margin:0;
	padding:0;
}

.obrazac textarea, .obrazac input, .obrazac select {
	padding: 5px;
	border: #ffffff 1px solid;
	margin-bottom:5px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:1em;
}

.obrazac em {
	color:#ffffff;
	font-style:italic;
	font-weight:normal;
}

.obrazac .submit-button {
	color:#FFFFFF;
	background:none;
	border:#ffffff solid 1px;
	float:right;
	width: 100px;
	clear:both;
	margin-top:5px;
}

.obrazac .submit-button:hover { font-weight:bold; }

.obrazac textarea:focus,.obrazac input:focus { border: #004358 1px solid; }

p.captcha { 
	height:42px; 
	margin: 10px 0; 
	padding: 5px 0; 
}
 p img {float:left;}
 p .odgovor { 
 	width:50px; 
	height:38px;
	font-size:2.4em;
	text-align:center;
	border: #fff solid 1px;
 }
 p .odgovor:focus { border:#dfdfdf solid 1px; }
 p span.equal { font-size:3em; padding:0 10px; color: #fff; }

/* Headings */ 
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	color: #111; 
} 

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 { font-size: 2em; margin-bottom: 0.75em; } 
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

/* Text elements */ 
p { padding:10px; } 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { text-decoration:underline; color: #000; } 
a { text-decoration:none; outline:none; } 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists */ 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; } 
ul { list-style-type: none; } 
ol { list-style-type: decimal; } 

/* Tables */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 

/* Misc classes -------------------------------------------------------------- */ 

.left { float:left; }
.right { float:right; }
.video { padding:0; line-height:normal; text-indent:0; }
.box35 { text-align:center; }
.clear { clear:both;}
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }
.datum { font-size: .9em; }
/*----- fancy image gallery ------*/
#gallery { margin:0; padding:0; width:590px; height:auto; }
#gallery a, #gallery a:hover, #gallery a:visited, #gallery a:active {text-decoration:none;}
#gallery .link img { 
	border: 1px solid #999; 
	outline:none;
	padding:5px;
	margin:5px;
}

#gallery .link img:hover {
	border:1px solid #ccc;
}

#gallery .photo { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #999; 
	display: block; 
	float: left; 
}

#gallery .photo:hover	{ border-color: #ccc; }