/* Meyer RESET - START*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix {
	clear: both;
}

/* CUSTOM STYLES - START */
body {
	background-color:#e4dad0;
	font-family: Verdana, "Times New Roman", sans-serif;
	font-size: 12px;
}
#site_container {
	width: 834px;
	margin: 0 auto;
}

#header {

	height:319px;
}

#header .left {
	width: 22px;
	height:319px;
	float:left;
}

#header #middle {
	width: 173px;
	height:319px;
    float:left;
}

#header #middle .logo {
	width: 173px;
	height: 84px;
}

#header #middle #nav {
    padding: 5px 0 0 0;
	width: 173px;
	height:230px;
	background-image:url(../images/menu-pattern.jpg);
}

#header #middle #nav a{
	font-size: 12px;
 	color: #aa978f;
	text-decoration:none;
}

#header #middle #nav a:hover{
	font-size: 12px;
 	color: #e3d9cd;
	text-decoration:none;
}

#header #middle #nav li {
	margin: 7px 0 0 0;
	padding:0 0 0 25px;
 	color: #aa978f;
	width:128px;
	height:24px;
	background-image:url(../images/menu-part.jpg);
	}

#header .right {

	height: 319px;
    float:left;
}


/*kraj header dela*/

#center {

	height:370px;
}

#center #left2{
	width: 195px;
	height: 370px;
	float:left;
	background-color:#c6b29a;
	}
	
#center #right2{
	width: 639px;
	height: 370px;
	float:left;
	background-color:#8d7b6d;
	}
	
/*-----POCETAK DODATKA-------*/

#center #all{
	width: 834px;
	height: 370px;
	float:left;
	}

#center #all .pic {

	height:333px;
	float:left;
}	

#center #all .news {

	height: 333px;
	background-color:#c6b29a;
	

}

#center #all .top{
background-image:url(../images/vertical-pattern.jpg);
width:817px;
height:25px;
padding:0 0 0  17px;
}


#center #all #list-1{

width:150px;
height:300px;
float:left;
padding:5px 2px 0px 15px;

}
#center #all #list-2{

width:150px;
height:300px;
float:left;
padding:5px 2px 0px 5px;

}
#center #all #list-3{

width:150px;
height:300px;
float:left;
padding:5px 2px 0px 5px;

}
#center #all #list-4{

width:150px;
height:300px;
float:left;
padding:5px 2px 0px 5px;

}

#center #all #list-5{

width:150px;
height:300px;
float:left;
padding:5px 2px 0px 5px;

}



#center #all #lokacija-1{

width:220px;
height:300px;
float:left;
padding:5px 2px 0px 15px;

}
#center #all #lokacija-2{

width:250px;
height:300px;
float:left;
padding:5px 2px 0px 5px;

}

#center #all #kontakt-1{

width:600px;
height:300px;
float:left;
padding:5px 2px 0px 15px;

}

/*-----KRAJ DODATKA-------*/
#center #left2 .pic {
	width:22px;
	height:333px;
	float:left;
}	

#center #left2 .news {

	height: 333px;
	background-color:#c6b29a;

}


#center #right2 .top{
background-image:url(../images/vertical-pattern.jpg);
width:639px;
height:25px;
}






#center #right2 #special{

background-color:#39302b;
width:224px;
height:345px;
float:left;


}

#center #right2 #about{

background-color:#d0beaa;
width:415px;
height:345px;
float:left;

}

#center #right2 #about h1{
font-weight:normal;
font-size:14px;
color:#a62918;

}

#center #right2 #about h2{

font-weight:normal;
font-size:11px;
color:#362f2d;
padding: 15px 10px 0 20px;

}

/*kraj center dela*/

#footer {

	height:31px;
	background-image:url(../images/footer.jpg);
	padding:8px 0 0 0;
}

/*Stilovi za tekst*/

.TitleNews {
   font-size: 14px;
   color: #444037;
   padding: 10px 4px 12px 25px;

}

.IntroNews {
   font-size: 10px;
   font-weight:bold;
   color: #564941;
   padding: 0 4px 15px 25px;
}

.ContentNews{
   font-size: 11px;
   color: #252525;
   padding: 0 4px 0 25px;
   
}

.SpecijalitetiTitle{
   text-decoration:underline;
   font-style:italic;
   font-size: 14px;
   color: #aa9e93;
   padding: 4px 0 0 22px;
   
}

.SpecijalitetiText{
   font-size: 11px;
   color: #ebebeb;
   padding: 15px 0 0 12px;
   
}

.PlusNaslov{
   font-size: 14px;
   color: #5e5149;
}

.WorkTime{
   font-size: 11px;
   color: #362f2d;
   padding: 0 0 0 20px;
}

.PlusHours{
   font-size: 11px;
   color: #bf2e1a;
   padding: 0 10px 0 0;
}

.list-naslov{
   font-size: 12px;
   color: #721d16;
   font-weight:bold;
   padding:0 0 8px 0;
}
.list-ime{
   font-size: 10px;
 color: #721d16;
}



.list-opis{
   font-size: 10px;
   color:#111111;
   padding:0 0 6px 0;
}


.list-OpisVina{
   font-size: 10px;
   color:#111111;
   padding:0 0 3px 0;
}

.list-NaslovVina{
   font-size: 12px;
   color: #721d16;
   font-weight:bold;
   padding:0 0 4px 0;
}

.list-NaslovMorkseJedi{
   font-size: 12px;
   color: #721d16;
   font-weight:bold;
   padding:0 0 2px 0;
}


.list-OpisMorkseJedi{
   font-size: 10px;
   font-style:italic;
   color:#111111;
   padding:0 0 6px 0;
}

.CopyrightText{
   font-size: 9px;
   color:#aa978f;
}

.CopyrightPoint{
   font-size: 9px;
   color:#381b17;
}


.lokacija-opis{
   font-size: 11px;
   color:#111111;
   padding:0 0 3px 0;
}

.lokacija-color{
   font-size: 12px;
 color: #721d16;
}

.email {
   font-size: 11px;
   color:#111111;
   padding:0 0 3px 0;
}
.email a {
    font-size: 11px;
       color:#111111;
    padding:0 0 3px 0;
	text-decoration: none;
}
.email a:hover {
    font-size: 11px;
    color: #721d16;
    padding:0 0 3px 0;
	text-decoration: underline;
}

.input-field{
   font-size: 11px;
   color:#111111;
   border-style:solid;
   border-color:#aa978f;
}

.kontakt-tekst{
   font-size: 10px;
   font-weight:bold;
   color: #564941;
   padding:0 0 10px 0;

}