/* http://www.webtoolkit.info/css-clearfix.html ) */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

BODY {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0px;
	background: #dadada url(../images/page-grad.gif) repeat-x top;
	padding: 0px;
	color:#666666;
}
IMG {
	border:0px;
}
HR {
	display:none;
}
.breaker {
	font-size: 1px;
	clear: both;
	overflow: hidden;
	line-height: 1px;
	height: 1px;
	margin:0px;
	padding:0px;
}
.hidden {
	display:none;
}

.success {
  color: #009900 !important;
}
.failure {
  color: #990000 !important;
}

A {
	color:#0056c2;
}
A:hover {
	color:#fc8011;
}
A.odkaz {
	display:block;
	padding-right:15px;
	text-align:right;
	background:url(../images/arr.gif) no-repeat right 4px;
}
.f-green {
	color:#2a7e33;
}
.f-red {
	color:#c1272d;
}
.f-blue {
	color:#004892;
}
#page {
	background:url(../images/shadow1.gif) repeat-y;
	width:828px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background:url(../images/shadow1.gif) repeat-y;
	position:relative;
}
#page #shadow {
	background:url(../images/shadow2.png) no-repeat 0px 49px;
}
#page #corl {
	position:absolute;
	top:0px;
	left:-85px;
	background:url(../images/menu-l.gif);
	height:49px;
	width:89px;
}
#page #corr {
	position:absolute;
	top:0px;
	left:824px;
	background:url(../images/menu-r.gif);
	height:49px;
	width:89px;
}
#page #placka {
	width:175px;
	height:175px;
	overflow:hidden;
	position:absolute;
	top:230px;
	left:327px;
}
#page #placka div {
	background:url(../images/hydronique.png);
	width:175px;
	height:175px;
}
UL#menu {
	background:#fff url(../images/line.gif) bottom center no-repeat;
	list-style:none;
	height:35px;
	margin:0px;
	padding:0px;
	margin-left:4px;
	margin-right:4px;
	text-align:center;
	padding-top: 8px;
}
UL#menu LI {
	display: inline;
	margin: 0px;
	padding:0px;
	border-left:2px solid #acc3cc;
	margin-top: 12px;
	line-height: 12px;
}
UL#menu LI A {
	padding-left:13px;
	padding-right:13px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#727272;
	font-size:10px;
	line-height: 12px;
	white-space: nowrap;
}
UL#menu LI A:hover {
	color:#f15f2c;
	text-decoration:underline;
}
UL#menu LI.on {
	border-left:5px solid #acc3cc;
}
UL#menu LI.on A {
	color:#f15f2c;
	text-decoration:underline;
}
UL#menu LI.on .f-green {
	color:#f15f2c;
}


/* MAIN ---------------------------- */

#main {
	background:#fff;
	margin-left:4px;
	margin-right:4px;
}
#main.red {
	background:#fff url(../images/back_red.gif) 10px 0px repeat-y;
}
#main.blue {
	background:#fff url(../images/back_blue.gif) 10px 0px repeat-y;
}
#main.uni {
	background:#fff url(../images/back_green.gif) 10px 0px repeat-y;
}

/* FONTY ---------------------------- */

#left H1, #left H2, #left UL, #right H1, #right H2, #right H3, #right UL, #right P  {
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:20px;
	padding-right:20px;
	color:#fff;
}
#left H1, #right H1 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
}
#left H2, #right H2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#left UL, #right UL {
	font-size:11px;
	margin-bottom:30px;
}

/* LEFT ---------------------------- */

#left {
	background:url(../images/grad_red.png) repeat-x 0px 45px #00a4d8;
	float:left;
	border-left:solid #fff 10px;
	width:400px;
	height:446px;
	text-align:left;
}
#left IMG {
	float:right;
	margin-right:95px;
}
#left DIV {
	background:url(../images/top_red.gif) no-repeat;
	padding-top: 45px;
}
.button {
	background:url(../images/but_blue.gif);
	margin-left:20px;
}

/* RIGHT ---------------------------- */

#right {
	background:url(../images/grad_dark_blue.png) repeat-x 0px 45px #004892;
	float:left;
	border-right:solid #fff 10px;
	width:400px;
	height:446px;
	text-align:right;
}
#right IMG {
	float:left;
	margin-left:95px;
}
#right p.photo {
	clear: both;
	display: block;
}
#right p.photo img {
	clear: both !important;
	margin: 0;
	padding: 0;
}

#right span.userImage {
}
#right span.userImage img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #fff;
}
#right a:hover span.userImage img {
    padding: 1px;
    border-color: #26b34d;
}

#right DIV {
	background:url(../images/top_blue.gif) no-repeat;
	padding-top:45px;
}

