/* ============  RESET =========== */

html, body {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100.01%;
}

body {
	font-size: 100%;
}
div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend,
table, caption, tbody, thead, tfoot, tr, th, td,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}
input, select, textarea, button {
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
a img {
	border: 0;
}
object {
  outline: 0;
}

.fl_r {
	float: right;
}

.fl_l {
	float: left;
}

strong {
	font-weight: bolder;
}

/* ========== GALERIE =========== */

.galerie {
	padding: 10px 0 10px 0;
	clear: both;
}

.galerie p {
	background: #f7f7f7;
	float: left;
	padding: 5px 5px 0px 5px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #e7e7e7;
}


/* ============  MAIN =========== */
html{
	background:#333533 url(../images/all-repeat.jpg) repeat;
}

body {color:#a6a6a6; font: 14px/1.8 Calibri, "arial", sans-serif; text-align:center;}

a {text-decoration: underline;color: white;}
a:hover {text-decoration: none;}

a img {
	border: 0;
}

h1, h2, h3, h4 {
	padding-bottom: 10px;
	color: #dfdfdf;
	font-weight: bolder;
}

.clear {
	clear: both;
}

h1 {font-size: 30px;line-height: 26px;}
h2 {font-size: 24px;}
h3 {font-size:20px;}
h4 {font-size:17px;}
h5 {font-size:100%;}

p {
	padding-bottom: 15px;
}

#header {
	height: 97px;
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
}

#boxy_uvod {
	height: 274px;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#nav {
	height: 117px;
	margin: 0 auto;
	width: 960px;
	text-align: left;
	color: #a7a7a7;
}


#nav_obal {
	background: url(../images/nav_repeat.png) repeat-x;
	height: 90px;
	padding-top: 25px;
}


#nav h1 span.nadpis1 {
	font-size: 24px;
	float: left;
	display: block;
	line-height: 67px;
}

#nav h1 span.popis_top {
	background: url(../images/oddelovac_nav.png) no-repeat top left;
	line-height: 67px;
	margin: 0 0 0 25px;
	padding-left: 52px;
	font-size: 18px;
	font-weight: normal;
	float: left;
	display: block;
}

#boxy_uvod_obal {
	background: url(../images/bg-repeat.png) repeat-x;
	background: url(../images/bg-repeat-2.png) repeat-x;
	height: 274px;
}



#main {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

ul, ol {
	list-style: inside;
	padding-bottom: 10px;
}

#top_wave {
	position:absolute;
	top: 0;
	left: 329px;
	z-index: -2;
}

.logo_top {
	background: url(../images/wt-logo-top.png);
	width: 182px;
	height: 42px;
	display: block;
	position: absolute;
	top: 35px;
	left: 0;
}

ul.top_menu {
	list-style:none;
	padding-top: 0px;
	float: right;
	padding-bottom: 0;
}

ul.top_menu ul li {
	float: none;
}

ul.top_menu li ul {
	display: none;
	list-style: none outside;
	position: absolute;
	width: 160px;
	padding-bottom: 0;
	padding-top: 10px;
	background: black;
}

ul.top_menu li ul li:hover ul,
ul.top_menu li ul li.hover,
ul.top_menu li:hover ul,
ul.top_menu li.hover ul,
ul.top_menu li.hover ul li.hover ul
 {
	display: block;
}

ul.top_menu li:hover a {
	background: black;
}

ul.top_menu li {
	float: left;
	behavior: url(hover.htc);
	position: relative;
}

ul.top_menu li a {	
	font-weight: bolder;
	color: #b5b5b5;
	text-decoration: none;
	border-left: 1px solid #000000;
	border-right: 1px solid #3d3d3d;
	padding: 46px 12px 5px 12px;
	display: block;
}

ul.top_menu li a:hover {
	background: black;
}

ul.top_menu li ul li {
	
}

ul.top_menu li ul li a {
	border: 0;
	background: black;
	padding-top: 5px;
}

ul.top_menu li a:hover {
	color: #35bef1;
}

.top_box1 {
	width: 285px;
	float: left;
	background: url(../images/top-webdesign-ico.png) no-repeat 0 20px;
	padding-left: 155px;
	height: 224px;
	padding-top: 50px;
}

.top_box1 p,
.top_box2 p,
.top_box1 h1,
.top_box2 h1 {
	color: white;
}

.top_box2 {
	width: 285px;
	float: right;
	background: url(../images/top-eshop-ico.png) no-repeat 0 20px;
	padding-left: 145px;
	height: 224px;
	padding-top: 50px;
}

.modra {
	color: #3ec1f2;
}

.zelena {
	color: #34da4f;
}

