/* 
Name: Technicke site Brno
Author: 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 */
	
body {
	font-family: 'Arial';
	font-size: 15px;
	color: #58585a;
	background: #e7e7e8 url('../img/bg.gif') center top no-repeat;
	margin: 0;
	padding: 0;
}

#container { width: 1000px; margin: 0 auto; position: relative; }
#page { background: transparent url('../img/page.gif') left top repeat-y; position: relative; }
#header { height: 197px; position: relative; border-bottom: 1px solid #b1b1b1; }
#top-content { padding: 30px 0 25px 0; border-bottom: 1px solid #d7d8d8; background: transparent url('../img/page.gif') left top repeat-y; }
#content { padding: 23px 30px 30px 50px; border-top: 1px solid #fff; background: transparent url('../img/content.gif') left top repeat-y; position: relative; }

/* Header */

#head-logo { position: absolute; left: 50px; top: 38px; }
#head-logo a { padding-left: 144px; color: #58585a; text-decoration: none; }
#head-logo a:hover { background: none; }
#head-logo a span { position: absolute; left: 0; top: 0; width: 357px; height: 81px; background: transparent url('../img/head-logo.gif') left top no-repeat; cursor: pointer; }

#h-menu { height: 42px; position: absolute; left: 30px; bottom: -1px; }
#h-menu li { float: left; position: relative; background: none; padding: 0; }
#h-menu li a { float: left; color: #fff; background: #da2128; font-size: 12px; line-height: 12px; padding: 15px 25px; margin-right: 7px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#h-menu li a:hover { background: #58585a; }
#h-menu li.active a { color: #58585a; padding: 14px 25px 15px 25px; background: #fff; border: 1px solid #b1b1b1; border-bottom: none; }
#h-menu li.active a:hover { background: #fff; }

#h-menu li:hover ul.sub-menu { display: block; }

#h-menu li ul.sub-menu { display: none; position: absolute; left: 0; top: 42px; z-index: 100; }
#h-menu li ul.sub-menu li a { font-size: 11px; color: #feffff; font-weight: normal; text-decoration: underline; background: #58585a url('../img/arrow.gif') 24px 15px no-repeat; border: none; border-top: 1px solid #69696b; display: block; width: 202px; padding: 13px 0 13px 35px; }
#h-menu li ul.sub-menu li a:hover { background: #69696b url('../img/arrow.gif') 24px 15px no-repeat; text-decoration: none; }

#top-menu { position: absolute; right: 29px; top: 10px; text-transform: uppercase; font-size: 11px; }

form#searchform { position: absolute; right: 29px; top: 57px; }
input#searchformsword { font-size: 12px; font-family: 'Arial'; font-style: italic; float: left; width: 150px; margin: 0 8px 0 0; padding: 5px; border: 1px solid #808080; border-right: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; }
input#searchformsubmit, input.submit { font-size: 11px; font-family: 'Arial'; font-weight: bold; color: #fff; float: left; width: 81px; height: 26px; border: none; background: transparent url('../img/search-but.gif') left top no-repeat; cursor: pointer; }
input:hover#searchformsubmit, input:hover.submit { background: transparent url('../img/search-but.gif') left -26px no-repeat; }

/* Sidebar */

#side-menu { position: relative; background: #ededed url('../img/box-bot.gif') left bottom repeat-x; margin-bottom: 7px; padding-bottom: 1px; }
#side-menu h3 { font-weight: bold; font-size: 14px; padding: 17px 0 16px 18px; color: #58585a; background: #fff; margin: 0; border: 1px solid #d2d3d3; text-transform: uppercase; }
#side-menu ul { margin: 0; padding: 0; background: #ededed url('../img/sidebox.gif') left bottom repeat-y; }
#side-menu ul li { line-height: 22px; background: none; padding: 0; display: inline; }
#side-menu ul li a { font-size: 12px; text-decoration: none; text-transform: uppercase; padding: 8px 0 9px 45px; display: block; background: #fff url('../img/arrow-menu.gif') 20px top no-repeat; border: 1px solid #d2d3d3; border-top: none; }
 
