/*
Author: elphnet.cz
Struktura:
        display | 
		  position | 
		  float | 
		  overflow | 
		  width | 
		  height | 
		  border | 
		  margin | 
		  padding | 
		  background | 
		  align | 
		  font
*/

/* Elements*/

body {	
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	color:#333333;
}
h1, h2, h3, h4, h5 {
	border:0; 
	margin:10px 0px 5px 0px; 
	padding:0; 
	font-weight: bold;
}
p {
	margin:5px 0;
}


table {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 11px;
	letter-spacing:1px;	
}
ul, ol {
	display:block; 
	border:0; 
	margin:0px 0px 0px 20px; 
	padding:0;
}
form {
	margin: 0;
	padding: 0;
}
/* Floating */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

/* Text align */
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}

.clearer {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.noscreen {
	display: none;
}
a img {
	border: 0;
}
/*_________________________________________________________*/

#null {
	width:910px;
	margin:auto;
	text-align:left;	
}
/*__________________ Rozlozeni stranky_____________________*/
#head {
	position: relative;
	height:264px;	
	background-image: url(../img/head.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#head #logo {
	position: absolute;
	left:250px;
	top:50px;
	width:200px;
	height: 80px;
	display: block;
}
#head .box {
	position: absolute;
	top:155px;
	left:260px;
	width:340px;
	height:95px;
	color:white;
}
#head h1 {
	text-align:justify;
	font-weight: normal;
	font-size:12px;
}
#topMenu {
	/*width:150px;*/
	height:25px;	
	background-image: url(../img/bg_topMenu.png);
	background-repeat: repeat-x;
	
}
#topMenu ul{
	margin:0px;
	padding:0px;
	margin-top:0px;
	padding-top:5px;	
}
#topMenu ul li {
	display: inline;	
	font-weight: bold;
	text-transform: uppercase;
	padding:0px;
	margin:0px;
	padding-right:15px;
}
#topMenu ul li a {
	color:white;
	text-decoration:none;
}
#topMenu ul li a:hover {
	text-decoration: underline;
}


/*__________________ Rozlozeni stranky_____________________*/
#content {
	width:910px;
	background-image: url(../img/bg_null.png);
	background-repeat: repeat-y;
	background-position: right;
	
}
/*___________________Levy sloupec___________________*/
#colLeft {
	float: left;
	width: 675px;
}
#mainLeft {
	float:left;
	width: 240px;
/*	border:1px solid blue;*/
}
#mainLeft #menu  {
	height: 545px;
	background-image: url(../img/menu_bg.png);
	background-repeat: no-repeat;
	/*margin-left:2px;*/
}
#mainLeft #menu .box {
	width:195px;
	border-top:2px dashed white;	
	margin:0px 0px 5px 15px;
	padding-top:5px;
	color:#333333;
	font-size: 11px;
	text-align: left;
}
 
#mainLeft #menu .box h2 {
	margin: 0;
	padding:2px 0px 2px 5px;
} #mainLeft #menu .box h2 a{
	color:#84611D;
	font-size:12px;	
	text-decoration: none;
}
#mainLeft #menu .box h2 a:hover{
	color:#84611D;
	font-size:12px;	
	border-bottom: 1px dotted #84611D;
}

#mainLeft #menu .box img {
	float: left;
}
#info {
	background-image: url(../img/info_bg.png);
	background-repeat: repeat-y;	
	padding-left:15px;
	padding-bottom:5px;
	font-size:11px;
	margin-left:14px;
}
#info p {
	padding: 0;
	margin:0px 0px 4px 0px;
}
#info img {
	vertical-align: middle;
	margin-right:2px;
}
#info a {
	color:#333333;
	text-decoration: none;
}
#info a:hover {
	border-bottom:1px dotted #333333;
}
.info-end {
	height:15px;
	background-image: url(../img/info-end.png);
	background-repeat: no-repeat;
	margin-left:14px;
}

#mainRight {
	float:right;
	width: 435px;
}
/*_________text na strance_________*/
#text {
	padding:0px 10px 10px 5px;
	text-align: justify;
}
#text h1, #text h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase;
	
}
#text b {
	color:#37567F;
}
#text a {
	color:#37567F;
	font-weight:bold;
}
#pictRef img {
	margin:0;
	float:left;
	background-image: url(../img/obr_shadow.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding:2px 6px 6px 2px;
}
#text ul {
	list-style: none;
	/*margin:0;
	padding:0;*/
}
#text ul li {
	background-image: url(../img/ul-blue.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:12px;
	margin-top:5px;
}
#text ul.orange li {
	background-image: url(../img/ul-orange.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:12px;
	margin-top:5px;
}
#ref {
	text-align: left;
}
#ref .side {
	width:200px;
	
}
#ref .side h3 {
	color:#37567f;
	font-size:12px;
}
#ref .side img {
	float: left;
	background-image: url(../img/obr_shadow.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding:2px 8px 6px 2px;
}
#ref .side .box {
	margin-top:5px;
	border-top:1px dotted #37567f;
}
#ref .side .box a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#ref .side .box a:hover {
	color: #333333;
	font-weight: normal;
	border-bottom: 1px dotted #333333;
}
#ref .side .box h3 a {
	color:#37567f;
	font-size:12px;
	font-weight: bold;
}
#ref .side .box h3 a:hover {
	color:#37567f;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}