.button {
	background: url(../images/button-black-long-left.png) no-repeat top left;
	color: #B3B3B3;
	text-decoration: none;
	font-weight: bolder;
	position:relative;
	width: auto;
	padding-left: 15px;
	display: block;
	padding-right: 7px;
	height: 26px;
	margin-right: 8px;
}


.button_end {
	background: url(../images/button-black-right.png) repeat-x;
	height: 26px;
	width: 8px;
	display: block;
	position: absolute;
	top: 0;
	right: -8px;
}

.button2 {
	background: url(../images/button-black-long-left-2v1.png) no-repeat 0 0;
	color: #b3b3b3;
	text-decoration: none;
	font-weight: bolder;
	position:relative;
	width: auto;
	padding-left: 15px;
	display: block;
	padding-right: 7px;
	height: 26px;
	color: #7f7b7b;
}

.button2:hover {
	background: url(../images/button-black-long-left-2v1.png) no-repeat 0 -26px;
	color: #35bef1;
}

.button2_end {
	background: url(../images/button-black-right.png) 0 0 repeat-x;
	height: 26px;
	width: 8px;
	display: block;
	position: absolute;
	top: 0;
	right: -8px;
}

.button:hover {
	color: white;
}

ul.odrazky_zelene,
ul.odrazky_zelene_small {
	list-style: none outside;
}

ul.odrazky_zelene li {
	background: url(../images/check.png) no-repeat top left;
	padding-left: 50px;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 15px;
}

ul.odrazky_zelene_small li {
	background: url(../images/check_small.png) no-repeat top left;
	padding-left: 35px;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 15px;
	color: #dfdfdf;
}

.uvod_leva {
	width: 440px;
	float: left;
	padding-bottom: 40px;
}

.uvod_prava {
	width: 440px;
	float: right;
	padding-bottom: 40px;
}

table {
	width: 100%;
	background: transparent;
}

table td {
	border-collapse: collapse;
	background:transparent url(../images/table_transparency.png) repeat;
	_background: #0f100f;
	padding: 5px 10px 5px 10px;
	font-family: calibri, arial;
	font-size: 14px; 
	border-bottom: 2px solid #2a2a2a;
}

table tr:hover td {
	color: #dfdfdf;
	color: #34DA4F;
	color: #2DBCF1;
	background: black;
	font-weight: bolder;
}

table td.druha {
	text-align: right;
	font-weight: bolder;
}

table tr {
	background: transparent;
	padding-bottom: 2px;
}

#footer_obal {
	width: 100%;
	background: #1b1b1b url(../images/footer-repeat.jpg) repeat-x;
	min-height: 170px;
	_height:170px;
}

#footer {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(../images/footer_img.jpg) no-repeat 74% 100%;
	min-height: 170px;
	_height:170px;
}

.kontakt-small {
	width: 440px;
	padding-bottom: 20px;
	float: left;
	background: url("../images/prechod_leva_strana.png") repeat-x #2B3131;
	padding: 0 15px 15px 15px;
	margin-bottom: 20px;
}

#footer_obal .kontakt-small {
	background: none;
}

.kontakt-small input,
.kontakt-small textarea {
	width: 428px;
	border: 1px solid #303030;
	background: #242424 url(../images/input_top_repeat.jpg) 0 0 repeat-x;
	overflow: auto;
	display: block;
	padding: 3px 5px 3px 5px;
	color: #a7a7a7;
	font-family: Calibri;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 5px;
}

.kontakt-small sup {
	color: white;
	padding-left: 5px;
}

.kontaktni-udaje {
    float: left;
	padding-left: 20px;
/*	width: 500px;*/
padding-top: 157px;
background: url(../images/WLM_ico.png) no-repeat 50% 0px;
}

.kontaktni-udaje table tr:hover td {
	font-weight: normal;
}

.kontakt-small textarea {
	height: 130px;
	margin-bottom: 10px;
}


.kontakt-small input.button_odeslat {
	background: url(../images/button-black-long-left.png) no-repeat top left;
	color: #b3b3b3;
	text-decoration: none;
	font-weight: bolder;
	float: left;
	width: auto;
	padding-left: 15px;
	display: block;
	padding-right: 7px;
	height: 26px;
	font-style: normal;
	margin: 0 0 0 0;
	border: 0;
	cursor: pointer;
}

.kontakt-small input.button_odeslat:hover {
	color: white;
}

.kontakt-small .submit_end {
	background: url(../images/button-black-right.png) repeat-x;
	height: 26px;
	width: 8px;
	display: block;
	float: left;
	cursor: pointer;
}

.kontakt-small form {
	border: 0;
	display: block;
}