#side-menu ul li.rolled a { background: #fff url('../img/arrow-menu.gif') 20px -78px no-repeat; }
#side-menu ul li.rolled a:hover { background: #5a5a5c url('../img/arrow-menu.gif') 20px -117px no-repeat; border: 1px solid #5a5a5c; border-bottom: none; }
#side-menu ul li.active a { font-weight: bold; color: #fff; background: #da2128 url('../img/arrow-menu.gif') 20px -39px no-repeat; border: 1px solid #da2128; border-bottom: none; }
#side-menu ul li a:hover { background: #5a5a5c url('../img/arrow-menu.gif') 20px -39px no-repeat; border: 1px solid #5a5a5c; border-bottom: none; }

#side-menu ul li ul { border-bottom: 1px solid #d2d3d3; }
#side-menu ul li ul.roll-menu li a { font-size: 11px; font-weight: normal; margin-left: 46px; padding: 10px 0 7px 25px; color: #da2128; background: #fff url('../img/arrow-red.gif') 14px 17px no-repeat; border: 1px solid #d2d3d3; border-top: none; }
#side-menu ul li ul.roll-menu li a:hover, #side-menu ul li ul.roll-menu li a.active { color: #fff; background: #5a5a5c url('../img/arrow.gif') 14px 17px no-repeat; border: 1px solid #5a5a5c; border-top: none; }
#side-menu ul li ul.roll-menu li.last a,
#side-menu ul li ul.roll-menu li.last a:hover { border-bottom: none; }

