/* 
HT Okna 
Vytvořil Martin Winkler
*/

/* CSS Reset  */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */

html, body, #container { height: 100%; }
	
body {
	font-family: 'Arial';
	font-size: 14px;
	color: #6f6f6f;
	background: #fff url('../img/bg.gif') left top repeat-x;
	margin: 0;
	padding: 0;	
}

body > #container { height: auto; min-height: 100%;}

#container { width: 1001px; margin: 0 auto; position: relative; height: 100%; }
#main { padding-bottom: 126px; margin-bottom: 120px; }
#header { margin: 0 auto; background: transparent url('../img/header.jpg') left top no-repeat; /* width: 1440px;*/ height: 126px; position: relative; left: -218px; }
#header .logo { top: 22px; left: 264px; width: 149px; height: 82px; position: relative;   }
#header .logo span { width: 149px; height: 82px; position: absolute; left: 0; top: 0; background: #fff url('../img/logo.gif') left top no-repeat; display: block; }

#v-menu { width: 742px; height: 52px; position: absolute; left: 478px; top: 48px; }
#v-menu ul { line-height: 12px; margin: 0; }
#v-menu li { background: url('../img/pipe.gif') left top no-repeat; padding-left: 2px; height: 52px; float: left; list-style-type: none; }
#v-menu li.first { background: none; }
#v-menu li.first a { background: url('../img/but-home.gif') left top no-repeat; padding-left: 66px; }
#v-menu li.first a:hover { background: url('../img/but-home.gif') left top no-repeat; }
#v-menu li a { padding: 20px 26px 21px 37px; background: url('../img/v-menu-but.gif') left top repeat-x; display: block; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; position: relative; }
#v-menu li a:hover { background: url('../img/v-menu-but.gif') left -52px repeat-x; color: #000; }
#v-menu li a span { background: url('../img/v-menu-but-arr.gif') left top no-repeat; display: block; width: 8px; height: 11px; position: absolute; left: 22px; top: 21px; }
#v-menu li a:hover span { background: url('../img/v-menu-but-arr.gif') left -11px no-repeat; }

