/*
----------------------------------------------- 
Advanced styles for compliant browsers 
----------------------------------------------- */

@media all
{
.clear {clear:both;}
.inset {margin-left: 20px;}

/* ----------
 *  CONTENT
 * ----------
 */

#content_main .message p {
color:#b90e0e;
font-size:1.1em;
}
#content_main .message img {
float:left;
vertical-align:middle;
margin-top:-12px;
}

#content_main form strong {
color:#b90e0e;
vertical-align:top;
margin-left:10px;
padding-left:10px;
font-weight:normal;
background: url(/images/ico/error-ico.gif) no-repeat left center;
}
#content_main form legend {
display:none;
}
#content_main form input.text, 
#content_main form input.input { 
width:250px; 
}
#content_main form textarea { 
width:400px; height:100px !important; 
}
#content_main form textarea.text {
width:250px;
}
#content_main form input.bt {
border-top:5px solid #202127;
border-bottom:none;
border-left:none;
border-right:none;
margin-top:10px;
color:#fff;
background:#363842;
font-weight:bold;
cursor:pointer;
/*padding:5px 10px;*/
}
#content_main ul {
/*padding:10px;*/
font-size:0.9em;
color:#55565E;
/* color:#60626a; */
}
#content_main ul li {
padding-left:10px;
background:url(/images/ico/sub-nav-ico.gif) no-repeat left center;
}
#content_main p a {
color:#00a;
font-weight:bold;
text-decoration:none;
}
#content_main p a:hover {
text-decoration:underline;
}
#content_main h2.spec1 {
color:#ff4903;
}
#content_main h2.spec2 {
color:#ff4903;
}


/* ----------------
 *  PONUDA 
 * ----------------
 */

#tblbrands	{
font-size:90%;
}
#tblbrands img	{
margin-top:10px;
margin-bottom:-18px;
}
#tblbrands div.brandcell	{
position: relative;
width:  49.9%;
height: 60px;
float: left;
}

#content_main table tr td.mnulst1 a	{
font-weight: bold;
}
#content_main table tr td.mnulst2 {
padding-left: 10px;
}
#content_main table tr td.mnulst3 {
padding-left: 20px;
}


/* ----------------
 *  CJENIK  
 * ----------------
 */

#content_main table.cjenik {
width:100%;
font-size:0.9em;
margin:15px 0;
}
#content_main table.cjenik thead th {
background:#363842;
color:#fff;
font-size:90%;
border-left:1px solid #fff;
padding:3px 5px;
vertical-align: top;
text-align:center;
}
#content_main table.cjenik tbody td {
color:#363842;
border-left:1px solid #fff;
border-bottom:1px solid #aaa;
padding:3px;
vertical-align: top;
}
#content_main table.cjenik tbody td img {
float: right;
vertical-align: top;
margin: 0px !important;
}
#content_main table.cjenik tbody td.spec {
background: #fff200;
font-weight:bold;
}

#aboutbrand h4 {
margin-bottom: 0px !important;
}
#aboutbrand p {
font-size:90%;
margin:	 5px 30px 10px 0px !important;
}
#aboutbrand img {
margin-top:	 	0px;
margin-bottom: 20px;
}
#aboutbrand img.logo {
float:right;
margin-left: 30px;
}
#aboutbrand img.offer {
float:left;
margin-right: 10px;
}

#footmsg {
width:100%;
margin-top:	 20px;
padding-top: 3px;
border-top:2px #718468 solid;
}

#footmsg div {
font-size:0.9em;
text-align:center;
color:#5A6163;
/* color:#676a71; */
font-weight:normal;
line-height: 12px;
}

/* ----------------
 *  KONTAKT FORMA  
 * ----------------
 */

#content_main form label { 
margin-left:3px; position:relative; top:-2px;
}
#content_main form input.t { 
margin-bottom:1px; width:270px; 
margin-top:2px;
}
#content_main input.t, 
#content_main textarea.t, 
#content_main select {
  color:#444;
  font:100% Arial, Helvetica, sans-serif;
  padding:2px 3px; 
  border: 1px #707070 solid;  
  background: #fff url(/images/input_backW1.gif) top left no-repeat;
}
#sendbtn {
width:	  90px;	height:   30px;
position: relative;
float:    right;
top:	 -25px;	right:    2px;
}
#kontaktform	{
position: relative;
float:    right;
right:    -12px;
}
#content_main textarea {
position:relative;
top:1px;
}

}

@media screen
{

body {
background:url(/images/body/bg-silver.jpg) repeat-x;
}

#brandingBig h1 {
position:absolute;
top:12px;
left:13px;
width:176px;
height:75px;
background:url(/images/branding/lovac-nt-brand.gif) no-repeat left top;
text-indent:-9999px;
} 

#branding h1 {
position:absolute;
top:0px;
left:15px;
width:171px;
height:75px;
background:url(/images/branding/lovac-lt-brand.gif) no-repeat left top;
text-indent:-9999px;
} 

#pageprint {
float:right;
position:relative;
top:-20px;
height:0px;
font-size:90%;
color:#00a;
}


#footmsg div {
width:250px;
position: relative;
left:50%;
margin-left:-125px;
}

/* -----------
 *  NAV MENU  
 * -----------
 */

