/* CSS Document

--------------------------------
EFFE DUE
Web (c) Ondrej Machulda, 2010
XHTML & CSS (c) Adam Kudrna, 2010
Last edited: 28.4.2010 0:20:30
--------------------------------

Structure:
	display
	position
	float
	clear
	z-index
	overflow
	width
	height
	margin
	padding
	border
	background
	color
	font
	align

*/



/*---------------------------------------------------------------
GENERAL ELEMENTS
---------------------------------------------------------------*/

/* Body */
body {
	margin: 0;
	padding: 0;
	background-color: #d76202;
	color: #000;
	font: normal .7em/140% verdana, "DejaVu Sans", sans-serif;
	text-align: center;
}

/* Headlines */
h1 {
	margin: .25em 0 1em 0;
	padding-bottom: .3em;
	color: #630;
	font-size: 180%;
	font-weight: normal;
    border-bottom:2px dotted #ccc;
}
h2 {
	margin: 1.5em 0 .5em;
	font-size: 125%;
}
h3 {
	margin: 1em 0 .25em;
	font-size: 115%;
}

/* Tables */
table {
	margin: 1.5em 0;
	border-collapse: collapse;
	font-size: 1em;
	text-align: left;
}
th, td {
	padding: .5ex .5em;
	border: 1px solid #ccc;
	background-color: #eee;
}
th {
	text-align: center;
	background-color: #d76202;
	color: #fff;
	border: 1px solid #630;
	font-weight: bold;
}

/* Lists */
ul {
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 3em;
	text-align: left;
}
li {
	margin-bottom: .25em;
}


/* Text */
p {
	margin: 1em 0;
	text-align: left;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* Images */
img.ico {
	margin-right: .5ex;
	vertical-align: middle;
	border-width: 0;
}

img.img { /* obrazky v textu */ /* OMG.OMG... -AK */
	float: right;
	margin: 0.5ex 0 .5em 1.5em;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
}

/* Links */
a:link, a:visited {
	color: #8d3a12;
	text-decoration: underline;
}
a:hover {
	color: #000;
}

a.external {
	padding-right: 1.2em;
	background: transparent url("../images/external.png") no-repeat right top;
}
a.mailto, a.email {
	padding-right: 1.6em;
	background: transparent url("../images/email.png") no-repeat right top;
}

:focus {
	outline: none;
}

a img {
	border: 0;
}
a:hover img.img {
	border-color: #bbb;
	background-color: #ddd;
}

/* WTF */
.ok { /* WTF? */
	color: #060;
}

.ko { /* WTF? */
	color: #f00;
}



/*---------------------------------------------------------------
GENERIC CLASSES
---------------------------------------------------------------*/

.center {
	text-align: center;
}

.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

.hidden {
	display: none;
}

.col-2 {
	width: 49%;
}
.col-2.left {
	float: left;
}
.col-2.right {
	float: right;
}

.col-3 {
	width: 33%;
	float: left;
}
.col-3.right {
	float: right;
}

.clearer {
	height: 0;
	clear: both;
	line-height: 0;
}
p.clearer { /* WTF? -AK */
	clear: right;
}



/*---------------------------------------------------------------
LAYOUT
---------------------------------------------------------------*/

/* Top right background */
#background {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 92px;
	background: transparent url("../images/background-right.png") top left repeat-x;
}



/*** DOCUMENT ***/

#main {
	position: relative;
	width: 910px;
	margin: 0 auto;
	padding-bottom: 1em;
	background: #fff url("../images/main-background.png") repeat-y;
	text-align: left;
}

/* Banner */
#banner {
	position: absolute;
	top: 0;
	right: -162px;
	width: 162px;
	height: 727px;
	background: transparent url("../images/right-strip.jpg") top left no-repeat;
}



/*** HEADER ***/

#header {
	height: 109px;
	background: transparent url("../images/header.jpg") no-repeat;
}

