/* general
======================================*/

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

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

a {color: #f5512c;}
a:hover, a:active, a:focus {color: #07c0d0;}
a.alt, .alt a {color: #07c0d0;}
a.alt:hover, a.alt:active, a.alt:focus,
.alt a:hover, .alt a:active, .alt a:focus {color: #f5512c;}
a img {border: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

h1, h2, h3, h4, h5, h6,
#logo, #top, #nav {font-family: "myriad pro", arial, helvetica, sans-serif;}

/* abstract
======================================*/

.fl {float: left;}
.fr {float: right;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

/* structure
======================================*/

body {background: #f3f4ef; padding: 2px 0 50px; font: 75%/1.7 arial, helvetica, sans-serif; text-align: left; color: #333;}

#jump {display: inline; font-size: 150%;}
	#jump li {display: inline;}
	#jump a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: none; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #f7532e; top: 0; z-index: 9;}

#container {background: #fff url("img/container.png") repeat-y; width: 1030px; margin: 0 auto;}

#top {background: url("img/top.png") no-repeat; padding: 21px 28px 2px; font-size: 150%;}
#top .about {margin: 0 100px 0 0; color: #999;}
#top .slogan {color: #f5512c;}
#top div.fr .tel {background: url("img/tel.png") 0 40% no-repeat; padding: 5px 0 5px 25px; color: #f5512c;}
#top div.fr a.email {background: url("img/email.png") 0 50% no-repeat; margin: 0 0 0 20px; padding: 5px 0 5px 25px;}

#header {background: url("img/theme.jpg") 342px 0 no-repeat; position: relative; padding: 0 15px;}
#header #logo {background: url("img/logo.png"); position: relative; width: 327px; height: 256px; font-size: 300%; font-weight: bold;}
#header #logo a {position: absolute; left: 44px; top: 49px; width: 241px; height: 169px; overflow: hidden; text-decoration: none;}
#header #logo a .ir {background: url("img/logo.png") -44px -49px;}
#header #player2 {position: absolute; right: 15px; top: 0; width: 675px; height: 256px; overflow: hidden;}

#left {float: left; width: 740px; padding: 0 0 0 15px;}

#nav {background: #f7532e; height: 40px; font-size: 150%;}
#nav li {position: relative; float: left; display: inline;}
#nav a {border-right: 1px solid #f97e62; border-bottom: 1px solid #f97e62; float: left; height: 40px; padding: 0 20px; line-height: 42px; vertical-align: middle; text-decoration: none; color: #fff;}
#nav a:hover,
#nav a:active,
#nav a:focus {background: #e43b15;}
#nav a.last {border: 0;}
#nav li ul {display: none;}
#nav li.selected {z-index: 100;}
#nav li.selected a {border-bottom-color: #f7532e;}
#nav li.selected ul {background: #f7532e; position: absolute; top: 41px; left: 0; display: block; width: 200px;}
#nav li.selected ul li {float: none; zoom: 1;}
#nav li.selected ul a {border-bottom: 1px solid #f97e62; float: none; display: block; width: 160px;}

#content {padding: 10px 25px 50px 20px;}
#content h1 {margin: 15px 0 0; padding: 0 0 0 10px; font-size: 215%;}
#content h2 {margin: 15px 0 0; padding: 0 0 0 40px; font-size: 180%;}
#content h2.navrhy {background: url("img/navrhy.png") 0 40% no-repeat;}
#content h2.navrhy-kuchyni {background: url("img/navrhy-kuchyni.png") 0 40% no-repeat;}
#content h2.navrhy-koupelen {background: url("img/navrhy-koupelen.png") 0 40% no-repeat;}
#content h2.rekon-koup {background: url("img/rekon-koup.png") 0 40% no-repeat;}
#content h2.rekon-byt {background: url("img/rekon-byt.png") 0 40% no-repeat;}
#content h2.realizace {background: url("img/realizace.png") 0 40% no-repeat;}
#content p {margin: 0 0 10px 40px;}

#sidebar {float: right; display: inline; width: 260px; margin: 0 15px 0 0; padding: 0 0 50px;}
#sidebar h3 {background: #f7532e url("img/sideh3.png") 0 100% no-repeat; height: 40px; padding: 0 20px; line-height: 42px; vertical-align: middle; font-size: 180%; color: #fff;}
#sidebar ul#categories {background: #f7532e; padding: 0 0 6px; font-size: 115%;}
#sidebar ul#categories li {display: inline;}
#sidebar ul#categories a {display: block; padding: 0 20px; text-decoration: none; color: #fff;}
#sidebar ul#categories a:hover,
#sidebar ul#categories a:active,
#sidebar ul#categories a:focus {background: #e43b15;}
#sidebar ul#categories li.last a span {border: none;}
#sidebar ul#categories a span {border-bottom: 1px solid #f97558; display: block; padding: 7px 0 5px;}
#sidebar ul#categories li.sub a span {border: none;}
#sidebar ul#categories li ul {background: #f97558; padding: 8px 0 9px;}
#sidebar ul#categories li ul a {padding: 2px 20px 2px 27px;}
#sidebar #screens {padding: 5px 0 0; text-align: center;}
#sidebar #screens .fl {width: 130px;}
#sidebar #screens .fl span {display: block; margin: 20px 0 0;}

#footer {background: #f3f4ef url("img/footer.png") no-repeat; clear: both; padding: 25px 17px;}
#footer span {margin: 0 20px 0 0;}
#footer span.copy {margin: 0 5px 0 0;}
#footer a {color: #333;}
#footer a:hover,
#footer a:active,
#footer a:focus {color: #f5512c;}


.box-reference {
  max-width: 215px;
  float: left;
  padding: 5px;
  text-align: center;
}
.box-reference a {
  display: block;
  margin: 10px 0;
  color: #777777;
  padding: 5px;
  text-decoration: none;
  cursor: hand;
}
.box-reference a:hover {
  text-decoration: none;
  background: #dddddd;
}

.box-reference span {
  display: block;
  background: url(reference-background.gif) top left no-repeat;
  width: 201px;
  height: 91px;
  text-align: left;
}

.box-reference span img {
  margin: 5px;
  width: 154px;
  height: 80px;
}

.box-reference2 {
  max-width: 215px;
  float: left;
  padding: 5px;
  text-align: center;
}
.box-reference2 a {
  display: block;
  margin: 10px 0;
  color: #777777;
  padding: 5px;
  text-decoration: none;
  cursor: hand;
}
.box-reference2 a:hover {
  text-decoration: none;
  background: #dddddd;
}

.box-reference2 span {
  display: block;
  background: url(reference-background.gif) top left no-repeat;
  max-width: 201px;
  max-height: 91px;
  text-align: left;
}

.box-reference2 span img {
  margin: 5px;
  max-width: 154px;
  max-height: 80px;
}

.content form {font-size:1em}
.content form p {clear:left;padding:8px 3px;margin:0}
.content form p.note {padding-left:150px;float:left;font-weight:bold}
.content form p.note span {color:#DF6701}
.content form p label {float:left;width:150px}
.content form p label span {color:#DF6701}
.content form fieldset {background:#FAFAFA;border:1px solid #F4F4F4;padding:15px}
.content form textarea {width:345px;height:130px}
.content form  input.txt {width:175px;height:20px;padding:4px 0 0}
.content form  input.txt.wide {width:345px}
.content form  input.txt, .content form textarea {border:1px solid #CECECE}
.content form  input.submit {float:right;margin:5px 45px 0 0}

.plugin_Discussion_form {text-align: right; padding: 10px 0;}
.plugin_Discussion_form form {margin: 0; padding: 0;}
.plugin_Discussion_form form fieldset {margin: 0; padding: 10px; border: solid 1px #E43B15;}
.plugin_Discussion_form form fieldset legend {padding: 0 3px; background: #E43B15; color: #ffffff; font-weight: bold;}
.plugin_Discussion_form input, textarea {background-color: #f6fbeb; margin-top: 3px; border: solid 1px #FF7E00; color: #53770d;}
.plugin_Discussion_form textarea {width: 100%; height: 150px}

.plugin_Discussion_list {padding-top: 10px;}
.plugin_Discussion_list .spot .head a {color: #444444; font-weight: bold; text-decoration: underline;}
.plugin_Discussion_list .spot .head a:hover {text-decoration: none;}
.plugin_Discussion_list .spot {margin: 10px 0;}
.plugin_Discussion_list .spot .head {background-color: #dbdbdb; color: #666666; padding: 3px; font-size: 11px;}
.plugin_Discussion_list .spot .content {padding: 3px; background-color: #efefef; color: #333333; line-height: 1.7;}
.plugin_Discussion_list .spot .reply {padding: 1px 3px; background-color: #dbdbdb;}
.plugin_Discussion_list .spot .reply a {color: #444444;}
.plugin_Discussion_list .spot .reply a:hover {text-decoration: none;}

h3 {font-size:130%}