/********************************************
	AUTHOR:  			Jiří Černý
	E-MAIL:           Tvorbawebu@email.cz
	WEBSITE:   			http://www.tukni.cz/
	TEMPLATE NAME:		Tukni.cz      	
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #f2f2f2 url(../img/body-bg.png) repeat-x;font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #272727;text-align: center;}

/* links */
a, a:visited {text-decoration: none;color: #1986c1;}
a:hover {text-decoration: underline;}
a.gray, a.gray:visited {text-decoration: none;color: #272727;}
a.gray:hover {text-decoration: underline;}

/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}
h1 {font-size: 120%;}
h2 {font-size: 110%;}
h3 {font-size: 110%;}

/* images */
img {border: 0;}

h1, h2, h3, p {padding: 5px 10px;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #88ac0b;}
ul span, ol span {color: #666666;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 898px;background: #FFF;margin: 10px auto;text-align: left;border:1px solid #bfbfbf;position: relative;}
#wrap .corn-left-top{width: 7px;height: 7px;background: url(../img/wrap-corner.png) no-repeat left top;position: absolute;top: -1px;left: -1px;}
#wrap .corn-right-top{width: 7px;height: 7px;background: url(../img/wrap-corner.png) no-repeat right top;position: absolute;top: -1px;right: -1px;}
#wrap .corn-left-bottom{width: 7px;height: 7px;background: url(../img/wrap-corner.png) no-repeat left bottom;position: absolute;bottom: -1px;left: -1px;}
#wrap .corn-right-bottom{width: 7px;height: 7px;background: url(../img/wrap-corner.png) no-repeat right bottom;position: absolute;bottom: -1px;right: -1px;}
#content-wrap {clear: both;background: #FFF;width: 890px;padding: 3px;margin: 0 auto;border: 1px solid #e7e7e7;}
#header {position: relative;width: 900px;height: 127px;text-align:left;background: url(../img/header-bg.png) no-repeat right center;padding: 0;margin: 0 auto;font-size: 12px;color: #272727;}
#header .logo {position: absolute;top: 40px; left:0;}
#header .logo a, #header .logo span {display: block;float:left;width: 240px;height: 2px;padding: 33px 0 0 0;color: #272727;text-align:center;}
#header .logo a {position: relative;text-align:left;}
#header .logo span {position: absolute;top: 0;	left: 0;cursor: pointer;}
#header .logo a span {background: #f2f2f2 url(../img/logo.png) left center no-repeat;}
#header .login {position: absolute;top: 40px; left:250px;border-left: 1px dashed #c1c1c1;padding: 0 0 0 45px;background: url(../img/login-ico.png) no-repeat 10px center;}
#header .kosik {position: absolute;top: 40px; left:410px;border-left: 1px dashed #c1c1c1;padding: 0 0 0 45px;background: url(../img/kosik-ico.png) no-repeat 10px center;}
#top-panel{width: 900px;color: #FFF;margin: 0 auto;height: 35px;text-align:left;padding: 5px 0 0 0;}

/* Menu */
#menu {clear: both;margin: 0 auto; padding:0;width: 900px;background: #097ebd url(../img/menu-bg.png);font: bold 11px/26px Verdana, Arial, Tahoma, Sans-serif;height: 50px;}
#menu ul {float: left;list-style: none;margin:0; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block;float: left;padding: 10px 10px;color: #FFF;text-decoration: none;background: url(../img/menu-space.png) no-repeat right center;}
#menu ul li a:hover {text-decoration: underline;}
#menu ul li.current a {text-decoration: underline;}

/* Main Column */
#main {float: right;width: 72%;padding: 0; margin: 0;}
#main h1 {clear:both;margin:0;padding: 7px 0 0 20px;font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;color: #FFF;background: #272727 url(../img/nadpis-bg-left.png) no-repeat;height:23px;}
#main h1 span{background: #272727 url(../img/nadpis-bg-right.png) no-repeat;width:8px;height:30px;float:right;margin-top: -7px;padding: 0;}
#main h2{font-size: 17px;}
#main .polozka2{border-bottom: 1px solid #d1d1d1;padding: 3px 5px;background: #f2f2f2;}
#main .polozka{border-bottom: 1px solid #d1d1d1;padding: 3px 5px;}
#main .polozka h2, #main .polozka2 h2{ font-size: 12px;}
#main .polozka .obr, #main .polozka2 .obr{float:left;border: 3px solid #d1d1d1;}
#main .polozka h2, #main .polozka2 h2{float:left;color: #097ebd;padding: 5px 0 0 5px;border-right: 1px dashed #d1d1d1;height: 43px;width: 200px;}
#main .polozka .info, #main .polozka2 .info{float:left;border-right: 1px dashed #d1d1d1;height: 43px;width: 100px;text-align:center;padding: 5px 0 0 0;}
#main .polozka .cena, #main .polozka2 .cena{float:left;border-right: 1px dashed #d1d1d1;height: 43px;width: 165px;text-align: right;padding: 5px 15px 0 0;}
#main .polozka form, #main .polozka2 form, #main .infobox form {float:left;margin: 9px 0 0 10px;}
#main .polozka form input[type=text], #main .polozka2 form input[type=text], #main .infobox form input[type=text] {text-align:center;width: 34px;height: 16px;border: 1px solid #d1d1d1;background: #FFF;font-weight: bolder;padding: 5px 0;}
#main .polozka form .but, #main .polozka2 form .but, #main .infobox form .but {width: 28px;height: 28px;border:0;background: url(../img/ico-kosik.png) no-repeat;}
#main .infobox{float:right;width: 54%;border-left: 1px dashed #d1d1d1;margin: 5px 0 0 0;}

/* Sidebar */	
#sidebar {float: left;width: 26.5%;padding: 0 7px 0 0; margin: 0;border-right: 1px dashed #bfbfbf;}	
#sidebar h1 {margin:0;padding: 7px 0 0 20px;font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;color: #FFF;background: #272727 url(../img/nadpis-bg-left.png) no-repeat;height:23px;}
#sidebar h1 span{background: #272727 url(../img/nadpis-bg-right.png) no-repeat;width:8px;height:30px;float:right;margin-top: -7px;padding: 0;}
#sidebar .left-box {margin: 0 0 5px 0;}
#sidebar ul {list-style: none;text-align: left;margin: 3px 0 8px 0; padding: 0;text-decoration: none;}
#sidebar ul li {border-bottom: 1px dashed #bfbfbf;padding: 5px 0 5px 5px;margin: 0 2px;}
#sidebar ul li a {font-weight: bolder;text-decoration: none;background: url(../img/sidebar-bull.png) no-repeat left 4px;color: #272727;padding: 0 0 0 10px;}
#sidebar ul li a:hover {color: #097ebd;background-position: left -15px;}
#sidebar ul li.current a {font-weight: bolder;text-decoration: none;background: url(../img/sidebar-bull.png) no-repeat left -15px;color: #097ebd;padding: 0 0 0 10px;}
#sidebar ul li.current ul{list-style: circle; color:#097ebd; padding: 0;margin: 0 0 0 25px;}
#sidebar ul li.current ul li{border: none;padding: 2px 0;margin: 0;}
#sidebar ul li.current ul li a{background: none;color: #272727;margin-left: -10px;}
#sidebar ul li.current ul li a:hover{color: #097ebd;}
#sidebar .textbox{
  border: 1px solid #9c9c9c;
  color: #9c9c9c;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  height: 16px;
  padding: 0 10px;
  width: 90%;
  margin: 5px 0;
  padding: 7px;
}
#sidebar .but{background: url(../img/search-button.png) no-repeat;width: 81px;height: 24px;border:0;font-weight: bolder;color: #FFF;font-size: 11px;letter-spacing: 1px;padding-bottom: 2px;}

/* Footer */	
#footer {color: #272727;clear: both;width: 890px;height: 30px;text-align: center;font-size: 92%;margin: -10px auto;}

/* Tabs */
#tabs {clear:both;margin: 0 0 10px 0;}
#tabs ul {list-style: none;margin: 0; padding:0;}
#tabs ul li a {text-decoration: none;color: #272727;margin-bottom: -1px;margin-right: 2px;float:left;font-size: 12px;text-align:left;padding: 5px 15px;}
#tabs ul li a:hover {color: #272727;text-decoration: underline;}
#tabs ul li.active a {text-decoration: none;color: #272727;margin-bottom: -1px;margin-right: 2px;float:left;font-size: 12px;text-align:left;padding: 5px 15px;border-top: 1px solid #000;border-left: 1px solid #d1D1D1;border-right: 1px solid #d1D1D1;background: #f2f2f2;}
#tabs ul li.active a:hover {color: #272727;text-decoration: underline;}
#tabs div{clear:both;border: 1px solid #d1D1D1;background: #f2f2f2;}
#tabs div#pneu{background: #F2F2F2 url(../img/filtr-bg.png) no-repeat right bottom;}
#tabs div form td{text-align:right;padding: 3px 0 3px 12px;font-size: 12px;}
#tabs div form td select{width: 140px;border: 1px solid #D1D1D1;}
#tabs div input[type=submit]{background: url(../img/filtr-button.png) no-repeat;color:#FFF;width: 208px;height:24px;font-weight: bolder;border:0;}

/* Košík */
#kosik table {border: 0;width: 100%;margin: 10px 0 0 0;clear:both;}
#kosik table tbody tr td {border-bottom: 1px solid #c1c1c1;font-weight:normal;padding: 10px 0;vertical-align:middle;}
#kosik table thead tr td {border-bottom: 1px solid #c1c1c1;font-weight:bolder;}
#kosik table tr td.info {width: 200px;}
#kosik table tr td.skladem {width: 80px;text-align:center;}
#kosik table tr td.kusu {width: 85px;text-align:center;}
#kosik table tr td.cena {width: 140px;padding: 0 0 0 10px;}
#kosik table tr td.cena span {font-weight:bolder;font-size: 14px;}
#kosik table tr td.akce {width: 50px;text-align:center;}
#kosik table tr td form input[type=text] {text-align:center;width: 34px;height: 16px;border: 1px solid #d1d1d1;background: #FFF;font-weight: bolder;padding: 5px 0;}
#kosik table tr td form .but {width: 28px;height: 28px;border:0;background: url(../img/ico-kosik.png) no-repeat;}
#kosik table tbody tr td.info, #kosik table tbody tr td.skladem, #kosik table tbody tr td.kusu, #kosik table tbody tr td.cena {border-right: 1px dashed #c1c1c1;}
#kosik table .bg {background: #f2f2f2;}
#soucet{float:right;clear:both;width: 30%;margin: 10px 0;}
#soucet table tr td{padding: 2px 5px;}
#soucet table tr.brd td{border-bottom: 1px solid #c1c1c1;}
#soucet table tr.celkem td{font-size: 15px;font-weight: bolder;}
#soucet a.pokladne{background: url(../img/k-pokladne-button.png) no-repeat;width: 102px;height: 27px;float:right;color: #FFF;font-size: 14px;font-weight:bolder;padding: 7px 0 0 23px;margin: 10px 0;}
#kosik .navigace{text-align:center;position: relative;font-size: 30px;font-weight: bolder;color: #CCC;margin: 10px 0 0 5px;width: 630px;height: 58px;background: url(../img/kosik-navigace-bg.png) no-repeat;}
#kosik .navigace .active{color:#272727;}
#kosik .navigace span{font-size: 11px;font-weight: bolder;}
#kosik .navigace .prvni{width: 70px;position: absolute;top:10px;left: 0;}
#kosik .navigace .druhy{width: 160px;position: absolute;top:10px;left: 70px;}
#kosik .navigace .treti{width: 210px;position: absolute;top:10px;left: 235px;}
#kosik .navigace .ctvrty{width: 180px;position: absolute;top:10px;left: 445px;}

/* Komentáře */
.komentar {clear:both;margin: 10px 0;}
.komentar .title{background: #272727;padding: 3px;color:#FFF;}
.komentar p{padding: 5px 5px;}

/* Formuláře */
#formular,#formular2 {padding:5px 30px 5px 30px;text-align:left;color: #FFF;}
#formular .submit,#formular2 .submit {margin:0 0 0 10px;font-size:1.2em;color:#000;background:#7eb4e2;border:1px solid #296fb9;cursor:pointer;}
#formular input,#formular2 input {font-size:1em;color:#FFF;background:#111214;border:1px solid #949dbb;}
#formular fieldset,#formular2 fieldset {margin-top:5px;padding:0 10px 10px 10px;background:#222;border:1px solid #47494e;border-top:3px solid #47494e;}
#formular legend,#formular2 legend {padding:2px 8px;font-weight:bold;color:#ccc;background:#111214;border:1px solid #47494e;}
#formular label,#formular2 label {padding:6px 15px 6px 5px;}
#formular select,#formular2 select {padding:1px;font-size:1em;color:#ccc;background:#111214;border:1px solid #949dbb;}
#formular textarea,#formular2 textarea {background:#111214;border:1px solid #949dbb;color: #FFF;}
#formular table,#formular2 table {margin-top:8px;}
#formular .popisek {width:110px;}
#formular .pole {width:150px;}
#formular a {color:#ccc}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto{margin:  0 auto;}

/* display and additional classes */
.clear { clear: both; }
.blue { color: #097ebd; }