/* Logo */
#logo {
	width: 164px;
	height: 62px;
	position: relative;
	top: 29px;
	left: 30px;
	overflow: hidden;
	margin: 0;
	font-weight: bold;
	font-size: 200%;
}
#logo h1 {
	margin: 0;
	padding: 0;
	border-style: none;
	font-weight: bold;
	font-size: 100%;
}
#logo a {
	color: #000 !important;
	text-decoration: none !important;
	cursor: pointer;
}
#logo a span {
	font-size: 50%;
}
#logo span.replacement {
    width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: transparent url("../images/logo.png") no-repeat;
}

/* Partner Websites */
#sub-header {
	margin-right: 20px;
	padding: .75em 0;
	color: #aaa;
	font-size: 85%;
	text-align: right;
}

/* Menu: Main Navigation */
#menu {
	margin-bottom: 1.5em;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	display: inline;
}

#menu li a, #menu li span {
	display: block;
	padding: 0 1em;
	border-bottom: 1px solid #fff;
	background-color: #7a4329;
	color: #fff;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
}
#menu li ul li a {
	padding-left: 2.25em;
	background-color: #e7c7ac;
	color: #5c230a;
	font-weight: normal;
}

#menu li a#active {
	border-left-color: #000;
	background-color: #333 !important;
	color: #fff !important;
	font-weight: bold;
}

#menu li a:hover {
	background-color: #d7aa85;
	color: #5c230a;
}



/*** CONTENTS ***/

/* Contents Wrapper */
#contents-wrapper {
	width: 100%;
	display: block;
	position: relative;
	float: left;
	background: #fff url("../images/main-background.png") repeat-y;
}
#left, #content-2, #content-3, #right {
	position: relative;
	left: 100%;
	float: left;
}

/* Contents */
#content-2 {
	width: 725px;
	margin-left: -725px;
}
#content-2 div.inner {
	padding: 1ex 2em 1.5em 2em;
}

#content-3 {
	width: 505px;
	margin-left: -725px;
}
#content-3 div.inner {
	padding: 1ex 0 1.5em 2em;
}



/*** SIDEBARS ***/

/* Sidebar: Left */
#left {
	width: 185px;
	margin-left: -100%;
}
#left div.inner {
	padding-left: 20px;
}

/* Sidebar: Boxes */
div.box {
	margin: 1.5em 0;
}
div.box div.inner {
	padding: 1em !important;
}

/* Box: Resellers Overview */
#box-resellers {
	background-color: #333;
	color: #fff;
}
#box-resellers a.headline:link, #box-resellers a.headline:visited {
	display: block;
	color: #fff;
	text-decoration: none;
}
#box-resellers a.headline:hover {
	color: #ccc;
}
#box-resellers select {
	width: 140px;
}

/* Box: Costing */
#box-costing a:link, #box-costing a:visited {
	display: block;
	padding: 0 0 0 1em;
	background-color: #e7c7ac;
	color: #000;
	line-height: 3em;
	text-decoration: none;
}
#box-costing a:hover {
	background-color: #5c230a;
	color: #fff;
}

/* Box: Contact */
#box-contact {
	background-color: #eee;
}
#box-contact a.headline:link, #box-contact a.headline:visited {
	display: block;
	margin-bottom: .75em;
	text-decoration: none;
}
#box-contact a.headline:hover {
	color: #000;
}

/* Sidebar: Right */
#right {
	width: 220px;
	margin-left: -220px;
	background: transparent url("../images/aktuality.jpg") no-repeat top left;
}
#right div.inner {
	padding-right: 20px;
}

/* Sidebar: Right: News */
#news {
	text-align: left;
	margin: 120px 0 1.5em 20px;
	padding: 1em;
	border: 1px solid #ccc;
	background-color: #eee;
	font-size: 85%;
	line-height: 140%;
}
#news h3 {
	margin: 0.25em 0;
	text-transform: uppercase;
}

div.aktualita {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
}
div.aktualita em { /* Co prosim? ... -AK */
	display: block;
	margin: 1ex 0;
}



/*** FOOTER ***/

#footer {
	clear: both;
	background: transparent url("../images/footer.png") no-repeat top center;
	color: #fff;
	padding: 1em 0 6em;
	font-size: 85%;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	background-color: #630;
}



