body {
padding:0px;
margin:0px;
background:#000 url(../img/bg.gif) no-repeat;
font-family:arial, verdana, tahoma, sans-serif;
font-weight:normal;
font-size:90%;
color:#fff;
line-height:1.2em;
text-align:center;
}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
div, form {
padding:0px;
margin:0px;
}
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clearfix {
display:inline-block;
}
ul {
margin-top:5px;
text-align:left;
}
img {
border:0px;
margin:0px;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color:#FF0078;
outline:none;
}
a:hover {
color: #fff;
text-decoration:none;
}
h1 {
padding:0px;
margin:20px 0px 15px;
height:40px;
color:#FF0078;
font-weight:bold;
clear:right;
}
h1 span{
display:none;
}
h1.about {margin-top:0px; background:url(../img/h1/about.gif) no-repeat top left;}
h1.contact {margin-top:0px; background:url(../img/h1/contact.gif) no-repeat top left;}
h1.portfolio {margin-top:0px; background:url(../img/h1/portfolio.gif) no-repeat top left;}
h1.portfolio-other {margin-top:0px; background:url(../img/h1/portfolio-other.gif) no-repeat top left;}
h1.portfolio5 {margin-top:0px; background:url(../img/h1/portfolio5.gif) no-repeat top left;}

h1.realspektrum {background:url(../img/h1/realspektrum.gif) no-repeat top left;}
h1.vonekl {background:url(../img/h1/vonekl.gif) no-repeat top left;}
h1.webprogress {background:url(../img/h1/webprogress.gif) no-repeat top left;}
h1.zenyprozeny {background:url(../img/h1/zenyprozeny.gif) no-repeat top left;}
h1.pohony-menice {background:url(../img/h1/pohony-menice.gif) no-repeat top left;}
h1.hudy {background:url(../img/h1/hudy.gif) no-repeat top left;}
h1.posvitime {background:url(../img/h1/posvitime.gif) no-repeat top left;}
h1.speleo {background:url(../img/h1/speleo.gif) no-repeat top left;}
h1.pivovarch {background:url(../img/h1/pivovarch.gif) no-repeat top left;}
h1.nemuh {background:url(../img/h1/nemuh.gif) no-repeat top left;}
h1.gumotex-rescue-systems {background:url(../img/h1/gumotex-rescue-systems.gif) no-repeat top left;}
h1.montiva {background:url(../img/h1/montiva.gif) no-repeat top left;}
h1.hotel-prestige {background:url(../img/h1/hotel-prestige.gif) no-repeat top left;}
h1.rkhanak {background:url(../img/h1/rkhanak.gif) no-repeat top left;}
h1.alcina {background:url(../img/h1/alcina.gif) no-repeat top left;}
h1.vfn {background:url(../img/h1/vfn.gif) no-repeat top left;}
h1.alfaunion {background:url(../img/h1/alfaunion.gif) no-repeat top left;}
h1.aquaprocon {background:url(../img/h1/aquaprocon.gif) no-repeat top left;}
h1.kacr {background:url(../img/h1/kacr.gif) no-repeat top left;}
h1.interprincess {background:url(../img/h1/interprincess.gif) no-repeat top left;}
h1.znovin {background:url(../img/h1/znovin.gif) no-repeat top left;}
h1.roucka-slevarna {background:url(../img/h1/roucka-slevarna.gif) no-repeat top left;}
h1.stratus-bohemia {background:url(../img/h1/stratus-bohemia.gif) no-repeat top left;}
h1.allmusic {background:url(../img/h1/allmusic.gif) no-repeat top left;}

h1.prumstav {background:url(../img/h1/prumstav.gif) no-repeat top left;}
h1.harry-potter {background:url(../img/h1/harry-potter.gif) no-repeat top left;}
h1.mou {background:url(../img/h1/mou.gif) no-repeat top left;}
h1.autobusch {background:url(../img/h1/autobusch.gif) no-repeat top left;}
h1.western {background:url(../img/h1/western.gif) no-repeat top left;}

