/* CSS Document */

/* -----------------------------------*/
/* ---------->>> Mejn <<<-----------*/
/* -----------------------------------*/


body {
	background-image: url(/pics/tback.png);
	background-repeat: repeat-x;
	background-position: 0px 10px;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color:#000;
}

p { margin:0px 0px 0px 0px; padding: 5px 0 10px 0;}
a { text-decoration: none; color:#333; }
a:hover { }
::selection {	background:#555; color:#fff; /* Safari */	}
::-moz-selection {	background:#555; color:#fff; /* Firefox */ }

#container {
		width: 100%;

		margin: 0 auto;
		padding: 0;
	}

#smokiji {position: relative; background: #333; width: 100%; z-index: 400; padding: 10px 0; }
#smoki_inner {margin: 0px auto; width: 70%; color: #999; line-height: 18px;  }
.smoki-prikazano {text-align: center;}
.smoki-prikazano img {margin: 0 10px 0 0; opacity: 0.8; vertical-align: middle; }
.smoki-skrito {padding: 20px 0; }
.smoki-leva, .smoki-desna {float: left; width: 45%; padding: 0 5% 20px 0; }
.smoki-leva p, .smoki-desna p {margin: 0 0 15px 0; }
.smoki-leva img {opacity: 0.8; margin: 0 10px 0px 0; float: right; }
.smoki-desna ul {margin: 10px 0 0 0; font-size: 11px; }
.smoki-desna a#smoki-zapri { background: none; display: block; float: right; padding: 0px; opacity: 0.5; }
.smoki-desna a#smoki-zapri:hover {background: none; opacity: 1; }
#smoki_inner a { background: #4f4f4f; padding: 2px 4px; color: #efefef; border-radius: 3px; font-size: 12px; }
#smoki_inner a:hover {color: #fff; background: #666;}
#smoki_inner h3 {color: #efefef; margin: 20px 0 20px 0; font-size: 17px; }

/* -----------------------------------*/
/* ---------->>> Glava <<<-----------*/
/* -----------------------------------*/

#glava {
	position: relative;
	height: 150px;
	width: 900px;
	margin: 20px auto;

	
}
#glava h1 { margin: 0px;}
#glava h1 a {
	position: absolute;
text-indent: -2300px;
top: 8px;
left: -0.7px;
background: #E6E6E6 url('/pics/logo.jpg') no-repeat;
display: block;
width: 165px;
height: 139px;
margin: 0px;}

#menitop { 
	margin: 0;
    position: absolute;
    right: -3px;
    top: 20px;
    width: 700px;
	}

#menitop ul {
    list-style: none outside none;
    margin: 0 0 6px 7px;
    min-height: 25px;
    padding: 0;
}
#menitop li a {
	background-image: url(/pics/mback.png);
	border-radius: 0 0 4px 4px;
    color: #758909;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 12px;
    margin: 0 4px 0 0;
    padding: 6px 8px 4px;	
}
#menitop li a.pisite { background: #f6fcd4 url(/pics/koverta.png) no-repeat 8px 6px; padding-left:40px; }
#menitop li a.smreka { background: #f6fcd4 url(/pics/smreka.png) no-repeat 7px 4px; padding-left:38px; }
#menitop li a.drevo { background: #f6fcd4 url(/pics/drevo.png) no-repeat 8px 5px; padding-left:35px; }
#menitop li a.list { background: #f6fcd4 url(/pics/list.png) no-repeat 8px 4px; padding-left:35px; }
#menitop li a.dostava { background: #f6fcd4 url(/pics/dostava.png) no-repeat 8px 9px; padding-left:48px;}

#menitop li a:hover {  background-color: #ebf6ad;	 }

#meni { 
	margin: 0;
    position: absolute;
    right: -3px;
    top: 115px;
    width: 700px;
	}

#meni ul {
    list-style: none outside none;
    margin: 0 0 6px 7px;
    min-height: 25px;
    padding: 0;
}
#meni li a {
	background-color: #758909;
	border-radius: 3px 3px 0px 0px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 18px;
    line-height: 20px;
    margin: 0 3px 0 0;
    padding: 4px 8px;	
}
#meni li a:hover { color:#fff; background-color:#000; }





/*------------- ogrodje --------------*/


/* -----------------------------------*/
/* ---------->>> pejdz <<<-----------*/
/* -----------------------------------*/


#pejdz { width: 100%; min-height: 300px; background-color: #f9F9F9; border-top: 2px solid #c3d84e; border-bottom: 2px solid #c3d84e; margin: 0 auto; padding: 5px 0px;}

#banner { width: 900px; margin: 0 auto; font-size: 13px; line-height: 16px; margin-bottom: 20px; }
#banner img {width: 100%;}

#center { width: 900px; margin: 0 auto; font-size: 13px; line-height: 16px; }
#center h3 { margin: 15px 0 3px 0; padding: 0px;}
#center h2 { font-weight: 100; margin: 15px 0 3px 0; padding: 0px;}


#icenter { width: 900px; height: 300px; position: relative; height: 450px; box-shadow: 0 0 8px #ccc; background-size: cover;}
#idesna { width: 350px; min-height: 100px; position: absolute; color: white; top: 0; right: 0; background-image: url(/pics/bback.png); padding: 15px 10px 10px 20px;}
#idesna ul { margin-bottom: 20px;}
#idesna h2 { font-size: 25px; color: #fff; line-height: 40px; margin: 5px 0 5px 0; font-weight: 100; letter-spacing: -1px; border-bottom: 1px solid #444;}
#idesna p { padding: 0px 0px;}
#idesna li { font-size: 14px; line-height: 16px;}
#idesna .povdarjeno { font-size: 15px; font-weight: bold;}

