@charset "UTF-8";

/* --------------------------------------------------- */
/*                     HTML RESET                      */
/* --------------------------------------------------- */

body,
h1, h2, h3,
p, ul, li,
form {
	border:0;
	margin:0px;
	padding:0px;
}

/* --------------------------------------------------- */
/*                   PAGE ELEMENTS                     */
/* --------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(../pict/head_bck_left.gif) repeat-x;
	position: relative;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 32px;
	margin-bottom: 20px;
}

h2.about {
	background-image: url(../pict/nadpisy/onas.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.coje {
	background-image: url(../pict/nadpisy/co_je_klinker.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.partneri {
	background-image: url(../pict/nadpisy/partneri.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.podmienky {
	background-image: url(../pict/nadpisy/podmienky.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}
#browsers {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#mini {
	float: left;
	width: 120px;
	text-align: center;
	display: inline;
	text-decoration: none;
}

h2.kontakt {
	background-image: url(../pict/nadpisy/kontakty.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}
h2.sortiment_n {
	background-image: url(../pict/nadpisy/sortiment.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.rozmery_n {
	background-image: url(../pict/nadpisy/rozmery.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.prihlasenie_n {
	background-image: url(../pict/nadpisy/prihlasenie.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.priemysel_n {
	background-image: url(../pict/nadpisy/priemysel.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.rodinne_n {
	background-image: url(../pict/nadpisy/rodinne.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.ploty_n {
	background-image: url(../pict/nadpisy/ploty.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.parapety_n {
	background-image: url(../pict/nadpisy/parapety.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.schody_n {
	background-image: url(../pict/nadpisy/schody.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.ostatne_n {
	background-image: url(../pict/nadpisy/ostatne.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.certifikaty_n {
	background-image: url(../pict/nadpisy/certifikaty.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.prospekty_n {
	background-image: url(../pict/nadpisy/prospekty.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.otazky_n {
	background-image: url(../pict/nadpisy/otazky.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.postupy_n {
	background-image: url(../pict/nadpisy/postupy.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.architekt_n {
	background-image: url(../pict/nadpisy/architekt.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.doprava_n {
	background-image: url(../pict/nadpisy/doprava.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.cennik_n {
	background-image: url(../pict/nadpisy/cennik.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.uvod_n {
	background-image: url(../pict/nadpisy/uvod.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.download_n {
	background-image: url(../pict/nadpisy/download.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.clanky_n {
	background-image: url(../pict/nadpisy/clanky.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.vypredaj {
	background-image: url(../pict/nadpisy/vypredaj.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.akcia {
	background-image: url(../pict/nadpisy/akcia.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

h2.vdom {
	background-image: url(../pict/nadpisy/vdom.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 65px;
	width: 700px;
}

#obsah {
	width: 860px;
	clear: both;
	float: left;
	text-align: justify;
	margin-bottom: 10px;
	margin-left: 10px;
}

#sortiment_div p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
}

#sortiment_div p img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.webs {
	float: left;
	height: 280px;
	width: 280px;
	display: inline;
	text-decoration: none;
	text-align: center;
	margin-top: 5px;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}

.picl {
	float: left;
	height: auto;
	width: 280px;
	display: inline;
	text-decoration: none;
	text-align: center;
	margin-top: 5px;
}

.vzorkovna {
	float: left;
	height: 160px;
	width: 180px;
	display: inline;
	text-decoration: none;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-top: 5px;
}
.vzorkovna1 {
	height: 180px;
	width: 100%;
	margin-bottom: 4px;
	margin-top: 5px;
	float: left;
}

.newline {
	clear: both;
	height: 17px;
	width: 100%;	
}

#obsah ul {
	
}

#obsah ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	list-style-position: inside;
	list-style-type: disc;
}
#obsah ol li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	list-style-position: inside;
}

#bg_wrap {
	height: 150px;
	width: 50%;
	right: 0;
	background: url(../pict/head_bck_right.gif) repeat-x;
	position: absolute;
}
#logo_hm {
	height: 110px;
	width: 310px;
	position: absolute;
	top: 25px;
	left: 15px;
}

.container {
	width: 910px;
	background: #ffffff url(../pict/logo.gif) no-repeat;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.invisible {
	height: 150px;
	visibility:hidden
}

.line100 {
	background-image: url(../pict/line_100.gif);
	clear: both;
	height: 10px;
	width: 880px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.line101 {
	background-image: url(../pict/line_101.gif);
	clear: both;
	height: 10px;
	width: 780px;
	position: relative;
	left: 5px;
}

.line23 {
	background-image: url(../pict/line_2_3.gif);
	clear: both;
	height: 10px;
	width: 550px;
	position: relative;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

.warning {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-right: 35px;
	padding-left: 35px;
	line-height: 20px;	
}

.news {
	padding-right: 25px;
	padding-left: 25px;
	background-color: #EDEDED;
	margin-top: 5px;
	padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}

.newswhite {
	background-color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.block {
	width: 390px;
	padding-left: 5px;
	padding-right: 10px;
	float: left;
	margin-left: 15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #A1A19C;
}

.block3 {
	width: 303px;
	float: left;
}

.clear {
	clear: both;	
}

.news_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 70px;
	background-color: #EDEDED;
	width: 330px;
	font-style: italic;
	padding-left: 60px;
	padding-right: 20px;
}

.tretina {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: auto;
	background-color: #EDEDED;
	width: 90%;
	font-style: italic;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}
.tretinapic {
	clear: both;
	text-align: center;
	padding-bottom: 10px;
}

#subcontent_sortim img {
	float: left;
	margin-right: 20px;
	position: relative;
	clear: right;
	margin-top: 15px;
}

#subcontent_sortim p {
	margin-bottom: 15px;
}

/* --------------------------------------------------- */
/*                         DATE                        */
/* --------------------------------------------------- */