/*---------------------------------------------------------------
CONTENT SPECIFIC
---------------------------------------------------------------*/

.certifikat img {
	margin-right: 2ex;
	border: 1px solid #000;
}

.adresa-right {
	float: right;
}
.adresa-left, .adresa-right {
	padding: .5ex 0;
}

.adresa-left strong, .adresa-right strong {
	text-decoration: underline;
}



/*---------------------------------------------------------------
PAGES
---------------------------------------------------------------*/


/* PAGE: Index */

/* Motto */
#slogan {
	display: block;
	list-style-type: none;
	margin: .5em 0 1.5em;
	padding: 0;
	height: 2em;
	text-transform: uppercase;
	text-align: center;
}
#slogan li {
	display: block;
	color: #000;
	font-style: normal;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	margin: 0 auto;
	visibility: hidden; /* vychozi hodnota, zabranuje poskakovani pri nacitani */
}
#slogan li span {
	color: #d76202;
}

/* Introduction */
div.intro {
	padding: .1em 1em;
	border: 1px solid #ccc;
	background-color: #eee;
}

/* Advantages - Accordion */
#vyhody {
	margin: 1.5em 0;
	font-size: 100%;
}

#vyhody .ui-accordion-header {
	border-style: none;
}
#vyhody .ui-icon {
	display: none;
}
#vyhody .ui-accordion-header {
	margin: 0;
}
#vyhody .ui-accordion-header a:link, #vyhody .ui-accordion-header a:visited {
	padding: 0 1em;
	border-top: 1px solid #fff;
	background-color: #7a4329;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	line-height: 2.5em;
	text-transform: uppercase;
}
#vyhody .ui-accordion-header a:hover {
	background-color: #5c230a;
}
#vyhody .ui-state-active a {
	background-color: #333 !important;
}

#vyhody .ui-accordion-content {
	overflow: hidden;
	padding: 1em;
	margin: -1px 0 0;
	padding-bottom: 0;
	/*border-style: none;*/
	border: 1px solid #ccc;
	border-top-style: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	/*background: #666 none; /* "Rámeček s výhodami na mě působí moc tvavě až ponuře - můžete to vrátit do barev, které tam byly před poslední úpravou?" */
	/*color: #fff;*/
	background: #eee none;
	color: #000;
}
#vyhody .ui-accordion-content p {
	margin-top: 0;
}
#vyhody .ui-accordion-content a:link, #vyhody .ui-accordion-content a:visited {
	color: #5c230a; /* #e7c7ac;*/
	text-decoration: underline;
}
#vyhody .ui-accordion-content a:hover {
	color: #000; /* #fff; */
}

/* Products Box */
#products {
	width: 100%;
	float: left;
	margin: 2.5em 0;
	border: 2px solid #d76202;
	border-left-style: none;
	border-right-style: none;
}
#products div.inner {
	float: left;
	margin-right: -10px;
	padding: 0 0 .5em;
}
#products h2 {
	clear: both;
	margin-top: .8em;
	color: #d76202;
}

