/*######################################

Author: Vojtech Bulant, [bulant.cz]
Project: Hausmart.cz

Encoding: UTF-8
Media: screen, projection, tv

Latest revision: 18. 11. 2008

######################################*/

/*======================================
  COMMON
======================================*/

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;}

sup {vertical-align: super; font-size: .8em;}
sub {vertical-align: sub; font-size: .8em;}

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

/*:focus { outline: 0; }*/

body { position: relative; background: #ffffff url("img/body.png") top repeat-x; min-height: 100%; font: 75%/1.5 Tahoma, helvetica, sans-serif; text-align: center; color: #4f4d4d; }

/* tables still need 'cellspacing="0"' in the markup */
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; }

hr { display: none; }

a { color: #e57918; }
a:hover, a:active, a:focus { color: #4f4d4d; }
a img { border: none; }
a.alt, .alt a {text-decoration: none !important;}
a.alt:hover, .alt a:hover,
a.alt:focus, .alt a:focus,
a.alt:active, .alt a:active {text-decoration: underline !important;}

p { margin: 0 0 15px 0; }

/*======================================
  UNIVERZALNI PRVKY
======================================*/

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

.cleaner {
	clear: both;
	display: block; visibility: hidden;
	height: 0; line-height: 0; overflow: hidden;
	font-size: 0;
}

.nob {border: 0 !important;}

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

.fl {float: left !important;}
.fr {float: right !important;}
.clear {clear: both;}
.cw {height: 1%; overflow: hidden;}

.mr10 {margin-right: 10px !important;}
.mr14 {margin-right: 14px !important;}
.mr15 {margin-right: 15px !important;}
.mt15 {margin-top: 15px !important;}
.mt-10 {=margin-top: -10px !important;}
.mt-15 {=margin-top: -15px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb5 {margin-bottom: 5px !important;}
.nomb {margin-bottom: 0 !important;}
.nomt {margin-top: 0 !important;}
.nom {margin: 0 !important;}
.pb15 {padding-bottom: 15px !important;}

.bold { font-weight: bold; }
.hand { cursor: hand; cursor: pointer; }

.a-hidden { position: absolute; top: -10000em; }

/* STRUKTURA
======================================*/

#jump { display: inline; font-size: 1.2em; }
	#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: underline; font-weight: bold; color: white; }
	#jump a:hover,
	#jump a:active,
	#jump a:focus { background: #000000; top: 0; z-index: 9; }

	#langs {position: absolute; top: 5px; right: 7px; z-index: 100; width: 350px; height: 43px; text-align: left; line-height: 1.6;}
	#langs a {text-decoration: none; vertical-align: middle; margin: 0;}
	#langs a span {white-space: nowrap; margin-right: 7px;}
	#langs a img {border: 1px solid #ccc; vertical-align: middle;}
	#langs a:hover img,
	#langs a:active img,
	#langs a:focus img {border-color: #000000;}
#container { position: relative; background: #ffffff; width: 960px; margin: 0 auto; padding: 0 7px 114px 7px; text-align: left; }

/* Hlavicka
--------------------------------------*/

#header { height: 69px; }

/* #title je na uvodni strane h1, na ostatnich strong */
#title { position: relative; display: block; height: 100%; overflow: hidden; font-size: 150%; font-weight: bold; }
#title span.ir { background: url("img/logo.png") no-repeat; }

/* Navigace
--------------------------------------*/

#nav { background: #e3e3e3 url("img/nav.png") left bottom repeat-x; border-bottom: 6px solid #ffffff; width: 100%; height: 39px; overflow: hidden; }
#nav ul { height: 33px; overflow: hidden; padding: 6px 0 0 16px; margin: 0 auto; }
#nav li {display: inline;}
#nav li a { background: #5f5f5f url("img/tab.gif") 0 -33px no-repeat; float: left; margin: 0 2px; font-weight: bold; color: #ffffff; }
#nav li a span { background: url("img/tab.gif") right top no-repeat; display: block; padding: 8px 20px 7px 20px; }
#nav li.em a { background: #e87817 url("img/tabem.gif") 0 -33px no-repeat; }
#nav li.em a span { background: url("img/tabem.gif") right top no-repeat; }
#nav li.active a {background: #ffffff url("img/tab_active.gif") 0 -33px no-repeat; text-decoration: none; color: #e87817;}
#nav li.active a:hover,
#nav li.active a:focus,
#nav li.active a:active {text-decoration: none !important;}
#nav li.active a span {background-image: url("img/tab_active.gif");}

/* Middle – skupiny produktu, ilustrace, mapka atd.
--------------------------------------*/

#middle { position: relative; background: url("img/themes/theme.jpg") 280px 0 no-repeat; border-bottom: 5px solid #d3d3d3; width: 100%; overflow: hidden; padding: 0 0 1px 0;}
#middle #products { float: left; width: 279px; }
#middle #products li {display: inline;}
#middle #products li a { background: #c45302 url("img/middle_item.png") left top no-repeat; border-top: 1px solid #ffffff; display: block; height: 90px; overflow: hidden; padding: 8px 18px; font-weight: bold; color: #ffffff; }
#middle #products li a strong { display: block; font-size: 130%; }
#middle #products li a span {display: block;}
#middle #products li.active a { background: #ffffff url("img/middle_arrow.gif") 0 18px no-repeat; height: 80px; padding-top: 18px; color: #000000; }
#middle #products li a:hover,
#middle #products li a:active,
#middle #products li a:focus {text-decoration: none !important; background-image: url("img/middle_item-h.png");}
#middle #products li.active a:hover,
#middle #products li.active a:active,
#middle #products li.active a:focus {border-top: 1px solid #ffffff; background: #ffffff url("img/middle_arrow.gif") 0 18px no-repeat;}
#middle #middleSlogan {position: absolute; bottom: 1px; right: 224px; width: 444px; height: 39px; padding: 0 12px 0 0; line-height: 39px; overflow: hidden; vertical-align: middle; color: #ffffff; font-size: 1.7em; text-align: right; /**/background: #000000 url("img/middleSlogan.png") repeat-y;}
#middle #middleSlogan span {color: #e57918;}
#middle #addinfo { float: right; width: 223px; border-right: 1px solid #d4d4d4; }
/*#middle #addinfo form { padding: 4px 0 0 10px; }
#middle #addinfo form input.text {width: 139px;}*/
#middle #addinfo strong#telGratis { display: block; padding: 3px 5px; margin: 8px 14px 0 14px; background: #f8f8f8; border: 1px solid #e5e5e5; color: #666666; }
#middle #addinfo strong#telGratis span { font-size: 1.1em; color: #009900; margin-left: .3em; }
#middle #addinfo a#toContacts { display: block; height: 98px; overflow: hidden; margin: 20px 0 15px 0; padding: 0 0 0 16px; font-size: 90%; color: #4f4d4d; }
#middle #addinfo a#toContacts:hover,
#middle #addinfo a#toContacts:focus,
#middle #addinfo a#toContacts:active {text-decoration: none !important; color: #f37821;}
#middle #addinfo a#toContacts strong {display: block;}
#middle #addinfo a#toContacts img {margin-top: 5px;}
#middle #addinfo #addLinks {width: 208px; padding: 3px 0 0 15px; overflow: hidden;}
#middle #addinfo #addLinks li {display: inline;}
#middle #addinfo #addLinks li a { position: relative; float: left; height: 85px; text-align: center; }
#middle #addinfo #addLinks li a span {position: absolute; left: 0; bottom: 0; display: block; width: 100%;}
#middle #addinfo #addLinks li a#dict {background: url("img/addlinks_dict.jpg") 50% 0 no-repeat; width: 59px;}
#middle #addinfo #addLinks li a#techInfo {background: url("img/addlinks_techinfo.jpg") 50% 15px no-repeat; width: 88px;}
#middle #addinfo #addLinks li a#faq {background: url("img/addlinks_faq.jpg") 50% 23px no-repeat; width: 39px;}
/*zuzeny stred - na podstrankach*/
#middle.sub {background: url("img/themes/subtheme.jpg") 280px 0 no-repeat;}
#middle.sub #products li a { background-image: url("img/middle_item_m.png"); height: 25px; padding: 16px 18px;}
#middle.sub #products li.active a { background: url("img/middle_arrow.gif") 0 18px no-repeat;}
#middle.sub #products li a:hover,
#middle.sub #products li a:active,
#middle.sub #products li a:focus {background-image: url("img/middle_item_m-h.png");}
#middle.sub #products li.active a:hover,
#middle.sub #products li.active a:active,
#middle.sub #products li.active a:focus {background: #ffffff url("img/middle_arrow.gif") 0 18px no-repeat;}
#middle.sub #addinfo a#toContactsSub {display: block; width: 183px; height: 36px; padding: 0 0 0 13px; margin: 10px 0 0 14px; background: url("img/toContactsSub.png"); line-height: 36px; vertical-align: middle; font-weight: bold; color: #444444; text-transform: uppercase;}
#middle #addinfo a#toContactsSub {display: block; width: 183px; height: 36px; padding: 0 0 0 13px; margin: 10px 0 0 14px; background: url("img/toContactsSub.png"); line-height: 36px; vertical-align: middle; font-weight: bold; color: #444444; text-transform: uppercase;}

#slideshow {
    position: absolute; left: 280px; top: 0;
    width: 456px; height: 174px; overflow: hidden;
}
#slideshow.home {height: 281px;}
#slideshow.home div {
	position:absolute;
    top:0;
    left:0;
    z-index:20;
	width: 456px; height: 281px;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

/* Hlavni (side + obsah)
--------------------------------------*/

#main {background: url("img/main_aside.gif") repeat-y; width: 100%; overflow: hidden;}

/* Submenu
--------------------------------------*/

#subnav {float: left; width: 221px; padding: 0 0 20px 0;}
#subnav li {background: url("img/sub_arrow.gif") 5px 8px no-repeat; border-bottom: 1px solid #d7d6d6; padding: 5px 15px 5px 18px; margin-left: 5px;}
#subnav li strong.title {font-weight: bold;}
#subnav li.subcategory {background: url("img/subcategory.jpg") no-repeat; margin-left: 0; padding-left: 23px;}
#subnav li.subcategory ul {padding-top: 3px; line-height: 1.7;}
#subnav li a {color: #4f4d4d; font-weight: bold;}
#subnav li li {background: none; border: 0; padding: 0;}
#subnav li li a {color: #e57918; font-weight: normal;}
#subnav li.active {background: #fdead8 none; margin: 1px 0; padding: 0;}
#subnav li.active ul {border-bottom: 1px solid #ffffff; =padding-bottom: 4px;}
#subnav li.active a {background: #f48827; display: block; padding: 5px 8px; color: #ffffff;}
#subnav li.active li.active {margin-left: 5px;}
#subnav li.active li.active a {font-weight: bold;}
#subnav li.active li a {background: transparent; color: #f48827; padding: 0; margin: 5px 2px 7px 5px; =margin: 4px 2px 3px 5px; line-height: 1.3;}

.sidebox,
a#wholesale {width: 221px; height: 204px; margin-bottom: 20px;}
a#wholesale {clear: left; background: url("img/wholesale.jpg") no-repeat; display: block; text-decoration: none;}
.sidebox span,
a#wholesale span {display: block; padding: 15px 20px 10px 20px;}
.sidebox strong.heading,
a#wholesale strong {display: block; margin-bottom: 17px; font-size: 1.4em; text-decoration: underline; color: #ffffff;}
a#wholesale em {font-weight: bold; color: #444444; font-style: normal;}

.fluid {background: url("img/sideboxb.png") 0 100% no-repeat; height: auto;}
.fluid span {background: url("img/sideboxh.jpg") no-repeat;}
.fluid strong.heading {text-decoration: none; font-size: 1.2em !important; margin-bottom: 25px;}
.fluid strong em {color: #e57918; font-style: normal;}
.fluid div {padding: 0 15px 10px 15px;}
.fluid p img.fl {margin: 0 10px 0 0;}
.fluid ul {margin: 0 0 10px 0;}
.fluid ul li {background: url("img/li.gif") 0 8px no-repeat; padding: 0 0 0 10px;}

#zelenausporam {background: url("img/zelenausporam.jpg") no-repeat;}
#zelenausporam strong.heading {font-size: 1.4em; text-decoration: none;}
#zelenausporam p {font-style: normal; margin: 0;}
#zelenausporam em {font-style: normal;}

/* Obsah
--------------------------------------*/

#content {float: right; width: 715px;}

/* Homepage -------------------------*/

#homeIn {float: left; width: 483px; padding: 25px 0 10px 0;}
#homeIn .box {background: url("img/box.png") left bottom no-repeat; width: 100%; overflow: hidden; margin: 0 0 13px 0;}
#homeIn .box .in {background: url("img/boxt.png") no-repeat; min-height: 20px; padding: 12px 12px 2px 12px;}
#homeIn .box h2 {font-weight: bold; font-size: 1.5em;}
#homeIn .box h3 {font-weight: bold; font-size: 1.1em;}

#homeNews {background: url("img/main_aside.gif") repeat-y; float: right; width: 224px;}
#homeNews .in {background: url("img/homenewsb.png") left bottom no-repeat; padding: 11px 0 20px 0;}
#homeNews a#podnikejte {color: #f37821; margin: 2px 17px 15px 17px;display: block; height: 219px; background: url("img/pod_s_nami.jpg"); overflow: hidden; text-decoration: none; line-height: 1.3;}
#homeNews a#podnikejte:hover,
#homeNews a#podnikejte:focus,
#homeNews a#podnikejte:active {color: #f37821; text-decoration: underline;}
#homeNews a#podnikejte span {display: block; font-size: 1.5em; text-decoration: none; font-weight: bold; margin: 12px 0 0 15px;}
#homeNews h3 {background: url("img/homenew.gif") 10px 50% no-repeat; padding: 0 10px 0 30px; font-weight: bold; color: #4f4d4d !important; font-size: 1.7em;}
#homeNews .item {padding: 0 10px; margin: 12px 0 0 0;}
#homeNews .item em.date {font-style: normal; font-weight: bold; color: #b3b3b3;}
#homeNews .item strong.title {color: #4d4948; font-size: 1.1em;}
#homeNews .item p {margin: 0 0 10px 0;}
#homeNews .item ul {margin: 0 0 10px 0;}
#homeNews .item ul li {margin: 0 0 5px 0;}

#homeCategories {clear: both; width: 100%; overflow: hidden; padding: 0 0 10px 0;}
#homeCategories a {float: left; width: 157px; height: 88px; overflow: hidden; margin: 0 9px; padding-top: 99px; text-align: center; color: #ffffff;}
#homeCategories #catDvere {background: #2fb025 url("img/cat_dvere.jpg") no-repeat;}
#homeCategories #catOkna {background: #437eb5 url("img/cat_okna.jpg") no-repeat;}
#homeCategories #catZaluzie {background: #ce6407 url("img/cat_zaluzie.jpg") no-repeat;}
#homeCategories #catVrata {background: #d69312 url("img/cat_vrata.jpg") no-repeat;}

/* Postranky -------------------------*/

#content.sub {padding: 9px 0;}
#content h2 {font-size: 200%; margin: 0 0 15px 0; font-weight: normal !important;}
#content p.promo {font-size: 150%; color: #7b7878; margin: -15px 0 20px 0;}
#content h3 {font-size: 140%; font-weight: normal; color: #f48827; margin: 10px 0;}
#content h3.empha {font-size: 170%; font-weight: bold; border-bottom: 2px solid #eee;}
#content h4 {font-size: 120%; font-weight: bold; margin: 10px 0;}
#content h4 strong {color: #f48827;}
#content p {height: 1%; overflow: hidden; margin: 10px 0 15px 0;}
#content p img {border: 1px solid #e8e8e8; padding: 4px;}
#content p img.fl {margin-right: 14px;}
#content p img.fr {margin-left: 14px;}
#content p strong em,
#content ul strong em,
#content ol strong em {color: #f48827; font-style: normal;}
#content p em strong,
#content ol em strong,
#content ul em strong {color: #f48827; font-style: normal; font-weight: normal;}
#content p.empha {background: #fdead8; border: 1px solid #ffd5ae; color: #f48827; padding: 8px 12px; width: 689px;}
#content ul {margin: 10px 0 15px 20px;}
#content ul li {background: url("img/li.gif") 0 8px no-repeat; padding: 0 0 0 10px;}
#content ol {margin: 10px 0 15px 40px; =margin-left: 45px;}
#content ol li {list-style-type: decimal;}
#content ol ul li {list-style-type: none;}
#content .cards {width: 100%; overflow: hidden;}
#content .cards .item {background: #f0f0f0; border: 1px solid #dbdbdb; padding: 9px 9px 7px 9px; margin: 0 20px 0 0;}
#content .cards .item em {display: block; text-align: center; color: #818181; padding-top: 6px;}
#content .cards .item em a {color: #818181;}
#content .cards .item em a:hover,
#content .cards .item em a:active,
#content .cards .item em a:focus {color: #000000;}
#content .cards .spacer {width: 100%; height: 20px; visibility: hidden; clear: both;}
#content #nextContent {margin: 30px 0;}
#content #nextContent a {background: #f48827; padding: 3px 5px; color: #ffffff;}

#content.sub .box {background: url("img/subbox.png") left bottom no-repeat; width: 100%; overflow: hidden; margin: 0 0 13px 0;}
#content.sub .box .in {background: url("img/subboxt.png") no-repeat; min-height: 20px; padding: 12px 12px 2px 12px;}

#content .box .ill,
#content .page .ill,
#content .post .ill {border: 1px solid #ddd; padding: 5px;}
#content .box div.fl,
#content .page div.fl,
#content .post div.fl {margin-right: 10px;}
#content .box div.fr,
#content .page div.fr,
#content .post div.fr {margin-left: 10px;}

#content .paging {background: #f5f5f5; margin-bottom: 15px; padding: 5px 7px; border: 1px solid #e5e5e5;}
#content .box h2 {margin: 0 0 10px 0;}
#content .box p {margin: 10px 0;}

#specialUL {float: right; width: 460px; margin-left: 0 !important;}

p.wp-caption-text {text-align: center; font-style: italic;}
#attachment_1333 {margin: 0 !important;}

/* cforms -------------------------*/
#cformsform {width: 260px; overflow: hidden;}
.cf_hidden {display: none;}
#cformsform legend {font-weight: bold; font-size: 120%; display: block; padding: 0 0 5px 0; =margin-left: -7px;}
#cformsform ol {margin: 0 !important; padding: 0;}
#cformsform li {padding: 1px 0; margin: 3px 0 0 0; list-style-type: none !important; position: relative;}
#cformsform span {color: #999999; position: absolute; top: 0; right: 0;} /* = required fields */
#cformsform label span {display: block; color: #444444; position: static;}
#cformsform input.single {width: 250px;}
#cformsform textarea {width: 250px; height: 100px;}
#cformsform #li--5 .reqtxt {}
#cformsform p.cf-sb {padding: 5px 0 0 0;}

/* contact -------------------------*/
#regionsContact {float: left; width: 430px;}
#regionsContact #map {position: relative; margin: 0 auto 15px auto; width: 392px; height: 226px; background: url("img/map_contact_big.jpg") no-repeat;}
#regionsContact #map a {position: absolute; display: block; width: 10px; height: 10px; overflow: hidden;}
#regionsContact #map br {display: none;}

#mainContact {float: right; width: 260px; overflow: hidden;}
#mainContact address,
#mainContact p {display: block; margin: 0 0 15px 0 !important;}
#mainContact #callGratis {display: block; margin: 0 0 15px 0; font-size: 120%;}
#mainContact #callGratis span {color: #f48827; margin: 0 0 0 5px;}

/* cenik */
#content.sub #ceniky img {margin: 0 0 10px 0; border: 1px solid #e8e8e8; padding: 4px;}

/*rolety*/
#roletyBarvy thead th {text-align: center; font-weight: bold;}
#roletyBarvy th,
#roletyBarvy td {padding: 5px;}
#roletyBarvy tbody th {vertical-align: middle; text-align: right;}
#roletyBarvy tbody td {padding-right: 20px;}

/* Paticka
--------------------------------------*/

#footer { position: absolute; bottom: 0; left: 0; background: #414040 url("img/footer.png") top repeat-x; width: 100%; height: 114px; }
#footerIn { background: url("img/footer_in.png") no-repeat; width: 962px; height: 100%; margin: 0 auto; text-align: right; }
#footerIn p {margin: 0; padding: 15px 25px 0 25px; color: #fafafa;}
#footerIn a {color: #fafafa;}
#footerIn a:hover,
#footerIn a:focus,
#footerIn a:active {color: #e57918;}