.postdate {
	position: relative;
	width: 50px;
	height: 50px;
	float: left;
	background-color: #EDEDED;
}
.month, .day, .year {
	position: absolute;
	text-indent: -1000em;
	background-image: url(../images/dates.png);
	background-repeat: no-repeat;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}

.m-01 { background-position: 0 4px;}
.m-02 { background-position: 0 -28px;}
.m-03 { background-position: 0 -59px;}
.m-04 { background-position: 0 -92px;}
.m-05 { background-position: 0 -121px;}
.m-06 { background-position: 0 -152px;}
.m-07 { background-position: 0 -183px;}
.m-08 { background-position: 0 -214px;}
.m-09 { background-position: 0 -245px;}
.m-10 { background-position: 0 -276px;}
.m-11 { background-position: 0 -307px;}
.m-12 { background-position: 0 -338px;}

.d-01 { background-position: -50px 0;}
.d-02 { background-position: -50px -31px;}
.d-03 { background-position: -50px -62px;}
.d-04 { background-position: -50px -93px;}
.d-05 { background-position: -50px -124px;}
.d-06 { background-position: -50px -155px;}
.d-07 { background-position: -50px -186px;}
.d-08 { background-position: -50px -217px;}
.d-09 { background-position: -50px -248px;}
.d-10 { background-position: -50px -279px;}
.d-11 { background-position: -50px -310px;}
.d-12 { background-position: -50px -341px;}
.d-13 { background-position: -50px -372px;}
.d-14 { background-position: -50px -403px;}
.d-15 { background-position: -50px -434px;}
.d-16 { background-position: -50px -465px;}
.d-17 { background-position: -100px 0px;}
.d-18 { background-position: -100px -31px;}
.d-19 { background-position: -100px -62px;}
.d-20 { background-position: -100px -93px;}
.d-21 { background-position: -100px -124px;}
.d-22 { background-position: -100px -155px;}
.d-23 { background-position: -100px -186px;}
.d-24 { background-position: -100px -217px;}
.d-25 { background-position: -100px -248px;}
.d-26 { background-position: -100px -279px;}
.d-27 { background-position: -100px -310px;}
.d-28 { background-position: -100px -341px;}
.d-29 { background-position: -100px -372px;}
.d-30 { background-position: -100px -403px;}
.d-31 { background-position: -100px -434px;}

.y-2006 { background-position: -150px 0;}
.y-2007 { background-position: -150px -50px;}
.y-2008 { background-position: -150px -100px;}
.y-2009 { background-position: -150px -150px;}
.y-2010 { background-position: -150px -200px;}
.y-2011 { background-position: -150px -250px;}
.y-2012 { background-position: -150px -300px;}

/* --------------------------------------------------- */
/*                   MAIN NAVIGATION                   */
/* --------------------------------------------------- */

#main-nav {
	height: 60px;
	position: absolute;
	top: 69px;
	left: 429px;
}

#main-nav dl {
	margin: 0;
	padding: 0;
}

#main-nav dt {
	float:right;
}

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/ :60px; /* IE 5/Win hack */ 
	padding: 60px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -60px;
}