.co-delame {
	width: 210px;
	float: right;
}

.co-delame ul li {
	text-transform: uppercase;
	font-style: italic;
	font-size: 12px;
	font-weight: bolder;
	list-style: disc inside;
	color: #dfdfdf;
}

.kontaktni-udaje {
	float: right;
	padding-right: 0px;
	width: 210px;
}

table.none {
	width: 100%;
}

table.none td {
	width: auto;
	border: 0;
	background: 0;
	padding: 0;
}

table.none tr:hover td {
	background: none;
	color: #a6a6a6;
}

.kontaktni-udaje table {
	margin-bottom: 30px;
}

.kontaktni-udaje table strong {
	
}

.kontaktni-udaje table tr.prvni td {
	padding-bottom: 10px;
}

#footer p.copy {
	padding: 30px 0 20px 0px;
}

.leva_strana {
	width: 590px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	min-height: 400px;
	_height: 400px;
	background: #2b3131 url(../images/prechod_leva_strana.png) repeat-x;
	padding: 0 15px 15px 15px;
}

.leva_strana strong {
	color: #dfdfdf;
	color: #34DA4F;
}

.prava_strana {
	width: 320px;
	float: left;
	padding-bottom: 40px;
}

.rbox p {
	float: right;
	width: 230px;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 3px dotted #585757;
	text-align: justify;	
}

.rbox p strong {
	/*color:#34DA4F;*/
}

.rbox h4 {
	padding-bottom: 0;
	/*color: #34DA4F;*/
	color: #a7a7a7;
}

.rbox .obrazek {
	float: left;
	width: 80px;
}

.galerie p,
.reference .obrazek a {
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 0 5px 5px 0;
	float: left;
	background: #393939;
	border: 3px solid black;
	border-radius: 10px;
	-webkit-border-radius: 1Opx;
	-moz-border-radius: 10px;
}

.reference .obrazek a {
	margin: 0;
}

.galerie p:hover,
.reference .obrazek a:hover {
	background: #0f90c0;
	border: 3px solid #3ec1f2;
}

.galerie a img,
.reference .obrazek a img {
	display: block;
}

.galerie {
	padding: 10px 0 10px 0;
	clear: both;
}


.reference {
	width: 440px;
	float: left;
	padding-right: 40px;
	border-bottom: 3px dotted #585757;
	padding-bottom: 15px;
	margin-bottom: 25px;
	height: 175px;
}

.reference .obrazek {
	width: 190px;
	float: left;
}

.reference .popis {
	width: 230px;	
	line-height: 18px;
	font-style: italic;
	float: right;
}

.reference .popis h3 a {
	font-size: 14px;
	font-style: normal;
	color: #2dbcf1;
	text-decoration: none;
}

.reference .popis h3 a:hover {
	text-decoration: underline;
}

.reference2 {
	padding-right: 0;
	float: right;
}

.nase_prace {
	font-style: italic;
	text-transform: uppercase;
	font-weight: bolder;
	color: #34da4f;
}

.razeni {
	padding: 0 0 30px 0;
}

.checks {
	float: left;
	padding: 157px 20px 0 40px;
	background: url(../images/Address-Book_ico.png) no-repeat 50% 0px;
	wid
}

.chyba {
	background: #1C1A1A;
	display: block;
	padding: 10px 10px 10px 10px;
	color: white;
	font-style: italic;
}

.obrazek_projektu {
	padding: 5px 5px 5px 5px;
	border: 3px solid #171717;
	float: left;
}

.obrazek_projektu img {
	display: block;
}

.reference_detail {
	padding: 0 0 40px 0;
	position: relative;
}

.popis_projektu {
	float:right;
width:210px;
padding: 10px 10px 10px 10px;
background: #151515;
}

.prev,
.next {
	display: block;
	background: url(../images/leva_sipka.png) no-repeat top left;
	width: 25px;
	height: 41px;
	float: left;
}

.prev:hover,
.next:hover {
	margin-top: 3px;
}

.next {
	background: url(../images/prava_sipka.png) no-repeat top left;
	margin-left: 20px;
}

.next_prev {
	position: absolute;
	top: 0;
	right: 20px;
	height: 80px;
	padding-bottom: 20px;
}

.popis_projektu .odkaz {
	padding: 20px 0 20px 0;
}

.popis_projektu .odkaz a {
	margin-bottom: 5px;
	text-align: center;
}

.popis_projektu .prace {
	padding-top: 20px;
}

ul.top_menu li a.topmenu_start {
	border-left:0;
}

ul.top_menu li a.topmenu_end {
	border-right:0;
}

.prohlizece img {
	float: right;
	margin-left: 15px;
}