#pages {
	padding-top:15px;
	text-align: right;
}

/*___________________Pravy sloupec___________________*/
#colRight {
	float: right;
	width: 234px;	
}
/*_____________novinky_______________*/
#news {
	background-image: url(../img/news_bg.png);
	background-repeat: repeat-y;
}
#news .box {
	width:200px;
	margin:0px 0px 5px 10px;
	border-bottom:1px dotted #826123;
	padding-bottom:5px;
	color:#826123;
	text-align: left;
}

#news .box h4 {
	margin:0;
	font-size:12px;
}
#news .box a {
	color: #826123;
	font-weight:bold;
	text-decoration: none;
}
#news .box a:hover {
	text-decoration: underline;
}
#news .end {
	height:9px;
	font-size:6px;
	background-color: White;
	/*background-image: url(../img/news_end.png);*/
	background-image: url(../img/news_procject.png);
	background-repeat: no-repeat;
	/*border:1px solid red;*/
}
/*_____________project_______________*/
#project {
	background-image: url(../img/project_bg.png);
	background-repeat: repeat-y;
	width:232px;
	margin-left:1px;
}
#project .start {
	/*background-image: url(../img/project_start.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top:5px;*/
}
#project .start .h5 {
	height:24px;
	width:219px;
	margin: 0px 0px 0px 5px;
	padding-top:2px;
	background-image: url(../img/preject_title_bg.png);
	background-repeat:repeat-x;
	color:white;
	font-size:12px;
	text-transform: uppercase;
	text-align: center;
	font-weight:bold;
}
#project .end {
	height:8px;
	background-image: url(../img/project_end.png);
	background-repeat: no-repeat;
	background-color: White;
}
#project .box {
	width:200px;
	margin:0px 0px 5px 10px;
	border-bottom:1px dotted #37567F;
	padding-bottom:5px;
	color:#333333;
	font-size: 11px;
	text-align: left;
}
#project .box h3 {
	margin:0;
	color:#37567F;
	font-size:12px;
	padding-bottom:4px;
}
#project .box h3 a,#project .box h3 a:hover {
	color:#37567F;
	border-bottom: 0;
}

#project .box img {
	float:left;
	background-image: url(../img/obr_shadow.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding:2px 8px 6px 2px;	
}
#project .box a {
	color:#333333;
	text-decoration: none;	
}
#project .box a:hover {
	border-bottom:1px dotted #333333;
}
#project .more {
	font-size: 10px;
}

.box #copyright {
	font-size:9px;
	color:#666666;
	text-align:right;
	padding-top:10px;
}
.box #copyright a {
	text-decoration: none;
	color: #666666;
	border-bottom: 0px;
}
.box #copyright a:hover {
	border-bottom: 1px dotted #666666;
}
.no-border {
	border:0px;
}
#footer {
	height:34px;
	background-image: url(../img/content_bg.png);
	background-repeat: repeat-x;
	text-align: center;
	padding-top:2px;
}
#footer a {
	color:white;
	text-decoration:none;
	padding:0px 4px 0px 4px; 
	font-size:11px;
}
#footer a:hover {
	border-bottom: 1px dotted white;
}
#flash {
	position: absolute;
	left:604px;
	height:264px;
	width:306px;	
}
.lastProject {
	float:left;
	width:200px;
	_width:205px;
	padding:0px 5px 5px 5px;
	text-align:left;
}
.lastProject .h5 {
	height:24px;
	width:195px;
	margin: 5px 0px 0px 0px;
	padding:2px 0px 0px 5px;
	background-image: url(../img/preject_title_bg.png);
	background-repeat:repeat-x;
	color:white;
	font-size:12px;
	text-transform: uppercase;
	text-align: left;
	font-weight:bold;
}
.lastProject h3 {
	color:#37567F;
	font-size:11px;
}
.lastProject img {
	float:left;
	margin:5px;
	background-image: url(../img/obr_shadow.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding:2px 6px 6px 2px;
}

.servises {
	float:right;
	width:195px;
	_width:200px;
	background-color: #F4F0E7;
	padding:0px 5px 5px 5px;
}
.servises .h5 {
	height:24px;
	width:190px;
	_width:196px;
	margin: 5px 0px 0px 0px;
	padding:2px 0px 0px 5px;
	background-image: url(../img/servises_title_bg.png);
	background-repeat:repeat-x;
	color:white;
	font-size:12px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
}
.servises form input {
	border:1px solid #333333;
}
.servises form input.submit {
	width:42px;
	height:16px;
	background-image: url(../img/servises_title_bg.png);
	background-repeat: repeat-x;
	font-size:10px;
	color:white;
	border:0px solid white;
}
.kontakt {
	float:left;
	width:200px;
}
.kontakt img {
	vertical-align: middle;
	margin: 4px;
}

form.formular {
	margin-bottom:10px;
}
form.formular input {
	width:300px;
	border:1px solid #333333;
}
form.formular input.submit {
	width:100px;
}
form.formular textarea {
	width:300px;
	border:1px solid #333333;
}
form.formular table td {
	text-align: right;
}