h2 {
color:#FF0078;
font-size:125%;
font-weight:bold;
padding:0px;
margin:0px 0px 15px;
font-family:arial, verdana, tahoma, sans-serif;
line-height:1em;
}
#contactme h2 {
margin:0px;
}
#bg1 {
margin:auto;
width:1000px;
padding:0px;
background:url(../img/bg.png);
text-align:left;
}
#bg2 {
width:900px;
margin:0px auto 0px;
min-height:500px;
background:black;
}
/***************************
		CONTENT
**************************/ 
#content {
padding:40px 50px;
line-height:1.8em;
position:relative;
}
#content span.right {
float:none;
display:block;
position:absolute;
right:50px;
}
#content p {
padding:0px 0px 20px;
margin:0px;
}
#content strong {
font-weight:normal;
color:#FF0078;
}
#content ul {
margin:0px 0px 50px;
padding:0px;
}
#content ul li {
list-style:none;
padding:0px 0px 0px 20px;
background:url(../img/li.gif) no-repeat 0px 9px;
clear:left;
}
#content ul.nostyle li {
background:none;
padding:0px;
}
#content ul li span {
float:left;
}
#content ul li span.first {
padding-right:4px;
}
#content ul.portfolio li {
background:none;
padding:0px 25px 25px 0px;
float:left;
clear:none;
}
#content ul.portfolio li.last {
padding:0px 0px 25px 0px;
}
#content ul.portfolio li img {
width:230px;
height:150px;
border:10px solid #fff;
}
#content ul.portfolio li a:hover img {
border:10px solid #FF0078;
}
#content ul.portfolio li img.none {
width:0px;
height:0px;
border:0px;
display:none;
}
#content ul.portfolio li a:hover img.none {
border:0px;
}
#page {
clear:both;
float:right;
color:#5B5B5B;
padding-right:5px;
}
#page strong {
font-size:120%;
font-weight:bold;
padding:0px 10px;
}
#page a:link, #page a:visited, #page a:hover {
padding:0px 10px 0px;
color:#fff;
}
#page a:hover {
color:#FF0078;
}
#page a.next:link,
#page a.next:visited,
#page a.next:hover {
background:url(../img/page-next.gif) no-repeat center center;
text-decoration:none;
}
#page a.previous:link,
#page a.previous:visited,
#page a.previous:hover {
background:url(../img/page-previous.gif) no-repeat center center;
text-decoration:none;
}
/*stylovano take v ie-6*/
#contactme {
clear:both;
background:#1F1F1F url(../img/contact-me.jpg) no-repeat 30px 17px;
padding:30px 40px 27px 135px;
}
label {
margin-bottom:20px;
}
input, textarea {
font-size:110%;
font-family:arial, verdana, tahoma, sans-serif;
width:350px;
border:1px solid #575757;
background:#1F1F1F;
color:#fff;
}
textarea {
width:798px;
height:100px
}
input.submit {
border:0px;
float:right;
width:250px;
height:60px;
}
/***************************
		HEAD
**************************/ 
#head {
width:900px;
margin:0px auto 0px;
padding:30px 0px;
display:block;
}
#head a:link span,
#head a:visited span,
#head a:hover span {
display:none;
}
#head a#logo:link,
#head a#logo:visited,
#head a#logo:hover {
float:left;
width:243px;
height:39px;
background:url(../img/logo.png) no-repeat;
}
#head ul {
float:right;
padding:10px 0px 0px;
margin:0px;
}
#head ul li {
list-style:none;
float:left;
}
#head ul li.about, #head ul li.about-act {
padding:0px 50px 0px 0px;
}
#head ul li.about a:link, #head ul li.about a:visited, #head ul li.about a:hover, #head ul li.about-act a:link, #head ul li.about-act a:visited, #head ul li.about-act a:hover {
display:block;
width:64px;
height:20px;
}
#head ul li.about a:link, #head ul li.about a:visited {
background:url(../img/about.png) no-repeat bottom;
}
#head ul li.about a:hover, #head ul li.about-act a:link, #head ul li.about-act a:visited, #head ul li.about-act a:hover {
background:url(../img/about-act.png) no-repeat bottom;
}
#head ul li.portfolio, #head ul li.portfolio-act {
padding:0px 50px 0px 0px;
}
#head ul li.portfolio a:link, #head ul li.portfolio a:visited, #head ul li.portfolio a:hover, #head ul li.portfolio-act a:link, #head ul li.portfolio-act a:visited, #head ul li.portfolio-act a:hover {
float:left;
width:85px;
height:26px;
}
#head ul li.portfolio a:link, #head ul li.portfolio a:visited {
background:url(../img/portfolio.png) no-repeat;
}
#head ul li.portfolio a:hover, #head ul li.portfolio-act a:link, #head ul li.portfolio-act a:visited, #head ul li.portfolio-act a:hover {
background:url(../img/portfolio-act.png) no-repeat;
}
#head ul li.contact {
padding:0px;
}
#head ul li.contact a:link, #head ul li.contact a:visited, #head ul li.contact a:hover, #head ul li.contact a:hover, #head ul li.contact-act a:link, #head ul li.contact-act a:visited, #head ul li.contact-act a:hover {
float:left;
width:73px;
height:20px;
}
#head ul li.contact a:link, #head ul li.contact a:visited, #head ul li.contact a:hover {
background:url(../img/contact.png) no-repeat;
}
#head ul li.contact a:hover, #head ul li.contact-act a:link, #head ul li.contact-act a:visited, #head ul li.contact-act a:hover {
background:url(../img/contact-act.png) no-repeat;
}
/***************************
		FOOTER
**************************/ 
#footer {
width:900px;
margin:0px auto 0px;
padding:30px 0px;
display:block;
}
#footer a:link,
#footer a:visited {
color:#fff;
text-decoration:none;
}
#footer a:hover {
color:#FF0078;
text-decoration:underline;
}
#footer a:link span,
#footer a:visited span,
#footer a:hover span {
display:none;
}
#footer span {
float:right;
}
#footer ul {
float:left;
padding:0px;
margin:0px;
}
#footer ul li {
list-style:none;
float:left;
}
#footer ul li.about, #footer ul li.about-act {
padding:0px 50px 0px 0px;
}
#footer ul li.about a:link, #footer ul li.about a:visited, #footer ul li.about a:hover, #footer ul li.about-act a:link, #footer ul li.about-act a:visited, #footer ul li.about-act a:hover {
display:block;
width:48px;
height:15px;
}
#footer ul li.about a:link, #footer ul li.about a:visited {
background:url(../img/footer-about.png) no-repeat bottom;
}
#footer ul li.about a:hover, #footer ul li.about-act a:link, #footer ul li.about-act a:visited, #footer ul li.about-act a:hover {
background:url(../img/footer-about-act.png) no-repeat bottom;
}
#footer ul li.portfolio, #footer ul li.portfolio-act {
padding:0px 50px 0px 0px;
}
#footer ul li.portfolio a:link, #footer ul li.portfolio a:visited, #footer ul li.portfolio a:hover, #footer ul li.portfolio-act a:link, #footer ul li.portfolio-act a:visited, #footer ul li.portfolio-act a:hover {
float:left;
width:64px;
height:20px;
}
#footer ul li.portfolio a:link, #footer ul li.portfolio a:visited {
background:url(../img/footer-portfolio.png) no-repeat;
}
#footer ul li.portfolio a:hover, #footer ul li.portfolio-act a:link, #footer ul li.portfolio-act a:visited, #footer ul li.portfolio-act a:hover {
background:url(../img/footer-portfolio-act.png) no-repeat;
}
#footer ul li.contact a:link, #footer ul li.contact a:visited, #footer ul li.contact a:hover, #footer ul li.contact-act a:link, #footer ul li.contact-act a:visited, #footer ul li.contact-act a:hover {
float:left;
width:55px;
height:15px;
}
#footer ul li.contact a:link, #footer ul li.contact a:visited {
background:url(../img/footer-contact.png) no-repeat;
}
#footer ul li.contact a:hover, #footer ul li.contact-act a:link, #footer ul li.contact-act a:visited, #footer ul li.contact-act a:hover {
background:url(../img/footer-contact-act.png) no-repeat;
}
/*stylovano take v ie-6*/
a.back:link, a.back:visited, a.back:hover {
float:right;
font-size:120%;
background:url(../img/back.gif) no-repeat 0px 30px;
padding:30px 0px 10px 30px;
color:#fff;
}
img.img1 {
float:left;
width:500px;
height:350px;
border:10px solid #fff;
}
#imgother {
position:absolute;
right:50px;
}
img.img2 {
border:10px solid #fff;
width:230px;
height:150px;
}
/*stylovano take v ie-6*/
img.img3 {
border:10px solid #fff;
width:230px;
height:150px;
margin:22px 0px 0px;
}
a:hover img.img1,
a:hover img.img2,
a:hover img.img3 {
border:10px solid #FF0078;
}
#content ul.portfolio-other {
float:left;
border-left:1px solid #fff;
margin-right:30px;
width:230px;
}
#content ul.portfolio-other li {
background:none;
line-height:1.3em;
padding:7px 0px 7px 40px;
}
#error-text {
border:1px solid #FF0078;
background:#fff;
color:#FF0078;
padding:10px 20px;
}
.error {
border:1px solid #FF0078;
background:#FE82BD;
}