#nav_main li {
display:inline;
}
#nav_main li a {
position:relative;
padding:7px 12px 7px 12px;
background:#627A72;
/* background:#71846a; */
border-top:5px solid #404a3c;
color:#ffffff;
text-decoration:none;
}
#nav_main li a:hover, #nav_main li a.selected {
background:#CCE6FF;
border-top:5px solid #8f866e;
color:#55565E;
/* background:#d8caa8;
   border-top:5px solid #8f866e;
   color:#60626a; */
}
div.main1 #nav_main #pocetna a,
div.main2 #nav_main #ponuda a,
div.main3 #nav_main #cjenik a,
div.main4 #nav_main #podrska a,
div.main5 #nav_main #kontakt a {
background:#fff;
color:#363842;
border-top:5px solid #363842;
}

/* ------------
 *  LEFT MENU  
 * ------------
 */

#content_sup {
text-transform: uppercase;
margin-top:-0px;
}

#content_sup .box {
width:185px;
margin:10px;
position:relative;
border-top:5px solid #404a3c;
background:#CCE6FF;
/* background:#d8caa8; */
}

#list4 { 
background-color:#CCE6FF;
/* background-color:#D8CAA8;  */
}

#content_sup .box h2 {
position:relative;
top:0px;
padding:0px 10px;
background:#627A72;
/* background:#71846a; */
color:#ffffff;
font-weight:bold;
}
#content_sup strong {
font-weight:bold;
}
#content_sup .box ul.detail {
padding:10px;
}
#content_sup .box ul.detail a {
text-decoration:underline;
}
#content_sup .box ul.nav_sup {
float:left;
width:185px;
}

#content_sup .box ul.nav_sup li {
float:left;
width:100%;
margin-top: 2px;
}

#content_sup .box ul.nav_sup li a {
display:block;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
color:#55565E;
/* color:#60626a; */

padding:0px 10px;
border:1px solid #B3D9FF;
/* border:1px solid #c2b291; */
background:#B3D9FF;
/* background:#c2b291; */
}

#content_sup .box ul.nav_sup li ul li a {
/*display:block;*/
color:#3D3E43;
padding:0px 10px 0px 20px;
background:#CCE6FF url(/images/ico/sub-nav-ico.gif) no-repeat 5% 50%;
/* background:#d8caa8 url(/images/ico/sub-nav-ico.gif) no-repeat 5% 50%; */
font-size:0.9em;
/*
border-bottom:1px solid #e7dcc1;
border-top:1px solid #bdb194;
border-bottom:none;
border-top:none;
*/
font-weight: normal;
border:none;
}
#content_sup .box ul.nav_sup li ul li a:hover {
/*background:#c8bfa8 url(/images/ico/link-ico-hover.gif) no-repeat 95% 50%;
text-decoration:none;
*/
background-color:#CCE6FF;
/* background-color:#e8d9b5; */
text-decoration:underline;
}
#content_sup .box ul li a:hover {
border:1px solid #000;
}
#content_sup .box ul li ul li a:hover {
border:none !important;
}
#content_sup .box ul li a.spec1 {
margin-top: 25px;
background-color:#EE444A;
/* background-color:#f26c4f; */
border-color:#f26c4f;
color:#fff;
}
#content_sup .box ul li a.spec1:hover {
border:1px solid #000;
}

#content_sup .box ul li a.spec2 {
margin-top: 10px;
background-color:#448cca;
/* background-color:#f26c4f; */
border-color:#7da7d8;
color:#fff;
}
#content_sup .box ul li a.spec2:hover {
border:1px solid #000;
}

li.menu3 { margin-left:20px; 
			width: 145px !important;}
li.menu2 { margin-left:20px; 
			width: 165px !important;}
li.menu1 { font-size:1.2em; }

#content_sup .box a.head:hover {
text-decoration:none !important;
}


/* ----------------
 *  KONTAKT FORMA  
 * ----------------
 */

#content_main input.t, 
#content_main textarea.t, 
#content_main select {
  background: #fff url(/images/input_backW1.gif) top left no-repeat;
}



/* ----------
 *  FOOTER  
 * ----------
 */

#site_info a {
color:#fff;
}
#site_info ul  {
position:relative;
}
#site_info ul li {
display:inline;
font-weight:bold;
margin-right:5px;
color:#fff;
}
#site_info ul li a.top {
padding-left:10px;
background:url(/images/ico/top-ico.gif) no-repeat center left;
}
#site_info ul li a.back {
padding-left:10px;
background:url(/images/ico/back-ico.gif) no-repeat center left;
}
#site_info ul li.copy {
position:absolute;
right:0px;
text-align:right;
}


}

@media print
{

#pageprint {
visibility:hidden;
height:0px;
}

#footmsg div {
width:100%;
}


/* -----------
 *  NAV MENU  
 * -----------
 */

#nav_main {
visibility:hidden;
position:absolute; top:0px; left:0px; width:0px; height:0px;
}


/* ------------
 *  LEFT MENU  
 * ------------
 */

#content_sup {
visibility:hidden;
position:absolute; top:0px; left:0px; width:0px; height:0px;
}



/* ----------
 *  FOOTER  
 * ----------
 */

#site_info ul  {
position:relative;
}
#site_info ul li {
display:inline;
font-weight:normal;
margin-right:5px;
color:#000;
}
#site_info ul li a.top {
visibility:hidden;
}
#site_info ul li a.back {
visibility:hidden;
}
#site_info ul li.copy {
position:absolute;
text-align:right;
right:20px;
top:-2px;
}

}