/*
www.teshadesign.com
Dragoslav Savkic
Mirjana Savkic
*/

html {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

/* Body i tagovi */
* {margin:0; padding:0;}
body {line-height:0.9em;
	text-align:center;
	color:#303030;
	background:#bedaf6;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
}
a {color:#17599c; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}

td {font: Tahoma, Arial, Verdana,sans-serif; font-size:1.0em; font-weight:normal; color:#17599c; height:18px}
td.visina25 {font: Tahoma, Arial, Verdana,sans-serif; font-size:1.0em; font-weight:normal; color:#17599c; height:22px;align:left}
td.visina7 {font: Tahoma, Arial, Verdana,sans-serif; font-size:0.5em; font-weight:normal; color:#17599c; height:7px}
td.crvena {font: Tahoma, Arial, Verdana,sans-serif; font-size:1.0em; font-weight:bold; color:red;}

td.visina20 {font: Tahoma, Arial, Verdana,sans-serif; font-size:0.9em; font-weight:normal; color:#17599c; height:20px;align:left}

/* zaglavlje i navigacija */

/* sa borderom 
#container {width:881px; margin:20px auto; padding:1px 0; text-align:left; background:#bedaf6; color:#303030; border:1px solid #a0a0a0;}
*/

#container {width:881px; margin:20px auto; padding:1px 0; text-align:left; background:#bedaf6; color:#303030;}

#header {clear:both;height:90px; width:785px; margin:0 0 0 0; background:#bedaf6; color:#bedaf6;text-align:center; margin:auto}
#header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#17599c; letter-spacing:-2px; font-weight:normal;}
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}


#navigation {height:2.2em; line-height:2.2em; width:691px; margin:0 1px; background:#bedaf6; color:#17599c; margin:auto}
#navigation li {float:left; list-style-type:none; white-space:nowrap;}
#navigation li a {display:block; padding:0 10px; font-size:0.8em; font-weight:bold; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #17599c;}

* html #navigation a {width:1%;}

/* pozadina u drugoj boji #navigation .selected {background:#80b0da; color:#ffffff; text-decoration:underline;} */
#navigation a:hover {background:#bedaf6; color:#ffffff; text-decoration:none;} 

/* sredina bre */
#sredinabre {float:left;width:881px;height:390px;font-size:0.9em;padding:0 0 0 0;
	background-image:url(slikebre/bg-note.gif);	background-repeat: no-repeat;
}

.sredina1bre {	clear:both;	width:770px;height:380px;background-color:#FFFFFF;text-align: left;	padding-top: 10px;
	padding-right: 10px;	padding-bottom: 0px;	padding-left: 5px;	margin: auto;}

#sredinabre h1 {font-weight:bold; font-size:1.3em; color:#17599c}
#sredinabre h2 {display:block; margin:0 0 12px 0; font-size:1.1em; font-weight:normal; color:#505050; background-color:inherit;}
#sredinabre h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}

#sredinabre a:hover,#subsredinabre a:hover {text-decoration:underline;}
#sredinabre ul,#sredinabre ol {margin:0 5px 16px 35px;}
#sredinabre dl {margin:0 5px 10px 25px;}
#sredinabre dt {font-weight:bold; margin-bottom:5px;}
#sredinabre dd {margin:0 0 10px 15px;}

/* sredina muski */
#sredmuski {float:left; width:881px; height:260px;font-size:0.9em; padding:0 0 0 0; background-image:url(slikebre/bg-note.gif);
	background-repeat: no-repeat;
}
.sred1muski {	clear:both;	width:770px;height:250px;background-color:#FFFFFF;text-align: left;	padding-top: 10px;
	padding-right: 10px;	padding-bottom: 0px;	padding-left: 5px;	margin: auto;}

#sredmuski h1 {font-weight:bold; font-size:1.4em; color:#17599c}
#sredmuski h2 {display:block; margin:0 0 12px 0; font-size:1.1em; font-weight:bold; letter-spacing:-1px; color:#17599c; background-color:inherit;}
#sredmuski h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}

#sredmuski a:hover,#subsredinabre a:hover {text-decoration:underline;}

#sredinaomajicama {
float:left; width:881px;height:580px;font-size:0.9em;padding:0 0 0 0;background-image:url(slikebre/bg-note.gif);
background-repeat: no-repeat;
}
.sredina1omajicama {	clear:both;	width:770px;height:570px;background-color:#FFFFFF;text-align: left;	padding-top: 10px;	padding-right: 5px;	padding-bottom: 0px;	padding-left: 5px;	margin: auto;}
#sredinaomajicama h1 {font-weight:bold; font-size:1.4em; color:#17599c}
#sredinaomajicama h2 {display:block; margin:0 0 10px 0; font-size:1.1em; font-weight:bold; color:#17599c; background-color:inherit;}
#sredinaomajicama h3 {margin:0 0 5px 0; font-size:1.1em;}
#sredinaomajicama a:hover {text-decoration:underline;}
#sredinaomajicama ul,#sredinabre ol {margin:0 5px 16px 35px;}

#sredinaformular {
float:left; width:881px;height:645px;font-size:0.9em;padding:0 0 0 0;background-image:url(slikebre/bg-note.gif);
background-repeat: no-repeat;
}
.sredina1formular {	clear:both;	width:770px;height:635px;background-color:#FFFFFF;text-align: left;	padding-top: 10px;
	padding-right: 5px;	padding-bottom: 0px;	padding-left: 5px;	margin: auto;}
#sredinaformular h1 {font-weight:bold; font-size:1.4em; color:#17599c}
#sredinaformular h2 {display:block; margin:0 0 10px 0; font-size:1.1em; font-weight:bold; color:#17599c; background-color:inherit;}
#sredinaformular h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#sredinaformular a:hover,#subsredinabre a:hover {text-decoration:underline;}
#sredinaformular ul,#sredinabre ol {margin:0 5px 16px 35px;}

/* ostali sadrzaj - druge stranice */
#content {float:left; width:530px; font-size:0.9em; padding:20px 0 0 20px;}
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/* futer bre */
#footer {clear:both; width:681px; padding:5px 0; margin:auto; font-size:0.9em; color:#17599c; background:#bedaf6;}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#17599c; background-color:inherit; font-size:0.9em; font-weight:bold;}
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration: none;}

/* ostalo */
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#17599c; font-weight:bold}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}

input.button { background-color:#bed9f7; border-color: #00008A; width:70px; font-weight:normal; color:#17599c}

.nijeuredu {
	background-color: #ffffff;
	color: red;font-size: 12px;
	font-weight: bold;
}

.hvala {
	background-color: #ffffff;
	color: blue;font-size: 12px;
	font-weight: bold;
}

/* deo linka od TeshaDesign */
.designboja {color: #fb581f}

/* image zoom bre */
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}

/*CSS za uvecanu sliku*/
.thumbnail span{ 
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px medium thin;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{border-width: 0;padding: 2px;}
/* pozicija slike */
.thumbnail:hover span{ visibility: visible;top: -250px;left: -150px;}