/*�������������������������������������������������������������������
Basic Style Sheet
version: 1.0
author: EBIT IT
email: info@ebit.hr
website: http://www.ebit.hr/
�������������������������������������������������������������������*/

@charset "utf-8"; 

/* reset the elements */
@import url("reset.css") all;

/* General HTML Styles */

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */

@import url(http://fonts.googleapis.com/css?family=Titan+One&subset=latin-ext);

@font-face {
	font-family:"Luckiest Guy";
	src:url("font/LuckiestGuy.eot") format("eot"),url("font/LuckiestGuy.woff") format("woff"),url("font/LuckiestGuy.ttf") format("truetype"),url("font/LuckiestGuy.svg#LuckiestGuy-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}

html {
	margin: 0;
   padding: 0;
   border: 0;
}

body {
	background: url("../img/background.png")  repeat-x 0 0 #e6e0be;
	width: 100%;

}
div, span, p, tr, th, td, input, select, textarea, option, iframe, ul, li, font, h1, h2, h3, h4, h5, h6 {
   font-family: Arial, Calibri, Helvetica, Verdana, sans-serif;
   font-size: 14px;
    text-decoration: none;
}
iframe{
	margin: 0 0 20px;
}

h1  { 
   color: #d21034;
   font-size: 24px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
h2  { 
	font-family: 'Titan One', "Luckiest Guy", Calibri, Helvetica, Verdana, sans-serif;
   color: #121212;
   font-size: 16px;
   font-weight: normal;
   display: block;
   padding: 0 0 20px;
}
h3  { 
	font-family: 'Titan One', "Luckiest Guy", Calibri, Helvetica, Verdana, sans-serif;
   color: #276D1D;
   font-size: 16px;
   font-weight: normal;
   display: block;
   padding:15px 0 10px;
}
h4  { 
	color: #d21034;
	font-size: 19px;
	font-weight: normal;
	display: block;
	padding: 0 0 5px;
}
h5  { 
   color: #d21034;
   font-size: 18px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
h6  { 
   color: #d21034;
   font-size: 14px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
p {
   margin: 0;
   padding: 0 0 8px;
   color: #0d0d0d;
   font-size:13px; 
}
a { 
   font-size: 14px;
   color: #d21034;
   font-weight: normal;
   text-decoration: none;
}
a:hover { 
   color: #fff;
}

fieldset {
	width: auto;
	border: 0;
}
legend { 
   color: #494949;
   font-size: 16px;
   font-weight: lighter;
	padding: 0 5px;
}
input {
	font-size: 12px !important;
	padding: 3px 3px;
	background-color: #f2f2f3; 
	border: 1px solid #d9d9d9;
	margin: 3px 0;
	border-radius: 3px;
}
input:hover {
	background-color: #f2f2f3; 
	border: 1px solid #b9b9b9;
	border-radius: 3px;
}
input:focus {
	background-color: #f2f2f3; 
	border: 1px solid #b9b9b9;
	border-radius: 3px;
}
select {
	font-size: 12px !important;
	background-color: #f2f2f3; 
	border: 1px solid #d9d9d9;
	padding: 3px 3px;
	border-radius: 3px;
}
select:hover {
	background-color: #f2f2f3; 
	border: 1px solid #b9b9b9;
	border-radius: 3px;
}
select:focus {
	background-color: #f2f2f3; 
	border: 1px solid #b9b9b9;
	border-radius: 3px;
}
option {
	font-size: 12px !important;
	background-color: transparent !important;
	padding: 0 5px;
}
textarea {
	font-size: 12px !important;
	background-color: #f2f2f3; 
	border: 1px solid #d9d9d9;
	padding: 3px 3px;
	height: 150px;
	margin: 3px 0;
	border-radius: 3px;
}
textarea:hover {
	background-color: #f2f2f3; 
	border: 1px solid #b9b9b9;
	border-radius: 3px;
}
textarea:focus {
	background-color: #f2f2f3; 
	border: 1px solid #b9b9b9;
	border-radius: 3px;
}

.text_input {
	width: 220px;
}

.TableStyle {
	margin: 0;
}
.button3{
	background-color: #e3a338;
	border: 2px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	 margin: 5px 5px 0;
    padding: 5px;
}
.button3:hover{
	background-color: #e0aa3f;
	border: 2px solid #ddd;
	border-radius: 5px;
	cursor: pointer;
}
/*-----------------------------------------------------------*/
.Wrapper{
	width: 980px;
	margin: 0 auto;
}
header{
	width: 980px;
	background: url("../img/djeca.png") no-repeat scroll 550px 130px transparent;
	height: 285px;
	}

#logo{
	background: url("../img/bg_logo.png") no-repeat 0 0;
   padding:5px 50px 15px;
   float: left;
   width: 254px;
   letter-spacing: -500em;
  }

nav{
	background: url("../img/navigation.png") no-repeat 0 0;
	float: left;
	width: 555px;
	height: 87px;
	margin: -5px 0 0 68px;
}
nav ul {
	padding:17px 0 0;
}
nav ul li {
	display: inline-block;
}
nav ul li a{
	color: #303030;
	font-family:   "Luckiest Guy", 'Titan One';
	font-size: 15px;
	margin: 20px 20px 20px 20px;
}
.active{
	color: #fff;
}
section#left{
		background: url("../img/left-menu.png") no-repeat 0 0;
		width: 257px;
		height: 266px;
		margin: -115px 0 0;
		display: inline-block;
		vertical-align: top;
}
section#left ul {
	padding:40px 31px;
}
section#left ul li {
	list-style: none;
	margin: 0 0 35px;
}
section#left ul li a{
	color: #303030;
	font-family: "Luckiest Guy";
	font-size: 15px;
	display: block;
	line-height: 5px;
}
section#left ul li a:hover{
	color: #fff;
}
section#left ul li a.active{
	color: #f5f5f5;
}
section#left ul li span{
	color: #276d1d;
	font-size: 10px;
}
article{
	width: 670px;
	display: inline-block;
	margin: 30px 0 0 30px;
	min-height: 280px;
}
article ul li{
	margin:0 0 10px 20px;
}
article a img{
	width: 140px;
	float: left;
	margin: 5px;
}
article dl{
	text-align: center;
}
article dl dd{
	margin: 25px 0;
	font-weight:bold;
}
article dl dt{
	margin: 0 0 20px;
}