.options { width: 380px; position: absolute; left: 845px; top: 11px; }
.options li { float: left; margin-left: 30px; }
.options li.ico-home a { float: left; font-weight: bold; background: url('../img/ico-home.gif') left top no-repeat; padding-left: 31px; }
.options li.lng-de a { padding-left: 24px; background: url('../img/lng-de.gif') left top no-repeat; }
.options li a { font-size: 12px; color: #008b37; }

#outer-footer { height: 166px; margin-top: -166px; background: #e4eff7; border-top: 1px solid #dbe3e8; clear: both; }
#footer { width: 921px; margin: 0 auto; font-size: 12px; font-weight: bold; padding: 20px 40px 0 40px; position: relative; }
#footer p { margin-bottom: 5px; }
#footer .capital { font-size: 11px; }
#footer a.logo { width: 101px; height: 17px; display: block; position: absolute; right: 30px; top: 20px; }
#footer a.logo span { display: block; width: 101px; height: 17px; background: transparent url('../img/logo-porta.gif') left top no-repeat; position: absolute; left: 0; top: 0; }
#footer .partners a { font-size: 11px; }

/* Cols */

.col-1, .col-2, .col-3, .col-4 { float: left; }

.col2-set { margin: 0; background: url('../img/page.gif') left top repeat-y; }
#hp .col2-set { margin: 0; background: url('../img/page-hp.gif') left top repeat-y; }

.col2-set .col-1 { width: 256px; }
.col2-set .col-2 { width: 743px; }

/* Content */

#content { border: 1px solid #b7c7d1; border-top: none; }

.cell-set { padding: 20px 9px; }
.cell-set .cell { width: 225px; margin: 0 10px 20px 10px; background: #e4eff6; float: left; position: relative; }
.cell-set .text { border: 1px solid #b7c7d1; border-top: none; padding: 17px; height: 120px; }
.cell-set .text h3 { font-size: 20px; font-weight: bold; margin-bottom: 15px; line-height: 28px; }
.cell-set .text h3 a { color: #00a850; background: url('../img/ico-arrow.gif') right 5px no-repeat; padding-right: 25px; }
.cell-set .text h3 a:hover { color: #201c1d; }
.cell-set .text p { font-size: 11px; color: #6f6f6f; line-height: 18px; font-weight: bold; margin: 0; }
.cell-set .stripe { background: #00a750; width: 123px; height: 6px; position: absolute; left: 0; top: 99px; }

#hp .box-content { padding: 34px 44px 29px 29px; }
.box-content { padding: 22px 44px 29px 29px; }
.breadcrumb { font-size: 11px; text-transform: uppercase; margin: 14px 44px 0 29px; border-bottom: 1px solid #b7c7d1; }
.breadcrumb a { padding-right: 12px; background: url('../img/ico-breadcrumb.gif') right 4px no-repeat; margin-right: 4px; }

.border { border-bottom: 1px solid #b7c7d1; width: 100%; }
.banners { padding: 10px; }
.banners img { margin: 5px; }

.news { margin: 32px 34px 25px 44px; }
.news p { font-size: 12px; }
.date { font-weight: bold; margin: 0; }

#sidebar a.archive { font-size: 14px; background: url('../img/ico-archive.gif') left top no-repeat; padding-left: 26px; margin: 0; }
#sidebar .maintenance { background: #e5eef5 url('../img/maintenance.jpg') 44px top no-repeat; padding: 76px 48px 0 44px; height: 69px; width: 163px; border-top: 1px solid #a4bccb; }
#sidebar .maintenance a { font-size: 16px; line-height: 24px; font-weight: bold; background: url('../img/ico-arrow.gif') right 5px no-repeat; padding-right: 25px; }

#h-menu ul li { line-height: 22px; padding: 0; background: none; }
#h-menu ul li a { font-size: 16px; font-weight: bold; display: block; border-bottom: 1px solid #b7c7d1; padding: 13px 35px 18px 35px; position: relative; }
#h-menu ul li a.active { color: #005a99; background: #fff; }
/*#h-menu ul li span { background: url('../img/ico-arrow.gif') left top no-repeat; display: block; width: 16px; height: 16px; }*/

#partners { padding: 13px 0 0 45px; }
#partners h3 { font-size: 14px; font-weight: bold; color: #6f6f6f; text-transform: uppercase; }
#partners img { display: block; border: 1px solid #b7c7d1; }

/* Headers */

h1 { font-size: 24px; margin: 0 0 16px 0; font-weight: bold; color: #005a99; }
h2 { font-size: 18px; margin: 0 0 10px 0; line-height: 24px; font-weight: bold; color: #005a99; }
h3 { color: #00a850; margin: 0 0 13px 0; }

#sidebar h3 { font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 10px; }
#sidebar h3 a { color: #00a850; }
#sidebar h3 a:hover { color: #000; }

/* Standard classes */

p,ul,ol { line-height: 24px; margin: 0 0 18px 0; }
ol { color: #fff; font-size: 12px; font-weight: bold; background: url('../img/ol-li.gif') 3px 7px repeat-y; list-style-type: decimal; color: #fff; padding-left: 29px; }
ol p { color: #6f6f6f; font-size: 14px; line-height: 30px; font-weight: normal; margin: 0; padding: 0; }

ul li { background: url('../img/ul-li.gif') 12px 8px no-repeat; padding-left: 29px; }

a { color: #00a850; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }

.bold { font-weight: bold; }
.capital { text-transform: uppercase; }

.left { float: left; }
.right { float: right; }

.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; margin: 0 auto; }

.htmlarea-showtableborders { margin: 0 0 20px 0; line-height: 24px; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.cell-set:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

/* Contact form */

.tx-thmailformplus-pi1 .errors { color: red; }
.tx-thmailformplus-pi1 .text-items { margin-bottom: 20px; margin-top: 20px; }
.tx-thmailformplus-pi1 .text-items label { width: 75px; display: block; float: left; font-weight: bold; padding-top: 5px; }
.tx-thmailformplus-pi1 .text-items input { margin-bottom: 5px;}
.tx-thmailformplus-pi1 .cl { clear: both; }

.tx-thmailformplus-pi1 .checkbox-items { margin-bottom: 5px; }
.tx-thmailformplus-pi1 .checkbox-items label { width: 116px; display: block; float: left; font-weight: bold; margin-bottom: 5px; }
.tx-thmailformplus-pi1 .checkbox-items input { margin-bottom: 5px; }

.tx-thmailformplus-pi1  textarea, .tx-thmailformplus-pi1  input { border: 1px #00A850 solid; }
.tx-thmailformplus-pi1  input.submit { font-weight: bold; background-color: #00A850; color: white; border: 0; padding: 5px; }
.tx-thmailformplus-pi1  input#priloha { border: none; }