/* CSS Document */
@charset "UTF-8"; 
body {
margin:0px;
padding:0px;
background-color:#C1DDF5;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
font-family:"Trebuchet MS", Tahoma, Verdana, san serif;
font-size:12px;
color:#333333;
}

optgroup.Opt {
	font-style: normal;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

optgroup.Opt option {
	padding:0px;
	margin:0px;
}

a {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#000000;
text-decoration:none;
}

h1 {
font-size:17px;
color:#5F9ACE;
margin:0px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
}

#drzac_livo h2 {
font-size:17px;
color:#5F9ACE;
margin:0px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
}

h2 {
font-size:11px;
color:#444444;
margin:0px;
margin-bottom:6px;
font-family:Arial, Helvetica, sans-serif;
}


#drzac {
margin:0 auto;
width:800px;
background-color:#FFFFFF;
}


#heder {
	margin:0 auto;
	background-image:url(../images/bg_heder.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:187px;
}

#izbornik {
	margin:0 auto;
	background-image:url(../images/bg_izbornik.jpg);
	background-repeat:repeat-x;
	width:800px;
	height:40px;
}
/*
ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li{
float:left;
display:block;
margin-left:14px;
margin-right:0px;
margin-top:13px;
}



#izbornik a{
color:#999999;
font-size:11px;
text-decoration:none;
font-weight:bold;
} 
#izbornik a:hover{
color:#555555;
text-decoration:none;
font-size:11px;
font-weight:bold;
} 
*/

#pretraga_drzac {
	width:800px;
	height:239px;
	background-color:#F1F1F1;
}

#flash {
	width:558px;
	height:239px;
	float:left;
}

#pretraga {
	width:227px;
	height:239px;
	background-image:url(../images/bg_srch.jpg);
	background-repeat:repeat-x;
	float:right;
	padding-left:15px;
}

#pretraga h1 {
font-size:14px;
color:#888888;
margin:20px 0px;
font-family:Arial, Helvetica, sans-serif;
border:none;
}




#kontent {
float:left;
background-color:#FFFFFF;
width:790px;
padding:20px 0px 60px 10px;
}

#kontent a {
text-decoration:none;
font-weight:bold;
color:#000000;
border:none;
}

#kontent a:hover {
color:#000000;
font-weight:bold;
text-decoration:underline;
border:none;
}


#drzac_livo {
width:540px;
float:left;
margin-right:10px;
}

#drzac_livo h3 {
	font-size:12px;
	color:#333333;
	margin:0px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#novosti {
width:540px;
margin-top:40px;
margin-bottom:20px;
float:left;
}

.slika {
border:1px solid #CCCCCC;
margin:0px 8px;
float:left;
}

.novost {
width:540px;
margin-top:2px;
margin-bottom:10px;
float:left;
border-bottom:1px dashed #CCCCCC;
padding-bottom:15px;
}

.slika_novost {
border:1px solid #CCCCCC;
margin:4px 5px 0px 0px;
float:left;
}



#drzac_desno {
	width:220px;
	float:left;
	text-indent: 10px;
}
/* LISTA */
/*
#drzac_desno ul {
	width:auto;
	height: auto;
	padding: 0px;
	margin-top: 37px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#drzac_desno li {
	width:230px;
	height: auto;
	display: block;
	list-style-image: none;
	list-style-type: none;
	padding:0;
	line-height: 24px;
}
#drzac_desno li a {
	height: auto;
	display: block;
	color: #999999;
	text-decoration: none;
}
#drzac_desno li a:hover {
	background-color: #5F9ACE;
	height: auto;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
*/
/* PODLISTA */
/*
#drzac_desno ul li ul {
	width:auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#drzac_desno li ul li {
	width:220px;
	height: auto;
	display: block;
	padding-left:10px;
	line-height: 24px;
	list-style-image: none;
	list-style-type: none;
}
#drzac_desno ul lu ul li a {
	background-color: #EEEEEE;
	height: auto;
	display: block;
	color: #999999;
	text-decoration: none;
}
#drzac_desno ul lu ul li a:hover {
	background-color: #5F9ACE;
	height: auto;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
*/
#drzac_desno h2 {
color:#5F9ACE;
margin:0px;
font-size:11px;
}

#drzac_desno h3 {
font-size:17px;
color:#5F9ACE;
margin:0px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
}
.izdvojeno {
width:218px;
padding:5px;
border:1px solid #CCCCCC;
margin-bottom:20px;
}

.naslov {
float:left;
width:780px;
margin-bottom:10px;
}

.drzac_zastupstva {
float:left;
width:780px;
margin-bottom:15px;
}


.proizvodac {
	width:243px;
	height:190px;
	float:left;
	margin:3px 3px;
	border:1px solid #CCCCCC;
	padding:4px;
	overflow: hidden;
}

