/*------------------------------------*\
RESET početak
\*------------------------------------*/
/* WinIE only \*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,th,var{
font-style:normal;
font-weight:normal;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
}
/* RESET KRAJ*/
/*Main pocetak*/
html, body
{
    height: 100%;
}
body {
background: #29311c; /* {a-body-background-color}*/
color:#000000;
text-align:left;/*potrebno radi centriranja kontejnera u IE-u*/
font-family: verdana,helvetica,arial,sans-serif;
font-size: 13px;
}
div#container{
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
background-image: -webkit-gradient(linear, left top, left bottom, from( #384326 /*{a-body-background-start}*/), to( #191e11 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #384326 /*{a-body-background-start}*/, #191e11 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #384326 /*{a-body-background-start}*/, #191e11 /*{a-body-background-end}*/); /* FF3.6 */
background-image:     -ms-linear-gradient( #384326 /*{a-body-background-start}*/, #191e11 /*{a-body-background-end}*/); /* IE10 */
background-image:      -o-linear-gradient( #384326 /*{a-body-background-start}*/, #191e11 /*{a-body-background-end}*/); /* Opera 11.10+ */
background-image:         linear-gradient( #384326 /*{a-body-background-start}*/, #191e11 /*{a-body-background-end}*/);
}
div#zaglavlje{
width:100%;
height:120px;
}
div#navigacija {
margin-bottom:1px;
padding-top:0px;
padding-bottom:0px;
width:100%;
height:36px;
background-image: -webkit-gradient(linear, left top, left bottom, from( #74ab2c /*{a-bup-background-start}*/), to( #3b5817 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* FF3.6 */
background-image:     -ms-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* IE10 */
background-image:      -o-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Opera 11.10+ */
background-image:         linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/);
}
#courtTable>h3
{
display:block;
border:1px solid #353983;
margin:20px 40px 5px 40px;
padding:3px 10px 3px 10px;
font-family:Arial,sans-serif;
font-size:14px;
font-weight:bold;
color:#353983;
background-color:#ABB4D4;
border-radius: 4px;
box-shadow: #A5A5A5 5px 2px 3px;  
behavior: url(./pie/PIE.htc);
position:relative;
z-index: 0;
}
div.sadrzaj{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
behavior: url(./pie/PIE.htc);
}
legend, .sadrzaj>h3 
{
display:block;
padding:3px 10px 3px 10px;
font-family:Arial,sans-serif;
font-size:16px;
font-weight:bold;
padding:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-image: -webkit-gradient(linear, left top, left bottom, from( #74ab2c /*{a-bup-background-start}*/), to( #3b5817 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* FF3.6 */
background-image:     -ms-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* IE10 */
background-image:      -o-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Opera 11.10+ */
background-image:         linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/);
position:relative;
z-index: 0;
}
.sadrzaj>h1{
margin: 0 0 20px;
text-align:center;
font-size:16pt;
letter-spacing:2px;
color:#51793D;
color:#FFD42A;
}
.hidden{
display:none;
}
input[type="text"], input[type="password"], textarea{
  line-height:140%;
  color : #000; 
  background-color : #E1E1E1;
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
input[type="text"]:focus,input[type="password"]:focus ,textarea:focus
{
  color : #2A331D;
  border : 1px solid #000000;
  background-color : #ffffff;
  font-weight:bold;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] 
{
 background-color: #dcdcdc; 
 color: #red;
 cursor: default;
} 

fieldset
{
margin-left:auto;
margin-right:auto;
border:1px solid #84C233;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;   
}
label{
   font-family : Arial, sans-serif;
   font-size:14px;
   font-weight: bold;
   }
div#zaglavlje a.zaglavljeErezervacija{
position:absolute;
top:0px;
left:0px;
}
div#zaglavlje a.zaglavljeKlub{
position:absolute;
top:0px;
left:480px;
}
#nav a.logoLink{
margin:0px;
/*padding:0 8px;*/
height:36px;
width:96px;
}
/*Main kraj*/
/*navbar početak*/
#nav {
    float: left;
	overflow: hidden;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	float:left;
	width: 96px;
	height:36px;
	/*padding:8px;*/
}

#nav ul li a {
   	float: left;
	color:#FFFFFF;
	width: 80px;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 12pt;
	margin:0 auto;
	text-decoration:none;
	height:100%;
	width:100%;
	border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(0,0,0,0.2);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #74ab2c /*{a-bup-background-start}*/), to( #3b5817 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/);
}
#nav li ul {
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
left: -999em;
margin: 26px 0 0;
position: absolute;
width: 196px;
z-index: 9999;
/*border: 1px solid rgb(181,181,181);*/
background-image: linear-gradient(#74AB2C, #3B5817);
}
#nav li ul li {
width: 188px;
/*width: 100%;/*
}
#nav li ul a {
    	background: none;
		border: none;
    	margin-right: 0;
    	width: 100%;
	   	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
}
#nav ul li a:hover,
#nav ul li:hover > a {
	/*font-weight:bold;*/
	background:#90D337;
}
#nav li ul a:hover,
#nav ul li li:hover > a  {
background:#90D337;
/*color: #2c2c2c;
background:#B5BCD6;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
background: -moz-linear-gradient(#A4B8D2,#CED8E6);
background: -moz-linear-gradient(#CED8E6, #646BAF) repeat scroll 0 0 transparent;*/
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
#nav li:hover ul {
left: auto;
}
#nav li li ul {
margin: -1px 0 0 160px;
-webkit-border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 4px 4px 4px;
visibility:hidden;
}

#nav li li:hover ul {
visibility:visible;
}
/*navbar kraj*/
/*erezervacija početak*/
img.foto{
	float:right;
	margin:15px 0 10px 25px;
}
div#sadrzaj-er{

width:858px;
height:700px;
padding:20px 50px 0 50px;
/*border-top-style:dotted;*/
border-right:1px solid #84C233;
border-bottom:1px solid #84C233;
border-left:1px solid #84C233;
border-top:0;
color: #FFFFFF;
text-shadow: 0 1px 0 #444444;
}
div.sadrzaj>p{
clear:left;
padding:8px 10px 4px 10px;
text-align:justify;
/*font-size:12pt;*/
font-size:1.1em;
color:#A5A5A5;
color:#E1E1E1;
}
div.sadrzaj>p a{
color:#ffffff;
color:#AAFF00;
}
p.copyright{
margin:10px 0 0 0;
text-align:center;
color:rgb(121,121,121);
font-size:11px;
}
/* erezervacija kraj */
/* contact početak */
/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/
#contactus fieldset
{
width:700px;
padding:40px;
}
#contactus  h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}
#contactus input[type="text"]
{
  height:20px;
  width:220px;
}
#contactus #scaptcha
{
  width:96px;
  height:18px;
}
#contactus textarea
{
  resize:none;
  height:100px;
  width:700px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;  
}
#contactus .container
{
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.8em;
   color: #900;
}
#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 1em;
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}
#btnSalji {
	font-size:1.2em;
	background: linear-gradient(#74AB2C, #3B5817) repeat scroll 0 0 #588222;
    border: 1px solid #588222;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 #444444;
	cursor: pointer;
    display: block;
    margin: 0.5em 0;
    padding: 0.5em;
    position: relative;
    text-align: center;
border-radius: 0.4em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
#btnSalji:hover,
#btnSalji:active{
background: linear-gradient(#A5F738, #87CA2D) repeat scroll 0 0;
}
/*contact kraj*/