#main-nav dt#home,
#main-nav dt#home a { width: 73px; background-image: url(../pict/home.gif); }

#main-nav dt#onas,
#main-nav dt#onas a { width: 68px; background-image: url(../pict/onas.gif); }

#main-nav dt#sortiment,
#main-nav dt#sortiment a { width: 111px; background-image: url(../pict/sortiment.gif); }

#main-nav dt#realizacie,
#main-nav dt#realizacie a { width: 107px; background-image: url(../pict/realizacie.gif); }

#main-nav dt#podpora,
#main-nav dt#podpora a { width: 95px; background-image: url(../pict/podpora.gif); }


/* IE5 Mac Hack \*/ 
/* #main-nav { padding-left: 11px; } */
/* #main-nav { padding-left: 11px; overflow: hidden; } */
/* End Hack */

body.home dt#home,
body.home dt#home a,
body.home dt#home a:hover,

body.onas dt#onas,
body.onas dt#onas a,
body.onas dt#onas a:hover,
body.co_klinker dt#onas,
body.co_klinker dt#onas a,
body.co_klinker dt#onas a:hover,
body.partneri dt#onas,
body.partneri dt#onas a,
body.partneri dt#onas a:hover,
body.podmienky dt#onas,
body.podmienky dt#onas a,
body.podmienky dt#onas a:hover,
body.kontakt dt#onas,
body.kontakt dt#onas a,
body.kontakt dt#onas a:hover,

body.sortiment dt#sortiment,
body.sortiment dt#sortiment a,
body.sortiment dt#sortiment a:hover,
body.roben dt#sortiment,
body.roben dt#sortiment a,
body.roben dt#sortiment a:hover,
body.belgicke dt#sortiment,
body.belgicke dt#sortiment a,
body.belgicke dt#sortiment a:hover,
body.stroher dt#sortiment,
body.stroher dt#sortiment a,
body.stroher dt#sortiment a:hover,
body.terca dt#sortiment,
body.terca dt#sortiment a,
body.terca dt#sortiment a:hover,
body.dlazba dt#sortiment,
body.dlazba dt#sortiment a,
body.dlazba dt#sortiment a:hover,
body.par_sort dt#sortiment,
body.par_sort dt#sortiment a,
body.par_sort dt#sortiment a:hover,
body.malty dt#sortiment,
body.malty dt#sortiment a,
body.malty dt#sortiment a:hover,
body.rozmery dt#sortiment,
body.rozmery dt#sortiment a,
body.rozmery dt#sortiment a:hover,
body.realizacie dt#realizacie,
body.realizacie dt#realizacie a,
body.realizacie dt#realizacie a:hover,
body.domy dt#realizacie,
body.domy dt#realizacie a,
body.domy dt#realizacie a:hover,
body.ploty dt#realizacie,
body.ploty dt#realizacie a,
body.ploty dt#realizacie a:hover,
body.parapety dt#realizacie,
body.parapety dt#realizacie a,
body.parapety dt#realizacie a:hover,
body.schody dt#realizacie,
body.schody dt#realizacie a,
body.schody dt#realizacie a:hover,
body.ostatne dt#realizacie,
body.ostatne dt#realizacie a,
body.ostatne dt#realizacie a:hover,
body.prospekty dt#podpora,
body.prospekty dt#podpora a,
body.prospekty dt#podpora a:hover
body.faq dt#podpora,
body.faq dt#podpora a,
body.faq dt#podpora a:hover
body.postup dt#podpora,
body.postup dt#podpora a,
body.postup dt#podpora a:hover
body.architekt dt#podpora,
body.architekt dt#podpora a,
body.architekt dt#podpora a:hover
body.doprava dt#podpora,
body.doprava dt#podpora a,
body.doprava dt#podpora a:hover
body.cennik dt#podpora,
body.cennik dt#podpora a,
body.cennik dt#podpora a:hover
body.podpora dt#podpora,
body.podpora dt#podpora a,
body.podpora dt#podpora a:hover 
body.clanky dt#podpora,
body.clanky dt#podpora a,
body.clanky dt#podpora a:hover 
body.download dt#podpora,
body.download dt#podpora a,
body.download dt#podpora a:hover
body.vypredaj dt#sortiment,
body.vypredaj dt#sortiment a,
body.vypredaj dt#sortiment a:hover
body.vdom dt#realizacie,
body.vdom dt#realizacie a,
body.vdom dt#realizacie a:hover{
	background-position: 0 -120px;
}