/* Products: Product Series */
a.series:link, a.series:visited {
	width: 150px;
	height: 90px;
	float: left;
	position: relative;
	margin: .5em 10px 1.5em 0;
	border: 2px solid #d76202;
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
a.series img {
	display: block;
	float: left;
	margin: 0;
}
a.series strong {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 1.5ex;
	background-color: #d76202;
	line-height: 2em;
}

a.series:hover {
	border-color: #333;
}
a.series:hover strong {
	background-color: #333;
}

/* Products: Models */
a.model:link, a.model:visited {
	width: 154px;
	float: left;
	overflow: hidden;
	margin: .25em 10px 1em 0;
	padding: .5em 0;
	background-color: #333;
	color: #bbb;
	text-decoration: none;
}
a.model strong, a.model span {
	margin: 0 1.5ex;
}
a.model strong {
	display: block;
	color: #fff;
	text-transform: uppercase;
}
a.model:hover {
	background-color: #d76202;
	color: #fff;
}



/* PAGE: Gallery */

/* Gallery: List */
div.list h2 {
	margin: 1em 0 .5em;
}

div.list h2 span {
	font-weight: normal;
	font-size: 12px;
}

/* Gallery: Thumbnails */
div.thumbnails {
	margin-top: 1.5em;
}
div.thumbnails a { /* ramecek s nahledem */
	width: 116px;
	height: 136px;
	display: block;
	float: left;
	padding: 0.5ex;
	margin: 0 1.5ex 2ex 0;
	/*background-color: #77b136; FIXME */
	border: 1px solid #d76202;
	text-decoration: none;
	text-align: center;
}
div.thumbnails > a {
	height: 128px;
}
div.thumbnails a img {
	border: 1px solid #630;
	margin: 0 auto;
}

div.thumbnails strong { /* popisek fotky */
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 80%; /* FIXME?*/
	line-height: 110%; /* FIXME? */
	color: #000;
}

div.thumbnails a:hover {
	background-color: #d76202;
}
div.thumbnails a:hover strong {
	color: #fff;
}

/* Gallery: Photo */
div.photo {
	width: 640px;
	margin: 1ex auto 0;
	border: 1px solid #d76202;
	text-align: center;
}
.photo .a_container, .photo .description {
	width: 640px;
	margin: 0 auto;

}
.photo .description {
	border-top: 1px solid #d76202;
	padding: 0.5ex 0;
}

.photo a {
	margin: 0;
	width: 213px;
	display: block;
	float: left;
	padding: 0.5ex 0;
	background-color: #fff;
	border-bottom: 1px solid #d76202;
}
#na-nahledy {
	width: 212px;
	border-left: 1px solid #d76202;
	border-right: 1px solid #d76202;
}
.photo a.last {
	color: black;
	text-decoration: none;
}
.photo a:hover {
	background-color: #d76202;
	color: #fff;
}
.photo img {
	vertical-align: top;
}



/* PAGE: Pricelists */

ul#cenik-ultra, ul#cenik-ultra-duplex, ul#cenik-domus, ul#cenik-aero {
	background-repeat: no-repeat;
	background-position: 200px center;
	margin-left: 0;
	padding-left: 3em;
}

ul#cenik-ultra {
	min-height: 73px;
	_height: 73px;
	background-image: url("../photo/modelove-rady/thumb/ultra.jpg");
}

ul#cenik-ultra-duplex {
	min-height: 58px;
	_height: 58px;
	background-image: url("../photo/modelove-rady/thumb/ultra_duplex.jpg");
}
ul#cenik-domus {
	min-height: 74px;
	_height: 74px;
	background-image: url("../photo/modelove-rady/thumb/domus.jpg");
}

ul#cenik-aero {
	min-height: 112px;
	_height: 112px;
	height: 112px;
	background-image: url("../photo/modelove-rady/thumb/aero.jpg");
}



/* PAGE: FAQ */
h3.faq {
	cursor: pointer;
}



/* PAGE: Resellers */

/* Resellers: Filter */
div.resellers-filter {
	margin: 2em 0;
}
div.resellers {
	margin-top: 2em;
}
div.resellers-filter label {
	font-weight: bold;
}

/* Resellers: Regions */
div.resellers h2 {
	margin-top: 2.5em;
	border-bottom: 2px dotted #ccc;
	font-size: 140%;
}

/* Resellers: Items */
div.reseller {
	position: relative;
	margin: 1em -0.75em;
	padding: 0.75em;
	border: 1px solid #e8e8e8;
}
div.reseller.preferred {
	margin-bottom: 2em;
	border: 1px solid #7a4329;
	border-top-width: 3px;
	background-color: #f8f0e9;
}
div.reseller.partner {
	border: 1px solid #e8e8e8;
	background-color: #f8f8f8;
}

div.reseller h3 {
	margin: .1em 0 .5em;
	font-size: 110%;
}
div.reseller.preferred h3 {
	color: #7a4329;
}
div.reseller.partner h4, div.reseller.other h4 {
	margin-bottom: .25em;
}

