/*	CSS by Hradecon dot com
 *	(C) copyright Vaclav Hradec 2009
 *	file: 	style.css 
 *	email: 	vh@Hradecon.com
 * 	web:	http://Hradecon.com
 */
   
html {margin: 0; padding: 0;}
body
{
	background: #fff;
	color: #000;
	font-family: calibri, arial, 'Trebuchet MS', 'Bitstream Vera Sans';
	font-size: 14px;
	text-align: left;
	margin: 0; padding: 0;
}

img {border: none;}

/************************************ odkazy ***************************************/

a:active, a:link
{ 
	color: #F00;
  	font-size: 1em;
  	font-style: normal;
  	font-weight: normal;
  	text-decoration: underline;
}
a:visited {color: #F33;text-decoration:underline;}
a:hover {color: #950000;}

/************************************** text ***********************************************/
h1, h2, h3, h4, h5, h6 {font-family: calibri, arial; margin: 0 0 0.5em 0;}
h1 {font-size: 2.3em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.0em;}

strong {font-weight: 900;}
em {font-style: italic;}
hr {display:none;}


.left, .right {display:block;float:left;}
.right {float:right;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.invisible {display: none;}
.center {text-align: center;}
.underline {border-bottom: 1px dotted #000;}
.cleaner {clear:both;}

/******************************************* D O C **************************************/
#doc {width:950px; margin:0 auto;
	background: url('./images/doc-bgr.png') top right repeat-x;
}

/******************************************* H E A D E R **************************************/

#header 
{
	background: url('./images/head-bgr.jpg') top right no-repeat;
	width: 100%;
	height: 319px;
	margin: 0; padding: 0;	
}

#header h1 
{
	position: relative;
	top: 45px;
	left: 35px;
	display: block;
	width: 242px;
	height: 53px;
	margin: 0; padding: 0;
}

#header h1 a
{
	display: block;
	width: 100%;
	height: 100%;
}

#header h1 span
{
	position: absolute;
	top: -1000px;
	left: -1000px;
}

#main-menu
{
	position: relative;
	top: 157px;
	left: 13px;
	display: block;
	height: 28px;
	margin: 0; padding: 0;
}
#main-menu ul {list-style-type:none; margin:0; padding:0;}
#main-menu li
{
	display: block;
	text-align: center;
	float: left;			/* urcuje jestli je menu horizontalni nebo vertikalni */
	height: 28px;
	margin: 0; padding: 0;
}
#main-menu li a
{
	color: #fff;
	font-size: 24px;
	text-transform:uppercase;
	text-decoration: none;
	display: block;
	height: 28px;
	margin: 0; padding: 0;
}
#main-menu li a span {visibility:hidden;}
#main-menu li a.first
{
	background: url('./images/mm-uvod.png') top left no-repeat;
	width: 80px;
}
#main-menu li a.first:hover {background-position: -80px 0;}
#main-menu li a.second
{
	background: url('./images/mm-ofirme.png') top left no-repeat;
	width: 115px;
}
#main-menu li a.second:hover {background-position: -115px 0;}
#main-menu li a.third
{
	background: url('./images/mm-realizovaneakce.png') top left no-repeat;
	width: 220px;
}
#main-menu li a.third:hover {background-position: -220px 0;}
#main-menu li a.fourth
{
	background: url('./images/mm-cenik.png') top left no-repeat;
	width: 71px;
}
#main-menu li a.fourth:hover {background-position: -71px 0;}


/***************************************** C O N T E N T ***************************************/
#content
{	
	background: #e9e9e9 url('./images/cont-bgr.jpg') top right no-repeat;
	margin: 0;
	padding: 10px 0 15px 16px;
	min-height:66px;
}
#content h2 {font-size: 24px; text-transform:uppercase; margin-bottom:2px;}
#content h3 {color:#0C0;}
#content p {max-width:607px; text-align:justify;}
#content p.paging {clear:both;}
#content p.navigation {margin-top:0px;}
#content p.date {font-size:0.8em; color:#444; margin-top:-12px;}
#content ul{list-style-image:url('./images/li.png'); margin:0 0 15px 0; line-height:1.2em;}
#content img {border:solid 1px #fff;}

#navigation {margin:0 0 15px 0; padding:0; font-size:0.8em; color:#585858;line-height:10px;}
#navigation p {margin:0;padding:0;}
#navigation a {text-decoration:underline; font-weight:bold; color:#444;}
#navigation a:hover {color:#666;}

#first-tab, #second-tab, #third-tab, #portfolio-last, .portfolio-thumb {width:294px; margin:0 17px 16px 0; display:block; float:left; padding:0;}
#first-tab img, #second-tab img, #third-tab img {border:none;}
#first-tab .head h3, #second-tab .head h3, #third-tab .head h3, #portfolio-last .head h3 {visibility:hidden; font-size:4px;}
#first-tab .head {background: url('./images/proj-poz-head.png') top left no-repeat; height:40px;}
#first-tab .body, #second-tab .body, #third-tab .body, .portfolio-thumb .body,
#contactform, #portfolio-last {background: #e0e0e0 url('./images/tab-body-bgr.png') top left repeat-x; min-height:200px; margin:0; padding:15px; border-bottom:solid 1px #ccc;}
#first-tab .body:hover,#second-tab .body:hover, #third-tab .body:hover, .portfolio-thumb .body:hover {border-bottom-color:#aaa;}
.portfolio-thumb .body {margin:0; padding:5px 15px; min-height:50px;}
#second-tab .head {background: url('./images/stav-dozory-head.png') top left no-repeat; height:40px;}
#third-tab .head {background: url('./images/inz-cin-head.png') top left no-repeat; height:40px;}
#portfolio-last {padding:0; margin:5px 15px 0 0;}
#portfolio-last .body {padding:15px;}
#portfolio-last .head {background: url('./images/port-last-head.png') top left no-repeat; height:40px;}
#portfolio-last h4 {text-transform:uppercase; font-size:1.0em; text-decoration:underline;}
#portfolio-last p {margin:0; padding:0; width:auto;}
#portfolio-last h4 a {color:#000; text-decoration:none; font-weight:bold;}
#portfolio-last h4 a:visited {color:#222;}
#portfolio-last h4 a:hover {color:#666;}
#portfolio-last .body a img {border:solid 1px #fff;}

.portfolio-thumb p {margin:5px 0 0 0; padding:0; width:auto;}
.portfolio-thumb .head {background:#3a3a3a; height:40px;}
.portfolio-thumb h3 {text-transform:uppercase; font-size:13px; color:#fff; line-height:40px; margin-left:15px;}
.portfolio-thumb h3 a {color:#fff; text-decoration:none; font-weight:normal;}
.portfolio-thumb h3 a:visited {color:#ddd;}
.portfolio-thumb h3 a:hover {color:#00ceff;}
.portfolio-thumb a:hover img {border:solid 1px #222;}

#first-tab .body p:first-child, #second-tab .body p, #third-tab .body p {text-align:justify; margin:0 auto; color:#2b2b2b; min-height:136px; width:auto;}

#first-tab .body p {text-align:justify; margin:0; color:#2b2b2b; min-height:20px; width:auto;}

#first-tab .body a {float:right; text-transform:uppercase; color:#fff; font-weight:bold; font-size:11px; background:url('./images/next.png') center right no-repeat; margin-right:-3px; padding:4px 20px 4px 5px; background-color:#3a3a3a; border:solid 1px #eee;}
#first-tab .body a:visited {color:#e0e0e0;}
#first-tab .body a:hover {color:#7bdeff;}

#contactform {width:607px; margin:5px 16px 16px 0; display:block; float:right; padding:0; border:none; min-height:200px;}
#contactform fieldset {padding:0; border:none;}
#contactform legend {visibility:hidden;}
#contactform .field-wrapper {background: url('./images/mailform-head.png') top left no-repeat; 
    min-height:40px; width:607px; display:block; display:block; padding-top:32px;}
#contactform .formElement, #contactform label {margin-left:15px;}
#contactform input {font-size: 1.2em;}
#contactform input[type='text'] {
	border:solid 1px #e3e9ef;
	border-top-color:#abadb3;
	font-size:1em;
	text-align:left;
	width:270px;
	margin:0;
	padding:4px;
}
#contactform label {width:100px; font-size:0.9em; font-weight:bold; text-transform:uppercase; color:#3a3a3a; margin-top:8px;}
#contactform input[type='submit'] {float:right; margin: 0.5em 20px 0.5em 0; padding:4px 10px;}
#contactform textarea {border:1px solid #abadb3; font-family:arial; width:420px; padding:4px; font-size:1em;}
#contactform .errors {color:#F00; margin:5px 0 10px 15px; padding:0; list-style-type:square;}
#contactform .loading {display:none; background: #d6d6d6 url('./images/mailform-load.gif') center left no-repeat; border: solid 1px #bbb; padding:5px; width:418px;}
#contactform .loading span {margin-left:20px;}
#contactform .done {display:none; background: #d7ffc3; border: solid 1px #3db800; padding:5px; width:418px;}
#contactform .form-em {background-color:#FF8181;}

table.main {
		border:1px solid #686868;
		font: 'Trebuchet MS',helvetica,arial;
		color: #333;
		width:900px;
		margin: 0 0 20px 0;
		background-color:#fff;}
table.main caption {
		padding: 0 0 5px 0;
		text-align: left;
		font-size: 1.6em;
		font-family: calibri, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color:#000;
		background: transparent;
}
table.main thead tr {background-color:#3a3a3a; height:40px; color:#00ceff; text-transform:uppercase; font-weight:100; text-align:center;}
table.main td {padding:5px;}
table.main tbody th {text-align:left; padding:5px; width:300px;}
table.main tbody th a {color:#333;}
table.main tbody tr.odd {background-color:#E5F2F8;}
table.main tbody tr:hover {background-color:#bbffbb;}

#bottom
{	
	background: #e9e9e9;
	display:block;
	margin:15px 0 0 0; padding: 10px 0 15px 16px; min-height:200px;
}

/***************************************** F O O T E R *****************************************/

#footer 
{
	background: url('./images/footer-bgr.jpg') top left no-repeat;
	font-size: 14px;
	color: #fff;
	clear: both;
	margin: 0;
	width: 100%;
	height:68px;
	padding: 0;
}

#footer p
{
	text-align: left;
	padding: 16px 0 0 20px;
}
#footer a, #footer a:visited {color: #fff;}
#footer a:hover {color: #eee;}

#footer .hradecon {text-align:left; float:right; padding: 0; margin:30px 0; 
	text-transform:uppercase;font-weight:normal; }
#footer .hradecon img{margin-right:3px;}
#footer .hradecon a, #footer .hradecon a:visited {color:#666;text-decoration:none;}
#footer .hradecon a:hover {color:#888;}
#footer .hradecon strong{color:#333;}
#footer .hradecon strong:hover {color:#888;}