/* --------------------------------------------------- */
/*                     FOOTER STYLES                   */
/* --------------------------------------------------- */

#footer {
	height:20px;
	font-size:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	padding-top: 10px;
	float: left;
	padding-left: 16px;
}
#navigation {
	height:190px;
	font-size:11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	float: right;
	clear: none;
	text-decoration: none;
	padding-top: 7px;
}

/* --------------------------------------------------- */
/*                     OTHER STYLES                    */
/* --------------------------------------------------- */

.slide {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 812px;
	margin-top: 20px;
	border: 2px solid #333;
	margin-bottom: 15px;
}

.slide_line_top {
	background-image: url(../pict/top_slide.gif);
	clear: both;
	height: 22px;
	width: 859px;
	position: relative;
}

.slide_line_bottom {
	background-image: url(../pict/bottom_slide.gif);
	clear: both;
	height: 24px;
	width: 859px;
	position: relative;
}

.slide_line_left {
	width: 24px;
	height: 449px;
	background-image: url(../pict/left_slide.gif);
	float: left;
}

.slide_container {
	background-image: url(../pict/right_slide.gif);
	background-position: right;
	clear: right;
	float: left;
	height: 449px;
	width: 835px;
	background-repeat: repeat-y;
}

.quater {
	width: 278px;
	position: relative;
	background-image: url(../pict/quater_left.gif);
	background-repeat: repeat-y;
	background-color: #eeeeee;
	float: left;
	left: 15px;
	margin-right: 8px;
}

.quater_line_top {
	background-image: url(../pict/quater_top.gif);
	clear: both;
	height: 12px;
	width: 278px;
	position: relative;
}

.quater_line_bottom {
	background-image: url(../pict/quater_bottom.gif);
	clear: both;
	height: 13px;
	width: 278px;
	position: relative;
}

.quater_container {
	background-image: url(../pict/quater_right.gif);
	background-position: right;
	min-height: 90px;
	background-repeat: repeat-y;
}

.quater_text {
	width: 246px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-left: 22px;
	padding-top: 5px;
	min-height: 70px;
	line-height: 20px;
}
.quater_obrazok {
	margin-left: 30px;
	margin-top: 5px;
	min-height: 150px;
}

.quater_line {
	background-image: url(../pict/quater_line_gray.gif);
	clear: both;
	height: 5px;
	width: 246px;
	left: 0px;
}

.quater_line_first {
	background-image: url(../pict/quater_line_gray.gif);
	clear: both;
	height: 5px;
	width: 246px;
	margin-left: 22px;
}
/* --------------------------------------------------- */
/*                        PAGE FAQ                     */
/* --------------------------------------------------- */

#questionbox {
	height: auto;
	width: auto;
	clear: both;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #CCC;
}

#clanky {
	width: 100%;
	padding: 10px;
	background-color: #FFF;
	margin-bottom: 15px;
	height: auto;
	display: block;
}

#clanky_pic {
	height: auto;
	width: auto;
	float: left;
	margin-right: 40px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	clear: left;
}
#clanky_text  {
	line-height: 1.6em;
	padding-right: 10px;
	width: 370px;
	float: left;
	margin-bottom: 20px;
}

p.faq {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
	width: 98%;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
p.answ {
	height: auto;
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1.6em;
	clear: both;
	float: left;
}

p.picturel {
	height: auto;
	width: auto;
	margin-left: 20px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	line-height: 1.6em;
	clear: both;
	float: left;
}

#clanky_image {
	height: 289px;
	width: auto;
	float: left;
}
.imgleft {
	float: right;
	height: 176px;
	width: 329px;
}



/* --------------------------------------------------- */
/*                 SUBPAGES - FIRST                    */
/* --------------------------------------------------- */

#subnavigation {
	width: 246px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#subnavigation li {
	background-image: url(../pict/quater_line_gray.gif);
	clear: both;
	height: 21px;
	width: 246px;
	background-position-y: 18px;
	margin-top: 5px;
	background-repeat: no-repeat;
}

#subnavigation li a{
	clear: both;
	text-decoration: none;
	color: #666;
}

#subnavigation li a:hover{
	clear: both;
	text-decoration: none;
	color: #900;
}

#subcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	width: 550px;
	float: left;
	position: relative;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 22px;
}

#subcontent_sortim {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	width: 780px;
	position: relative;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 22px;
	text-align: justify;
	clear: both;
}
/* --------------------------------------------------- */
/*                 SUBPAGES - KONTAKT                  */
/* --------------------------------------------------- */

