/*
    Document   : style.css
    Created on : 28.07.2009, 14:00:20
    Author     : vampire
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

INPUT,TEXTAREA,OPTION,SELECT,.hi { font-family:tahoma,sans-serif;font-size:11pt;text-decoration:none;color:#63450c; }
A:LINK,A:VISITED { font-family:tahoma,sans-serif;font-size:11pt;color:#63450c;text-decoration:none; }
.txt { font-family:tahoma,sans-serif;font-size:11pt;text-decoration:none;color:#63450c; }
.txt1 { font-family:verdana,tahoma,sans-serif;font-size:11pt;text-decoration:none;color:#63450c; }
.txt2 { font-family:verdana,tahoma,sans-serif;font-size:11pt;text-decoration:none;color:#63450c; }
TABLE,TR,TD,.vvod { font-family:tahoma,sans-serif; font-size:11pt;text-decoration:none;color:#63450c; }
.title { font-family:tahoma,sans-serif;font-size:11pt;color:#63450c;text-decoration:none; }

		/*** The Essential Code ***/
        div#block {
        	width:1024px;
        	margin:0 auto;
        	background-color:#dddddd
        	}

		body {
			min-width: 1024px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
			font-family: Tahoma;
			font-size: 10pt;
			color:#63450c;
			background-color: #cccccc;
		}

		#container {
			padding-left: 53px;      /* LC fullwidth */
			padding-right: 53px;     /* RC fullwidth + CC padding */
		}

		#container .column {
			position: relative;
			float: left;
		}

		#center {
			padding: 0px 0px;       /* CC padding */
			width: 100%;
		}

		#left {
			width: 53px;             /* LC width */
			padding: 0 0 0 0;          /* LC padding */
			margin-left: -100%;
			left: 53px;              /* RC fullwidth for IE6 */
			height:100%;
		}

        #container > #left {
            left: -53px;             /* -(LC fullwidth + CC padding) */
        }

		#right {
			width: 53px;             /* RC width */
			padding: 0 0 0 0;          /* RC padding */
			margin-right: -53px;     /* RC fullwidth + CC padding */
			height:100%;
		}

		#footer {
			clear: both;
		}

		/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
		}

		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
		}

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}

		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10000px;
			margin-bottom: -10000px;
			         /*** Same as body background ***/
		}

		/*** Just for Looks ***/

		body {
			margin: 0;
			padding: 0;

		}

		#header {
			font-size: large;
			text-align: center;
			padding: 0 0;
			background: url("./img/head.png") no-repeat 0px 0px;
			height:259px;
		}
		#footer {
			font-size: large;
			text-align: center;
			padding: 0 0;
			background: url("./img/footer.png") no-repeat 0px 0px;
			height:215px;
		}

		#left {
			/*background: #7BD;*/



		}

		#center {
			/*background: #DDD;*/

		}

		#right {
			/*background: #F63; */
			background: url(r_bar_2.png) repeat-y 0px 0px;

			border: 1px solid #700;
		}

		#container .column {
			padding-top: 0;
			/*padding-bottom: 0;*/
			text-align: justify;
		}

		#l_side_1 {
			/*background:  url(l_bar_1.png) no-repeat 0px 0px;
			height:530px;*/
			position: relative;
			top: 540px;
			background: url("{$path}/templates/skins/{$skin}/img/l_bar_2.png");
            background-repeat: repeat-y;
            border: 1px solid #700;
            height: 100%;
        }
        #r_side_1 {
			/*background:  url(r_bar_1.png) no-repeat 0px 0px;
			height:530px;*/
        }
        #l_side_2 {
			/*background: url(l_bar_2.png) repeat-y 0px 0px;
			border: 1px solid #700;
			height: 100%;*/
        }
        #r_side_2 {
			/*background: url(r_bar_2.png) repeat-y 0px 0px;
			border: 1px solid #700;
			height:600px;*/
        }

        #main_content {
        	position: relative;
        	top:0 px;
            border: 0px solid #700;
        	}

        #header_content {
        	position: relative;
        	top:0 px;
            border: 0px solid #700;
        	}
        	#footer_content {
        	position: relative;
        	top:0 px;
            border: 0px solid #700;
	    width: 100%;
        	}

		#menu_catalog {
			/*background:  url(l_bar_1.png) no-repeat 0px 0px;
			height:530px;*/
			position: relative;
			top: 0px;
			left: 10px;
			background: url("../../../img/menu.png");
            background-repeat: no-repeat;
            border: 0px solid #700;
            height: 330px;
            width: 355px;
            padding: 30px 0px 0px 30px;
	    z-index: 10;
            }

   		#menu_contacts {
			/*background:  url(l_bar_1.png) no-repeat 0px 0px;
			height:530px;*/
			position: static;
			top: 500px;
			left: 10px;
			background: url("../../../img/contacts.png");
            background-repeat: no-repeat;
            border: 0px solid #700;
            height: 280px;
            width: 480px;
            padding: 30px 00px 00px 30px;
            }
   		#contacts {
			/*background:  url(l_bar_1.png) no-repeat 0px 0px;
			height:530px;*/
			position: static;
			left: 10px;
			align: center;
            padding: 0px 50px 0px 30px;
            }

   		#rybka {
			position: absolute;
			top: 50px;
			left: 20px;
			background: url("../../../img/fon_r.png");
            background-repeat: no-repeat;
            border: 0px solid #700;
            height: 675px;
            width: 900px;
            padding: 0;
	    z-index: -20;
            }

   		#logo {
			position: absolute;
			top: 93px;
			left: 50%;
			margin: 0 -100px;
			background: url("../../../img/snesh_hk.png");
            background-repeat: no-repeat;
            border: 0px solid #700;
			height: 55px;
            width: 200px;
            padding: 0;
            }
         #desk {
			position: absolute;
			top: 138px;
			left: 50%;
			margin: 0 -160px;
			background: url("../../../img/desk2.png");
            background-repeat: no-repeat;
            border: 0px solid #700;
			height: 40px;
            width: 320px;
            padding: 0;
            }
            #desk_b {
			position: absolute;
			top: 138px;
			left: 50%;
			margin: 0 -146px;
			background: url("../../../img/desk.png");
            background-repeat: no-repeat;
            border: 0px solid #700;
			height: 40px;
            width: 292px;
            padding: 0;
            }
        #foto_pic {
			position: static;
			top: 0px;
			right: 0px;
			/*background: url("/img/fon_r.png");
            background-repeat: no-repeat;*/
            border: 0px solid #700;

            width: 500px;
            padding: 0;
            }
        #nav_foto {
			position:  static;
			top: 420px;
			left: 20px;
			margin: 0px;
			/*background: url("/img/desk.png");
            background-repeat: no-repeat; */
            border: 0px solid #700;

            width: 880px;
            padding: 0;
            }
		 .main_font {
     		color: #432500;
   			text-decoration: none;
		}
		.second_font {
     		color: #432500;
   			text-decoration: none;
			font-size:10pt;
		}
		.tel_font {
			color: #432500;
   			text-decoration: none;
			font-size:11pt;
		}
		.mts_font {
     		color: #990000;
   			text-decoration: none;
			font-size:11pt;
		}
		.velkom_font {
     		color: #ffff00;
   			text-decoration: none;
			font-size:11pt;
		}
		#rb {
			position:  relative;
			top: 10px;
			left: 140px;
			margin: 0;
            border: 0px solid #700;
			height: 30px;
            width: 200px;
            padding: 0;
	    display: inline-block;

            }
   		#pol {
			position:  absolute;
			top: 10px;
			right: 135px;
			margin: 0;
            border: 0px solid #700;
			height: 30px;
            width: 200px;
            padding: 0;
	    display: inline-block;

            }
         #ip {
			position: absolute;
			top: 10px;
			left: 50%;
			margin: 0 -100px;
			border: 0px solid #700;
			height: 30px;
			width: 200px;
			padding: 0;
			display: inline-block;
            }








#menu_start {
        	position: static;
        	top:0 px;
            border: 0px solid #700;
            clear:both;
            width:290px;
        	}




ul.cssmenu {
   padding: 0;
   margin: 0;
   list-style: none;
   width: 285px;
}

ul.cssmenu li {
   float: left;
}

ul.cssmenu span {
   display: block;
   padding: 3px;
   margin-bottom: 1px;
   color: #63450c;
   width: 285px;
   text-decoration: none;
   border-bottom:1px solid #bbb
}

ul.cssmenu li a, ul.cssmenu li a:visited {
   display: block;
   padding: 3px;
   margin-bottom: 1px;
   color: #63450c;
   width: 285px;
   text-decoration: none;
   border-bottom:1px solid #bbb
}

ul.cssmenu li a:hover {
   color: #4682B4;
   background-color: #fff;
}