article dl.upisi{
	text-align: left;
}
article dl.upisi dd{
	margin: 25px 0;
	font-weight:bold;
}
article dl.upisi dt{
	margin: 0 0 20px;
}
article dl dt a{
	color: #0d0d0d;
	font-weight: bold;
	font-size: 16px; 
}
article dl dt a:hover{
	color: #c30000;
}
article a.vise{
	font-weight: bold;
	color: #276d1d;
	text-decoration: none;
	text-align: right;
	font-size: 13px;
	text-decoration: underline;
}
article a.upload{
	font-weight: bold;
	color: #276d1d;
	text-decoration: none;
	float: right;
	font-size: 15px;
	background: url("../img/pdf-icon.png") no-repeat 0 2px;
	padding: 3px 0 0 25px;
	margin: 10px 0 0;
}
article a.upload:hover{
	text-decoration: underline;
}
.galerija {
margin: 30px 0 0;
}
.galerija a img{
max-width: 200px;
margin: 0 20px 20px 0;
}
section.box{
	width: 315px;
	display: inline-block;
	vertical-align: top;
	min-height: 200px;
	margin: 0 30px 0 0;
}

section.box iframe {
	display: none !important;
	visibility: hidden !important;
}

section.podaci{
	width: 250px;
	display: inline-block;
	vertical-align: top;
	min-height: 200px;
	margin: 0 30px 0 0;
}
section.kontakt{
	width: 385px;
	display: inline-block;
	vertical-align: top;
	
}
.marginclear{
	margin: 0!important;
}
section.box a{
	text-decoration:underline;
	color: #fa080a;
	display: block;
}
section.text{
	width: 670px;
}
section.box a.vise{
	font-weight: bold;
	color: #276d1d;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
}

aside{
 	background: url("../img/footer-djeca.png") no-repeat scroll 0 0 transparent;
   height: 292px;
   width: 256px;
   z-index: 1;
   margin: -160px 0 0;
}

footer{
	background: url("../img/footer.jpg") repeat-x 0 0;
	width: 100%;
	height: 41px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0 0;
	font-family: "Titan One";
}
/*---------------------------za-roditelje--------------------------------*/
.roditelji{
	text-align: left;
}
.roditelji dd{
	font-size: 15px;
	margin: 10px 0;
}
.roditelji dt{
	margin: 0 25px 10px;
}
.roditelji dt a{
	font-size: 13px;
	color: #276d1d;
}