/* Resellers: Tags */
div.reseller div.tags {
	float: right;
	margin-top: -2em;
}
div.reseller .tag {
	display: inline-block;
	padding: 0 1.25ex .1ex;
	font-size: 85%;
}
div.reseller .tag abbr, div.reseller .tag acronym {
	border-bottom: 1px dotted #fff;
}

.tag.preferred {
	background-color: #7a4329;
	color: #fff;
}
.tag.partner {
	background-color: #444;
	color: #fff;
}
.tag.reseller-note {
	background-color: #e7c7ac;
	color: #5c230a;
	font-style: normal;
}

/* Resellers: Contact */
div.reseller div.col-3 {
	line-height: 140%;
}
div.reseller div.col-3.center, div.reseller div.col-3.right {
	padding-top: 1.4em;
}



/* PAGE: Calculation */

/* Kalkulace */
#kalkulace fieldset {
	margin: 2em 0;
	padding: 1.5em;
	border: 1px solid #ccc;
}
#kalkulace legend {
	margin-bottom: 1.5em;
	padding: 0 1em;
	background-color: #d76202;
	color: #fff;
	font-weight: bold;
	line-height: 2em;
	text-transform: uppercase;
}

#kalkulace legend.ko {
	color: #c00;
}

#kalkulace div.pruduch {
	margin: 1.5em 0;
	padding: 1em;
	border: 1px solid #ccc;
}
#kalkulace div.col-2.right {
	width: 48%;
	padding-left: 1.5em;
	border-left: 1px dotted #ccc;
}
#kalkulace h2 {
	margin: 0 0 1.5em;
	font-size: 115%;
}
#kalkulace p {
	clear: both;
}
#kalkulace img {
	margin-top: 2em;
}

#kalkulace label {
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: .4em;
}
#kalkulace label.inline {
	float: none;
	clear: left;
}
#kalkulace label.indent {
	width: 80%;
	margin-left: 3ex;
}
#kalkulace label.indent.inline {
	width: auto;
	display: inline-block;
	float: none;
	clear: none;
}
#kalkulace select.indent {
	
	margin-left: 3ex;
}

#kalkulace label span {
	float: left;
	clear: left;
	width: 15ex;
}
#pruduch_1 label span, #pruduch_2 label span {
	width: 29ex;
}
#pruduch_1 input.text, #pruduch_2 input.text {
	width: 15ex;
}
#kalkulace input.text {
	padding-left: 0.2ex;
	padding-right: 0.2ex;
	border: 1px solid #000;
	vertical-align: middle;
}
#kalkulace select {
	margin-top: .1em;
	margin-bottom: .5em;
}
#kalkulace textarea {
	width: 99%;
	height: 8em;
	margin: 0 auto;
	text-align: left;
}



/* PAGE: Products */

/* Button-Like Links */
a.button, .button.disabled {
	display: inline-block;
	margin: 1em 0;
	padding: 0 1em;
	border: 1px solid #bbb;
	background-color: #e6e6e6;
	color: #000;
	font-size: 85%;
	line-height: 2.25em;
	text-decoration: none;
	text-align: center;
}
a.button:hover {
	border-color: #aaa;
	background-color: #ddd;
	background-position: 0 100%;
}
.button.disabled {
	background-color: #aaa;
	color: #eee;
}

.button.back {
	position: absolute;
	right: 24px;
	top: -7px;
}

/* Tabs */
ul.tabs {
	height: 2.6em;
	margin: 1.5em 0 1.25em;
	padding: 0;
	border-bottom: 1px solid #aaa;
}
ul.tabs li {
	display: inline;
}
ul.tabs li a:link, ul.tabs li a:visited {
	float: left;
	display: block;
	border-right: 1px solid #fff;
	margin: .3em 0 0;
	padding: 0 1.75ex;
	background-color: #d76202;
	color: #fff;
	line-height: 2.25em;
	text-decoration: none;
}
ul.tabs li a:hover {
	margin-top: 0;
	background-color: #666;
	line-height: 2.5em;
}
ul.tabs li a.active {
	margin-top: 0;
	background-color: #333 !important;
	font-weight: bold;
	line-height: 2.5em;
}