.comm-box, .pic-box, .cform-box { background: #fff url('../img/box-bot.gif') left bottom repeat-x; border: 1px solid #cbcbcb; border-bottom: none; padding: 25px; margin: 0 0 7px 0; }

.contact-box { background: #fff url('../img/box-bot.gif') left bottom repeat-x; border: 1px solid #cbcbcb; border-bottom: none; padding: 0 0 1px 0; margin: 0 0 7px 0; }
.contact-box h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #58585a; margin: 0; padding: 17px 20px 16px 20px; border-bottom: 1px solid #d2d3d3; }
.contact-box ul { margin: 11px 0 17px 20px; }
.contact-box li { font-size: 12px; background: none; padding: 0; line-height: 24px; }
.contact-box li span.bold { font-size: 11px; }

.cform-box { padding: 20px; border-top: none; }
.pic-box { padding: 9px; }

.ico-phone, .ico-mail, .ico-phone-common { font-size: 14px; text-transform: uppercase; color: #097101; padding: 0 0 0 69px; margin: 0 0 20px 0; background: transparent url('../img/ico-phone.gif') left top no-repeat; }
#post .ico-phone p, #post .ico-mail p, #post .ico-phone-common p, .ico-phone p, .ico-mail p, .ico-phone-common p  { line-height: 24px; margin: 0; }
.ico-phone p span { font-size: 24px; text-transform: none; font-weight: bold; }

.ico-phone-common { color: #58585a; background: transparent url('../img/ico-phone-silver.gif') left top no-repeat; }
.ico-phone-common p span { font-size: 24px; text-transform: none; font-weight: bold; }

.ico-mail { color: #58585a; background: transparent url('../img/ico-mail.gif') left top no-repeat; }
.ico-mail a:hover { color: #da2128; background: none; text-decoration: underline; }
.ico-mail p span { font-size: 18px; text-transform: none; color: #da2128; }

.contact-box h3.head { color: #df1f26; }
.phones { margin: 24px 15px 21px 23px; }

/* Footer */
 
#footer { height: 94px; background: #58585a; position: relative; margin-bottom: 30px; }
#footer p { font-size: 12px; color: #c5c5c5; line-height: 24px; margin: 0; }
#footer a { font-size: 11px; color: #c5c5c5; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
#footer a:hover { color: #fff; text-decoration: none; background: none; }

#footer a.mark { font-weight: normal; color: #fff; }

#footer .text { left: 132px; top: 25px; position: absolute; border-left: 1px solid #8a8a8c; padding: 0 0 0 23px; height: 69px; }
#foot-logo { 
	position: absolute;
	left: 31px;
	top: 25px;
	width: 76px;
	background: transparent url('../img/foot-logo.gif') left 2px no-repeat;
	border-right: 1px solid #464648;
	padding: 0 24px 0 0;
	height: 69px;
}

/* Content */

a#logo-porta { font-size: 9px; font-weight: bold; color: #a0a0a0; text-decoration: none; width: 95px; height: 11px; position: absolute; right: 29px; top: 27px; }
a#logo-porta span { position: absolute; left: 0; top: 0; width: 95px; height: 11px; background: transparent url('../img/logo-porta.gif') left top no-repeat; cursor: pointer; }
a:hover#logo-porta span { background: transparent url('../img/logo-porta.gif') left -11px no-repeat; }

.main-offer { width: 960px; padding: 0 20px; position: relative; }

.main-offer .cell { float: left; width: 220px; margin: 0 10px 5px 10px; position: relative; }
.main-offer .cell:hover .text-sec { display: block; }
.main-offer .cell img { display: block; position: relative; }
.main-offer .cell .text { float: left; background: #da2128; width: 180px; height: 82px; padding: 20px 20px 0 20px; }
.main-offer .cell .text h3 { font-size: 17px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0 0 8px 0; }
.main-offer .cell .text p { font-size: 12px; line-height: 18px; color: #f9d2d4; margin: 0; }

.main-offer .cell .text-sec { display: none; background: #58585a; width: 180px; padding: 20px 20px 10px 20px; height: 122px; position: absolute; left: 0; bottom: 0; }
.main-offer .cell .text-sec h3 { font-size: 17px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0 0 8px 0; }
.main-offer .cell .text-sec p { font-size: 12px; color: #c5c5c5; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #69696b; }
.main-offer .cell .text-sec a { font-size: 11px; margin: 0; text-transform: uppercase; color: #fff; }
.main-offer .cell .text-sec a:hover { background: none; }

#breadcrumb { font-size: 11px; line-height: 11px; color: #58585a; text-transform: uppercase; padding: 0 0 16px 20px; margin: 0 30px 40px 30px; border-bottom: 1px solid #d7d8d8; }
#breadcrumb a { text-transform: uppercase; padding-right: 13px; margin: 0 8px 0 0; background: transparent url('../img/arrow.gif') right 3px no-repeat; }
#breadcrumb a:hover { color: #df1f26; text-transform: uppercase; text-decoration: none; }

.services { padding: 5px 0 30px 0; }
.services .cell { margin: 0 0 8px 0; }
.services .cell img { padding: 9px; background: #fff url('../img/box-bot.gif') left bottom repeat-x; border: 1px solid #ccc; border-bottom: none; float: left; margin: 0 20px 0 0; }
.services .text { float: left; width: 460px; }
.services h2 { margin: 12px 0 15px 0; }
.services h2 a { font-size: 18px; text-decoration: underline; font-weight: bold; color: #da2128; }
.services h2 a:hover { background: none; text-decoration: none; }

.ad-types a:hover .cell .box { background: #58585a; }
#content .ad-types a:hover .cell .box p { color: #fff; }
.ad-types .cell { width: 175px; margin: 0 17px 18px 0;  float: left; }
.ad-types .last { margin: 0 0 18px 0; }
.ad-types .cell img { display: block; }
.ad-types .cell .head { font-size: 16px; margin: 0 0 7px 0; text-transform: uppercase; }
.ad-types .cell .box { color: #fff; background: #da2128; height: 75px; padding: 17px 19px; }
#content .ad-types .cell .box p { font-size: 12px; line-height: 18px; margin: 10px 0 0 0; color: #f9d2d4; }
.ad-types .cell .box small { font-size: 10px; font-weight: bold; padding: 0 0 0 15px; background: transparent url('../img/ico-size.gif') left 2px no-repeat; }

.price-list td.mark { width: 93px; color: #da2128; background: #fff; }
.price-list td { line-height: 18px; padding: 8px 10px 3px 13px; }
.price-list .head { font-size: 14px; font-weight: bold; color: #da2128; }
.price-list img { background: #fff url('../img/box-bot.gif') left bottom repeat-x; padding-bottom: 2px; }
.price-list .minicol2-set { margin: 0 0 30px 0; }
.price-list .minicol-1 { float: left; width: 175px; margin: 0 19px 0 0; }
.price-list .minicol-2 { float: left; width: 365px; margin: 0; }

.gallery { margin: 0 0 16px 0; }
.gallery .pic, .gallery .logo { float: left; margin: 0 17px 17px 0; padding: 9px 9px 11px 9px; background: #fff url('../img/box-bot.gif') left bottom repeat-x; border: 1px solid #cbcbcb; border-bottom: none; }
.gallery .logo { margin: 0 10px 9px 0; }
.gallery .last { margin: 0 0 17px 0; }

.gmap img { margin: 9px; }
.open-gmap { font-size: 11px; margin: 4px 0 18px 20px; text-transform: uppercase; }

/* Searchboxes */

.searchbox { background: #fff; border: 1px solid #cbcbcb; padding: 5px 0 0 19px; height: 79px;  }
.searchbox table { width: auto; }
.searchbox table td { vertical-align: bottom; border: none; padding: 0 13px 0 0; }
.searchbox label { font-size: 11px; color: #58585a; display: block; text-transform: uppercase; margin-bottom: 9px; }
.searchbox input.text { font-family: 'Arial'; font-size: 12px; font-weight: bold; width: 197px; padding: 5px 5px 4px 5px; background: #e6e6e6; border: 1px solid #808080; border-right: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; }
.searchbox select { font-family: 'Arial'; font-size: 12px; height: 26px; font-weight: bold; width: 205px; padding: 5px 5px 4px 5px; background: #e6e6e6; border: 1px solid #808080; border-right: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; }

.listingbox { font-size: 12px; font-weight: bold; background: #e7e7e8; border: 1px solid #cbcbcb; height: 10px; padding: 6px 20px 20px 20px; position: relative; }
.listingbox p { position: absolute; }
.top-searchbox , .bottom-searchbox { margin: 0 0 25px 0; }
.top-searchbox .listingbox { border-top: none; }
.bottom-searchbox .listingbox { border-bottom: none; }
.listing { position: absolute; right: 18px; bottom: 12px; }
.listing a { margin: 0 4px; }
.listing a.next { background: url('../img/ico-next.gif') right 3px no-repeat; text-transform: uppercase; padding-right: 15px; margin-left: 15px; }
.listing a:hover.next, .listing a:hover.previous { color: #df1f26; text-decoration: none; }
.listing a.previous { background: url('../img/ico-previous.gif') left 3px no-repeat; text-transform: uppercase; padding-left: 15px; margin-right: 15px; }

.search-results { margin-bottom: 20px; }
.search-results .head { font-weight: bold; margin-bottom: 12px; }
.search-results .head a { margin: 0 0 0 5px; }

/* Cols */

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

.col2-set { margin: 0; }
.col2-set .col-1 { width: 560px; margin-right: 40px; }
.col2-set .col-2 { width: 320px; }

#post .col-2 { position: relative; top: -94px; right: 0; }
 
/* Headers */

h1 { font-size: 24px; color: #da2128; margin: 9px 0 14px 0; text-transform: uppercase; }
#top-content h1 { width: 550px; margin: 0 0 0 50px; line-height: 30px; }
h2 { font-size: 18px; color: #da2128; margin: 21px 0 10px 0; }
h3 { font-size: 14px; color: #da2128; margin: 21px 0 12px 0; }

/* Tables */

table { font-size: 12px; width: 100%; margin: 10px 0 30px 0; }
table th,
table td { padding: 10px 0; border: 1px solid #cbcbcb; text-align: center; }
table th { background: #58585a; color: #fff; }
table td { text-align: left; padding: 13px; }

/* Contact form */

.cform { width: 100%; margin: 0; }
.cform label span { font-size: 11px; color: #434a55; text-transform: uppercase; display: block; }
.cform input { 
	font-family: 'Arial';
	font-size: 12px;
	font-weight: bold;
	color: #171616;
	padding: 9px 14px;
	border: 1px solid #929292;
	border-bottom: 1px solid #dbdbdb;
	border-right: none;
	margin: 0;
	background: #e6e6e6 url('../img/req.gif') right top no-repeat;
}

.cform textarea { 
	color: #171616;
	width: 491px;
	padding: 13px 14px;
	margin: 0 0 15px 0;
	border: 1px solid #929292;
	border-bottom: 1px solid #e6e6e6;
	border-right: none;
	background: #e6e6e6;
}

.cform ul { margin: 0; padding: 0; }
.cform li { background: none; line-height: 28px; padding: 0; margin: 0; background: none; }

.cform li.li-1 { width: 278px; float: left; margin-bottom: 7px; }
.cform li.li-1 input { width: 232px; }
.cform li.li-2 { width: 238px; float: left;margin-bottom: 7px; }
.cform li.li-2 input { width: 215px; }

.cform .sendbutton { 
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	background: #fff url('../img/cform-but.gif') left top no-repeat;
	text-align: center;
	padding: 10px 0;
	border: none;
	width: 98px;
	height: 35px;
	cursor: pointer;
}

.failure { font-size: 14px; color: #da2128; border: 1px solid #da2128; padding: 13px 15px 13px 45px; margin-bottom: 15px; background: #fff url('../img/fail-ico.gif') 14px 12px no-repeat; }
.success { font-size: 14px; color: #2d9f00; border: 1px solid #60b53e; padding: 13px 15px 13px 45px; margin-bottom: 15px; background: #d9eed1 url('../img/success-ico.gif') 15px 13px no-repeat; }

.cform-head { 
	font-size: 18px;
	font-weight: bold;
	color: #da2128;
	background: #fff url('../img/cform-head.gif') left bottom repeat-x;
	padding: 20px 0 21px 20px;
	margin-top: 22px;
	border: 1px solid #cbcbcb;
	border-bottom: none;
}

/* Standard classes */

p,ul { line-height: 22px; margin: 0 0 9px 0; }
#post p { line-height: 24px; margin: 0 0 10px 0; }
p.note-req { font-size: 12px; padding-left: 11px; background: transparent url('../img/note-req.gif') left 6px no-repeat; }

ul,ol { margin: 0 0 30px 0; }
ol { background: transparent url('../img/ol-item.gif') left 7px repeat-y; }
ul li { font-size: 14px; line-height: 21px; padding: 5px 0 5px 30px; background: transparent url('../img/ul-item.gif') 10px 10px no-repeat; }
ol li { font-size: 11px; line-height: 30px; color: #fff; list-style-type: decimal; margin: 0 0 0 30px; background: none; padding: 0; }
ol li span { font-size: 14px; color: #58585a; }

small { font-size: 12px; }

sup,sub { font-size: 11px; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

a { color: #df1f26; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; background: #df1f26; }

/* disable hover on some specific links */
#lightbox a:hover, div.csc-textpic a:hover, div.clean-links a:hover { background: transparent; }

a.arrow { padding-left: 10px; background: transparent url('../img/arrow.gif') left 3px no-repeat; }

a.more { text-decoration: underline; float: left; display: block; margin: 0 0 20px 0; padding: 0 10px 0 54px; color: #fff; background: transparent url('../img/more.gif') left top no-repeat; }
a.more span { padding: 8px 14px 9px 0; background: #da2128; display: block; }
a:hover.more { background: transparent url('../img/more.gif') left -36px no-repeat; }
a:hover.more span { background: #58585a; }

a.blank { padding-right: 14px; background: transparent url('../img/blank.gif') right top no-repeat; }
a:hover.blank { color: #fff; text-decoration: none; background: #df1f26 url('../img/blank.gif') right -23px no-repeat; }

a.to-top { font-size: 11px; display: block; border: 1px solid #ddd; width: 50px; margin-top: 19px; padding: 9px 5px 11px 42px; text-transform: uppercase; background: #fff url('../img/a-top.gif') left top no-repeat; }
a:hover.to-top { color: #58585a; background: #fff url('../img/a-top.gif') left -31px no-repeat; }

.plus { position: relative; width: 100%; }
.plus img { border: 1px solid #d7d8d8; }
a.ico-plus { font-size: 11px; border: 1px solid #ddd; padding: 9px 10px 11px 42px; position: absolute; left: 9px; bottom: 11px; text-transform: uppercase; background: #fff url('../img/a-plus.gif') left top no-repeat; }
a:hover.ico-plus { color: #58585a; background: #fff url('../img/a-plus.gif') left -31px no-repeat; }

/* Various classes */

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

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

strong, span.bold, p.bold { font-weight: bold; }

.download { font-size: 11px; text-transform: uppercase; color: #58585a; float: left; padding: 10px 8px 10px 42px; margin: 0 0 10px 0; background: #fff url('../img/ico-download.gif') left top no-repeat; border: 1px solid #d9d9d9; }
a:hover.download { background: #df1f26 url('../img/ico-download-hover.gif') left top no-repeat; }
.download a { background: none; color: #da2128; }

.ico-arrow { font-size: 11px; text-transform: uppercase; color: #58585a; float: left; padding: 10px 8px 10px 42px; margin: 0 0 25px 0; background: #fff url('../img/ico-arrow.gif') left top no-repeat; border: 1px solid #d9d9d9; }
.ico-arrow a { background: none; color: #da2128; }

.line { background: transparent url('../img/line.gif') left top repeat-x; height: 2px; margin-bottom: 20px; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.minicol2-set:after,
.main-offer:after,
.services .cell:after,
.ad-types:after,
.gallery:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}