h3.red {
	color: #8A1001;	
}

/* --------------------------------------------------- */
/*                    SORTIMENT                        */
/* --------------------------------------------------- */

#sortiment_div {
	width: 880px;
	clear: both;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
}

#sortiment_div table tr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}


#sortimentMenu {
	normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
	margin-left: auto;
	clear: both;
	margin-right: auto;
	position: relative;
	height: 30px;
	width: 880px;
	margin-top: 10px;
	margin-bottom: 25px;
}

#sortimentMenu li a{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#4f6b72;
	height: auto;
	width: auto;
	float: left;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	background-color: #EDEDED;
	color: #464E56;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#sortimentMenu li a:hover{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #586169;
	color: #FFF;
	height: auto;
	width: auto;
	float: left;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	background-color: #464E56;
	border-right-color: #586169;
	border-bottom-color: #586169;
	border-left-color: #586169;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

body.rozmery #sortimentMenu li#rozmery,
body.rozmery #sortimentMenu li#rozmery a,
body.rozmery #sortimentMenu li#rozmery a:hover
body.roben #sortimentMenu li#roben,
body.roben #sortimentMenu li#roben a,
body.roben #sortimentMenu li#roben a:hover
body.belgicke #sortimentMenu li#belgicke,
body.belgicke #sortimentMenu li#belgicke a,
body.belgicke #sortimentMenu li#belgicke a:hover 
body.stroher #sortimentMenu li#stroher,
body.stroher #sortimentMenu li#stroher a,
body.stroher #sortimentMenu li#stroher a:hover
body.terca #sortimentMenu li#terca,
body.terca #sortimentMenu li#terca a,
body.terca #sortimentMenu li#terca a:hover
body.dlazba #sortimentMenu li#dlazba,
body.dlazba #sortimentMenu li#dlazba a,
body.dlazba #sortimentMenu li#dlazba a:hover
body.par_sort #sortimentMenu li#parapet,
body.par_sort #sortimentMenu li#parapet a,
body.par_sort #sortimentMenu li#parapet a:hover
body.malty #sortimentMenu li#malty,
body.malty #sortimentMenu li#malty a,
body.malty #sortimentMenu li#malty a:hover
body.prihlasenie #sortimentMenu li#prihlasenie,
body.prihlasenie #sortimentMenu li#prihlasenie a,
body.prihlasenie #sortimentMenu li#prihlasenie a:hover
body.onas #sortimentMenu li#about,
body.onas #sortimentMenu li#about a,
body.onas #sortimentMenu li#about a:hover
body.co_klinker #sortimentMenu li#co_je,
body.co_klinker #sortimentMenu li#co_je a,
body.co_klinker #sortimentMenu li#co_je a:hover
body.partneri #sortimentMenu li#partneri,
body.partneri #sortimentMenu li#partneri a,
body.partneri #sortimentMenu li#partneri a:hover
body.podmienky #sortimentMenu li#podmienky,
body.podmienky #sortimentMenu li#podmienky a,
body.podmienky #sortimentMenu li#podmienky a:hover
body.kontakt #sortimentMenu li#kontakt,
body.kontakt #sortimentMenu li#kontakt a,
body.kontakt #sortimentMenu li#kontakt a:hover
body.architekt #sortimentMenu li#architekt_n,
body.architekt #sortimentMenu li#architekt_n a,
body.architekt #sortimentMenu li#architekt_n a:hover
body.cennik #sortimentMenu li#cennik_n,
body.cennik #sortimentMenu li#cennik_n a,
body.cennik #sortimentMenu li#cennik_n a:hover
body.doprava #sortimentMenu li#doprava_n,
body.doprava #sortimentMenu li#doprava_n a,
body.doprava #sortimentMenu li#doprava_n a:hover 
body.postup #sortimentMenu li#postupy_n,
body.postup #sortimentMenu li#postupy_n a,
body.postup #sortimentMenu li#postupy_n a:hover 
body.faq #sortimentMenu li#otazky_n,
body.faq #sortimentMenu li#otazky_n a,
body.faq #sortimentMenu li#otazky_n a:hover
body.prospekty #sortimentMenu li#prospekty_n,
body.prospekty #sortimentMenu li#prospekty_n a,
body.prospekty #sortimentMenu li#prospekty_n a:hover
body.podpora #sortimentMenu li#certifikaty_n,
body.podpora #sortimentMenu li#certifikaty_n a,
body.podpora #sortimentMenu li#certifikaty_n a:hover
body.ostatne #sortimentMenu li#ostatne_n,
body.ostatne #sortimentMenu li#ostatne_n a,
body.ostatne #sortimentMenu li#ostatne_n a:hover
body.schody #sortimentMenu li#schody_n,
body.schody #sortimentMenu li#schody_n a,
body.schody #sortimentMenu li#schody_n a:hover
body.parapety #sortimentMenu li#parapety_n,
body.parapety #sortimentMenu li#parapety_n a,
body.parapety #sortimentMenu li#parapety_n a:hover
body.ploty #sortimentMenu li#ploty_n,
body.ploty #sortimentMenu li#ploty_n a,
body.ploty #sortimentMenu li#ploty_n a:hover
body.domy #sortimentMenu li#domy_n,
body.domy #sortimentMenu li#domy_n a,
body.domy #sortimentMenu li#domy_n a:hover
body.realizacie #sortimentMenu li#realizacie_n,
body.realizacie #sortimentMenu li#realizacie_n a,
body.realizacie #sortimentMenu li#realizacie_n a:hover 
body.clanky #sortimentMenu li#clanky_n,
body.clanky #sortimentMenu li#clanky_n a,
body.clanky #sortimentMenu li#clanky_n a:hover 
body.download #sortimentMenu li#download_n,
body.download #sortimentMenu li#download_n a,
body.download #sortimentMenu li#download_n a:hover
body.vypredaj #sortimentMenu li#vypredaj,
body.vypredaj #sortimentMenu li#vypredaj a,
body.vypredaj #sortimentMenu li#vypredaj a:hover
body.vdom #sortimentMenu li#vdom,
body.vdom #sortimentMenu li#vdom a,
body.vdom #sortimentMenu li#vdom a:hover{
	background-color: #464E56;
	color: #CCC;
}