ul.tabs li a.objednat-button {
	background-color: #7a4329;
	font-weight: bold;
}

/* Prehled vyrobku */
table.prehled_vyrobku {
	width: 100%;
	clear: right;
	text-align: center;

}
table.prehled_vyrobku .kod-column {
	width: 9em;
}
table.prehled_vyrobku .rozmer-column {
	width: 8em;
}
table.prehled_vyrobku .silikon-column {
	width: 5em;
}
table.prehled_vyrobku .thin-column {
	width: 6em;
}
table.prehled_vyrobku .thick-column {
	width: 12em;
}

table.prehled_vyrobku i {
    color: #888;
}

.zvyraznene, tr.zvyraznene td {
    background-color: #FFE4C8;
}
p.zvyraznene {
    padding: .5ex;
    font-weight: bold;
}



/* PAGE: References */

/* References */
div.reference {
	margin-bottom: 2.75em;
}
div.reference h2 {
	height: 28px;
	margin: 1.25em -1.2ex .5em;
	padding: 0 1ex;
	background-color: #7a4329;
	color: #fff;
	font-size: 110%;
	line-height: 2em;
}
div.reference span.date {
	position: relative;
	float: right;
	top: -30px;
	color: #fff;
}

div.reference div.details {
	margin: 1em -1.3ex;
	padding: .75em 1.3ex 0;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
}
div.reference ul {
	margin: 0;
	padding: 0;
}
div.reference ul li {
	display: block;
	list-style-type: none;
}
div.reference p {
	margin-bottom: 0;
}

/* References: Photos */
div.reference-photos {
	margin: 0 -1.3ex;
	padding: 1em 1.3ex 0;
}
div.reference-photos a:link, div.reference-photos a:visited {
	display: inline-block;
	margin: 0 1ex .75em 0;
	border: 3px solid #fff;
}
div.reference-photos a img {
	height: 84px;
	display: block;
}
div.reference-photos a:hover {
	border-color: #aaa;
}



/*---------------------------------------------------------------
ADMIN
---------------------------------------------------------------*/

/* Login form */
#login_form, #aktualita-form {
	width: 20em;
	margin: 2em auto 0 auto;
	border: 1px solid #D76202;
	padding: 1ex;
}

#login_form legend, #aktualita-form legend {
	font-weight: bold;
	color: #000;
}

#login_form p#submit, #aktualita-form p#submit {
	text-align: center;
	margin-top: 2ex;
}

#aktualita-form {
	width: 25em;
}

#aktualita-form em {
	display: block;
	margin-bottom: 1ex;
	font-size: 100%;
}

#entry_login {
	background: transparent url("../images/login.png") no-repeat center right;
}
#entry_password {
	background: transparent url("../images/password.png") no-repeat center right;
}

#entry_login, #entry_password {
	width: 22ex;
	padding-left: 0.2ex;
	padding-right: 0.2ex;
	border: 1px solid #000;
	vertical-align: middle;
}
/* Aktualita form */
#aktualita-form #text, #aktualita-form #heading, #aktualita-form #description, #aktualita-form #filename {
	width: 38ex;
}
#aktualita-form #text {
	height: 15em;
}

#aktualita-form label {
	width: 20ex;
	float: left;
}

table.aktuality {
}
table.aktuality tr.new td {
	border-width: 0;
}

table.aktuality th {
	/*text-align: center;*/ /* FIXME?*/
}
table.aktuality .heading-column {
	width: 19em;
}
table.aktuality .ico-column {
	text-align: center;
}
table.aktuality td, table.aktuality th  {
	padding: .35ex .5ex;
}

table.oznaceni-kominu {
	text-align: center;
}
#contents-inner > table.oznaceni-kominu {
	width: 100%; /* Everyone but MSIE */
}

table.oznaceni-kominu td.parametr-column {
	text-align: left;
}