#leva { width: 470px; float: left; margin: 0 25px 0 0; }
.levibox { min-height: 130px; border: 1px solid #d4d2c6; border-radius: 3px; padding: 15px; margin-bottom: 10px; }


#desna { float: left; width: 405px; min-height: 250px; padding: 10px 0 0 0; }
#desna h2 { font-size: 20px;
padding: 0px 0px;
margin: 5px 0px 5px 0px;
border-bottom: 1px solid #DDD; }

table {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #aaa;
   border-bottom: 1px dashed #999;
}

table tr td {padding: 10px; vertical-align: center;}

table tr:nth-child(odd) td, tr:nth-child(odd) td {
    background: #fff;
}




thead { border: 1px solid #555;
	background-color: #dedede;
}
.table {
  width: 70%;
  margin-bottom: 20px;
}
.table p {margin: 0; padding: 0;}
.table th, .table td {
  padding: 4px 4px;
line-height: 16px;
text-align: center;
vertical-align: top;
background: whiteSmoke;
border-top: 1px dashed #D5D5D5;
border-left: 1px solid #DBDBDB;
}
.table th {
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  font-size: 13px;
}
.table thead th {
  vertical-align: bottom;
}
.table thead:first-child tr th, .table thead:first-child tr td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-condensed th, .table-condensed td {
  padding: 4px 4px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table tbody tr:hover td, .table tbody tr:hover th {
  background-color: #ddd; color: #000;
}

.table .tpodjetje { background-color: #e4e4e4;}

.table .mn { text-align: center; padding: 6px 0 0 0; font-size: 12px; font-weight: normal; display: block;}
.table .sbg { background: #dedede;}




/*------------- novice --------------*/

#novice { width: 450px; float: left; margin: 0px 25px 10px 0px; }
#naslovi { float: left; width: 425px; min-height: 250px; }

#naslovi h2 { font-size: 16px; padding: 0px 0px; margin: 10px 0px 5px 0px; }
#desna p { padding: 0px 0px;}

/*------------- cenik --------------*/

.cenik { float: left; position: relative; width: 294px; height: 320px; background-image: url(/pics/cenik.jpg); margin: 0 9px 0 0;}
.zad { margin: 0; background-image: url(/pics/katalog.jpg);}
.kat2 { background-image: url(/pics/katalog2.jpg);}
.icenik {  position: absolute; background-image: url(/pics/bback.png); width: 274px; min-height: 120px; padding: 10px; top: 0; left: 0; color: white; }
.icenik h2 { line-height: 21px; font-size: 24px; font-weight: 100;}
.icenik a {color: #f5f5f5;}
.icenik a:hover {color: #aaa;}

/*------------- kontakt --------------*/

#forma { width: 450px; float: left; padding: 10px;}
#formainfo { width: 400px; float: left; padding: 10px;}

.button {background: #af0707; color: #fff; font-weight: bold; padding: 1px 4px;}

/* -----------------------------------*/
/* ---------->>> btm <<<-----------*/
/* -----------------------------------*/

#btm { width: 900px; min-height: 240px; color: #444; background-color: #fff; margin: 0 auto; padding: 20px 0px;}
#btm h3 { font-size: 18px; line-height: 22px; font-weight: 100; color: #000; background-color: #efefef; padding: 3px 0 2px 2px; margin: 0 0 0 0; padding: 10px; }
#btm h4 { font-size: 20px; font-weight: 100; color: #9bb21f; border-bottom: 4px solid #f0f0f0; padding: 10px 0 2px 0; margin: 0 0 8px 0; line-height: 24px; }
#btm h5 { font-size: 16px; font-weight: 100; color: #9bb21f; border-bottom: 1px solid #f0f0f0; padding: 10px 0 2px 0; margin: 0 0 8px 0; }
#btm a { color: #a5bb2b; text-decoration: underline; }
#btm a:hover { color: #aaa; }

#btm h4.ura { background: url('/pics/ura.jpg') no-repeat top right;}
#btm h4.hiska { background: url('/pics/hiska.jpg') no-repeat 200px 2px;}

#aktualno { float: left; width: 330px; padding: 10px 0; margin-right: 35px;}

#urnik { float: left; width: 240px; padding: 10px; margin-right: 45px;}

#podjetje {float: left; width: 230px; padding: 10px 0;}

#foto, #dreinfo  { float: left; width: 490px; margin-right: 40px;}
#foto img { margin:0 5px 8px 0; }
#suptext, #dremap { float: left; width: 370px; }

#suptext .povdarjeno img { float: left; padding: 0 4px 0 0;}
#suptext .povdarjeno { min-height: 70px; border: 1px solid #ccc; font-size: 18px; line-height: 22px; display: block; padding: 8px 4px;}


#noga { width:900px; color: #aaa; text-align:right; font-size:11px; padding:8px; margin:10px auto 30px; }
#noga a { background-color: #bbd047; padding: 1px 3px; color: white; -moz-border-radius: 2px;
	border-radius: 2px;
} 
#noga a:hover {background-color: black;}



/*------------- other --------------*/



input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border:1px solid #999;
	background:transparent;
	padding:4px 2px;
	margin: 3px 0px 12px 0px;
	border-radius: 4px;
}
textarea {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:transparect;
	border:1px solid #999;
	padding:8px;
	margin:5px 0 10px 0;
	border-radius: 4px;
}


.clear {clear:both; }