/* --------------------------------------------------- */
/*               PROSPEKTY - FORMULAR                  */
/* --------------------------------------------------- */

.img
  {
	margin:2px;
	height:auto;
	width:auto;
	float:left;
	text-align:center;
  }
  
.img img
  {
	display:inline;
	border:2px solid #999;
	margin: 5px;
  }
  
.desc
  {
	text-align:center;
	font-weight:normal;
	width:auto;
	margin:2px;
	font-size: 0.8em;
  }
  
  .formular
  {
	clear: both;
	padding-bottom: 15px;
	padding-top: 20px;
  }
  
  .formular_nazov
  {
	float: left;
	font-size: 0.8em;
	width: 200px;
	clear: left;
	margin: 2,0,2,0px;
  }

  .formular_input
  {
	clear: right;
	float: none;

  }

  .formular_submit
  {
	clear: both;
	float: left;
	margin-top: 20px;
	margin-left: 450px;
  }

/* --------------------------------------------------- */
/*                       PHP TABLES                    */
/* --------------------------------------------------- */

#expand {
	width:800px;
	padding: 0;
	border-collapse:collapse;
	clear: both;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
        }
#expand h4 { margin:0px; padding:0px;}
#expand img { float:right;}
#expand ul { margin:10px 0 10px 40px; padding:0px;}
#expand th {
	color:#FFF;
	padding:7px 15px;
	text-align:left;
	background-attachment: scroll;
	background-color: #666;
	background-position: left center;
}
#expand td {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;

}
#expand tr td {
	background-color: #E8E8E8;
}

#expand tr td.odd {
	background-color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4f6b72;
}

#expand tr td.thumb {
	background-color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4f6b72;
	text-decoration: none;
}

#expand div.arrow { background:transparent url(../images/tabs_arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
#expand div.up { background-position:0px 0px;}
#expand th
        {
	color: #FFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align:center;
	padding: 8px 12px 4px 12px;
	vertical-align:middle;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
	background-color: #464E56;
        }
caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        }

/* --------------------------------------------------- */
/*                     PAGINATION                      */
/* --------------------------------------------------- */

.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:hover, div.pagination a:active {
	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
	
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #DDD;
}

#certif {
	text-align:center;
	width:115px;
	font-size: 0.8em;
	float: left;
	text-decoration: none;
	height: 210px;
	margin: 2px;
}

#certif a {
	color: #333;	
}

#certif a:hover {
	color: #999;
}
.post {
	float: left;
	height: 220px;
	width: 148px;
	display: inline;
	text-decoration: none;
	text-align: center;
	margin-top: 5px;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#flip {
	height: 420px;
}