#right .button {
	background:url(../images/but_blue.gif);
	margin-left:220px;
}
#main.red #right, #main.blue #right, #main.uni #right {
	width:580px;
	height: 100%;
	background:url(../images/grad_gray.png) repeat-x 0px 45px #fff;
	text-align:left;
	padding-bottom:30px;
}
#main.red #right DIV, #main.blue #right DIV, #main.uni #right DIV {
	background:url(../images/top_gray.gif) no-repeat right top;
	padding-top:60px;
}
#main.red #right H1, #main.blue #right H1, #main.uni #right H1 {
	font-size:24px;
	margin-bottom:0px;
}
#main.red #right H2, #main.blue #right H2, #main.uni #right H2 {
	font-size:12px;
	margin-bottom:30px;
}
#main.red #right H3, #main.blue #right H3, #main.uni #right H3 {
	font-size:12px;
	margin-bottom:0px;
	padding-top:15px;
}
#main.red #right P, #main.blue #right P, #main.uni #right P {
	color:#666;
	font-size:11px;
	margin-bottom:15px;
}
#main.red #right UL, #main.blue #right UL, #main.uni #right UL {
	color:#666;
	font-size:11px;
	margin-bottom:15px;
}
#main.red #right LI, #main.blue #right LI, #main.uni #right LI {
	padding-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}
#main.red #right LI {
	background:url(../images/li_red.gif) no-repeat 0px 3px;
}
#main.blue #right LI {
	background:url(../images/li_blue.gif) no-repeat 0px 3px;
}
#main.uni #right LI {
	background:url(../images/li_green.gif) no-repeat 0px 3px;
}
#main.red #right H1, #main.red #right H2, #main.red #right H3, #main.red #right A {
	color:#c1272d;
}
#main.blue #right H1, #main.blue #right H2, #main.blue #right H3, #main.blue #right A {
	color:#004892;
}
#main.uni #right H1, #main.uni #right H2, #main.uni #right H3, #main.uni #right A {
	color:#26b34d;
}
#main.uni #right IMG.kontakt {
	float: none;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	border: none;
	display: inline;
}
#main.uni #right TABLE {
	margin-left: 20px;
}
#main.uni #right INPUT {
	margin-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
}
#main.uni #right INPUT.text {
	border: 1px solid #666666;
}
#main.uni #right INPUT.submit {
	margin-left: 20px;
}

/* SPECIAL ---------------------------- */

#main .logo {
	margin:0px;
	float:none;
}
#main .button {
	display:block;
	height:24px;
	width:140px;
	color:#fff;
	line-height:24px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	margin-top:50px;
}
#main.red #left, #main.blue #left, #main.uni #left {
	width:220px;
	height: 100%;
	overflow:hidden;
}
#main.blue #left {
	background:url(../images/grad_blue.png) repeat-x 0px 45px #00a3d7;
}
#main.blue #left DIV {
	background:url(../images/top_blue2.gif) no-repeat;
}
#main.uni #left {
	background:url(../images/grad_green.png) repeat-x 0px 45px #26b34d;
}
#main.uni #left DIV {
	background:url(../images/top_green.gif) no-repeat;
}
#main.red #right IMG, #main.blue #right IMG, #main.uni #right IMG {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#main.red #left IMG, #main.blue #left IMG, #main.uni #left IMG {
	margin:0px;
}

/* FOOTER ---------------------------- */
#BannerHolder {
	margin: 10px;
	border: 1px solid #ED3A22; 
	background-color: #FCEDB8;
}

#BannerHolder #Order,
#BannerHolder #Expirience {
	text-align: center;
	padding: 10px 20px;
}

#BannerHolder #Order {
	float: left;
	width: 350px;
}

#BannerHolder #Expirience {
	float: right;
	width: 350px;
}


/* FOOTER ---------------------------- */

#footer {
	display:block;
	font-size:10px;
	color:#868686;
	clear:both;
	background:#fff;
	height:45px;
	margin-left:10px;
	margin-right:10px;
}
#footer DIV {
	width:367px;
	float:left;
	padding-top:10px;
	padding-bottom:20px;
}
#footer #f1 {
	text-align:right;
}
#footer #f2 {
	text-align:left;
}
#footer #f2 a {
	color:#868686;
	text-decoration:none
}
#footer #f2 a:hover {
	text-decoration: underline;
}
#footer #f2 span.separator {
	color: #D4D4D4;
}
#footer IMG {
	float:left;
	margin-top:5px;
}
#main.red #footer {
	border-top:#ed3d23 solid 3px;
}
#main.blue #footer {
	border-top:#00a4d8 solid 3px;
}
#main.uni #footer {
	border-top:#26b34d solid 3px;
}
#end {
	background:url(../images/footer.jpg);
	width:828px;
	height:95px;
}

.blue #Zkusenosti fieldset {
	border: none;
    clear: both;
}

.blue #Zkusenosti fieldset legend {
    font-weight: bold;
    padding: 10px;
    display: block;
    width: 100%;
}


#main.blue #Zkusenosti fieldset ul,
#main.blue #Zkusenosti fieldset ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  background-image: none;
}

#main.blue #Zkusenosti fieldset ul {
	margin-left: 12px;
}


#main.blue #Zkusenosti fieldset ul li label {  
    float: left;  
    width: 150px;
    clear: both;
    text-align: left;
}

#main.blue #Zkusenosti fieldset textarea {  
	margin-left: 12px;
}

#main.blue #Zkusenosti fieldset input,
#main.blue #Zkusenosti fieldset textarea {  
	border: 1px solid #666666;
}

#main.blue #Zkusenosti fieldset.submit button {  
	border: 1px solid #666666;
	margin-left: 12px;
}

#main.blue #Zkusenosti fieldset label.bold {
	font-weight: bold;
}