.proizvodac h2 {
font-size:12px;
color:#5F9ACE;
margin:6px 0 0 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}



.proizvod_tekst {
float:left;
width:780px;
margin-left:5px;
margin-bottom:15px;
margin-top:15px;
}

.proizvod_detalji {
float:left;
width:780px;
margin-left:5px;
margin-bottom:35px;
margin-top:15px;
}

.proizvod_tekst h2 {
font-size:16px;
color:#5F9ACE;
margin:0px;
margin-bottom:6px;
font-family:Arial, Helvetica, sans-serif;
}

.proizvod_detalji h2 {
font-size:12px;
color:#5F9ACE;
margin:0px;
margin-bottom:6px;
font-family:Arial, Helvetica, sans-serif;
}


#drzac_info {
width:380px;
float:left;
margin-right:10px;
}

#mapa {
width:390px;
float:left;
}



#futer {
margin:0 auto;
width:800px;
height:28px;
background-color:#F1F1F1;
text-align:center;
padding-top:12px;
font-size:11px;
clear:left;
}





#izbornik_livo {
width:200px;
float:left;
margin-right:10px;
}


#izbornik_livo a {
text-decoration:none;
color:#777777;
border:none;
font-weight:normal;
}

#izbornik_livo a:hover {
color:#000000;
text-decoration:none;
border:none;
font-weight:normal;
}


.stavka {
width:200px;
height:24px;
padding-top:6px;
float:left;
background-color:#FFFFFF;
}

.stavka a {
padding-left:16px;
text-decoration:none;
color:#777777;
border:none;
font-weight:normal;
background-image:url(../images/strelica_podlink.jpg);
background-repeat:no-repeat;
}

.stavka a:hover {
padding-left:16px;
color:#000000;
text-decoration:none;
border:none;
font-weight:normal;
background-image:url(../images/strelica_link.jpg);
background-repeat:no-repeat;
}




.podstavka {
width:198px;
padding-top:6px;
padding-bottom:6px;
padding-left:2px;
float:left;
background-color:#F3F3F3;
margin-bottom:1px;
}

.podstavka a {
text-decoration:none;
color:#777777;
border:none;
font-weight:normal;
}

.podstavka a:hover {
text-decoration:none;
color:#777777;
border:none;
font-weight:normal;
}



#detalji {
width:555px;
float:left;
padding-left:5px;
}















form {
margin:0px;
padding:0px;
}

#search_forma dt, dd{
	margin:2px;
	display:block;
}

#search_forma dl{
width:200px;
}

.textLpadajuci{
	font-size:11px;
	border:1px solid #666666;
	color:#666666;
	background-color:white;
	height:auto;
	width:200px;
	margin-top:8px;
	margin-bottom:15px;
	font-weight: bold;
	line-height: 20px;
	padding:5px;
}

.textInput{
border:1px solid #CCCCCC;
font:11px "Trebuchet MS", Tahoma, Verdana, sans-serif ;
color:#000000;
background-color:white;
height:16px;
width:160px;
margin:2px 0px;
}

.textInputarea{
border:1px solid #CCCCCC;
font:11px "Trebuchet MS", Tahoma, Verdana, sans-serif ;
color:#000000;
background-color:white;
height:80px;
width:240px;
margin-top:6px;
margin-bottom:10px;
}

.textLsubmit{
font-size:11px;
cursor:pointer;
margin:5px 0px 0px 154px;
width:46px;
}
.topTekst {
	font-size: 20px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: -1px;
	font-weight: normal;
}

#drzac_livo h2.big {
	font-size:17px;
	color:#5F9ACE;
	margin:0px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#drzac_livo h2.big a {
	font-size:17px;
	color:#5F9ACE;
	margin:0px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#drzac_livo h2.big a:hover {
	font-size:17px;
	color:#5F9ACE;
	margin:0px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}
#name {
	height: auto;
	width: 430px;
	border: 1px dashed #CCCCCC;
}
#tel {
	height: auto;
	width: 430px;
	border: 1px dashed #CCCCCC;
}
#email {
	height: auto;
	width: 430px;
	border: 1px dashed #CCCCCC;
}
#zupa {
	height: auto;
	width: 430px;
	border: 1px dashed #CCCCCC;
}
#weblink {
	height: auto;
	width: 430px;
	border: 1px dashed #CCCCCC;
}
#message {
	height: 310px;
	width: 430px;
	border: 1px dashed #CCCCCC;
}
#calc {
	height: auto;
	width: auto;
	border: 1px dashed #CCCCCC;
}
.referenca {
	width:auto;
	padding:5px;
	border:1px dashed #CCCCCC;
	background-color: #EEEEEE;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	background-image:url(../images/referenca-bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
.referenca h4 {
	width:auto;
	padding:0;
	text-align:center;
	margin:0;
	font-size:12px;
	color:#333333;
}