body {
    background: url("../images/bgTop.jpg") repeat-x scroll 0 0 #D4ECF6;
    color: #7A7A7A;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.clearer {clear:both;}
div.clearer {height: 0px;overflow: hidden;width: 1%;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
.noCSS {display: none;}
.italic {font-style: italic;}

a:link, a:visited {text-decoration: none; color: #808080;}
a:hover {text-decoration:underline;}

a img {border: none;}
ul {margin-top:0.8em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 150%;}
ol {line-height: 140%;}
ol.alpha {list-style-type: lower-alpha;}
ol.roman {list-style-type: lower-roman;}
li {margin-bottom:0.3em;}
p {margin-top: 0em;  margin-bottom: 0.4em;  text-align: left;  line-height: 130%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
span {line-height: 170%;}
h1 {font-size: 150%; line-height: 115%; font-weight: bold; margin-top:5px; margin-bottom: 5px;}
h2 {font-size: 130%; font-weight: bold; margin-top: 12px; margin-bottom: 7px;}

h3 {font-size: 110%; margin-top: 0px; margin-bottom: 4px; margin-top: 10px;}
h4 {font-size: 110%; margin-top: 0px; margin-bottom: 5px; margin-top: 0px;}
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px;  padding-left: 2px;  color:#000000;}
fieldset {margin-top: 0px;  margin-bottom: 10px;  padding: 0px 0px 2px 0px;}
fieldset div.fieldsetContent {margin: 0px 20px;}
label {font-weight: bold;}
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
.fleft { float: left; margin: 0 20px 15px 0; }
.fright { float: right; margin: 0 0 15px 20px; }
form {margin:0; padding: 0;}
textarea {font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;}
/*-------------------------------------------------------------------------------------------------------
	layout stranky
---------------------------------------------------------------------------------------------------------*/
#page-wrap {
    background: url("../images/bgmainW.jpg") no-repeat scroll center top transparent;
    margin: 0;
    width: 100%;
}
#page-wrap-bottom { background: url("../images/bgBottom.jpg") no-repeat center bottom;}
#page {width: 979px; margin: 0 auto; padding-bottom: 150px;}

#header {height: 62px; padding-top: 16px;}
#header h1 {float: left; font-size: 32px; color: #FFFFFF; margin: 15px 0 0 0; text-shadow: 0 -1px 0 #264d6d;}
#logo {float: right;}

#info {height: 307px; background: url(../images/bgInfo.jpg) no-repeat left top; margin-bottom: 32px;
    padding: 31px 0 0 51px;}
#info-text {background: url(../images/iconInfo.jpg) no-repeat 10px 0; height: 51px; font-size: 14px;
    margin: 0 0 20px 0; padding: 20px 0 0 75px; color: #689b31; text-shadow: 0 1px 0 #dbeaf3;}
#zrizeni {background: url(../images/iconZrizeni.jpg) no-repeat left top; padding-left: 75px;
    margin-right: 70px; color: #4d4d4d; margin: 0 0 20px 0;}
#zrizeni a:link, #zrizeni a:visited,
#kontakt a:link, #kontakt a:visited {color: #689b31;}
#kontakt {background: url(../images/iconKontakt.jpg) no-repeat left top; padding-left: 75px;
    color: #4d4d4d;}
#zrizeni h2, #kontakt h2 {margin: 0 0 5px 0; color: #689b31;}
#kontakt h2 span {font-size: 12px; font-weight: normal; color: #4d4d4d}
#kontakt p span.dot {background: url(../images/dotGreen.png) no-repeat center center; display: inline-block; width: 7px;
    height: 7px; margin: 0 15px;}
#kontakt .green { color: #689b31}
#kontakt p strong {font-weight: bold; font-size: 14px;}
#zrizeni ul, #kontakt ul {margin: 0; padding: 0; list-style-type: none;}
#zrizeni ul li, #kontakt ul li {background: url(../images/dotBlue.png) no-repeat center left; padding-left: 12px;}

#baner {height: 228px; background: url(../images/bgBaner.jpg) no-repeat left top; margin-bottom: 45px;}

#web4u {padding: 0 0 0 0; border-bottom: 1px solid #a6c1d1;}
#web4u .blue {color: #004b89;}
#web4u .box {float: left; width: 292px; padding: 0 25px; margin: 0 0 60px 0; height: 121px; color: #4D4D4D;
    border-right: 1px solid #EBF5FA; border-left: 1px solid #AEC5D5;}
#web4u .box h2 {font-size: 24px; color: #245289; margin: 0 0 10px 0;}
#web4u .box a:link, #web4u .box a:visited {color: #004B89}
#web4u .box .in {background: url(../images/iconWebhosting.jpg) no-repeat left top; padding-left: 88px; height: 90px; overflow: visible;}
#web4u #webhosting {border-left: none; padding-left: 0; width: 280px;}
#web4u #webhosting .in {}
#web4u #registrace {}
#web4u #registrace .in {background-image: url(../images/iconRegistrace.jpg); padding-left: 105px;}
#web4u #serverhosting {border-right: none; padding-right: 0; width: 300px}
#web4u #serverhosting .in {background-image: url(../images/iconServerhosting.jpg); padding-left: 115px;}
#web4u #webdesign {border-left: none; padding-left: 0; width: 624px;}
#web4u #webdesign  .in {background-image: url(../images/iconWebdesign.jpg); padding-left: 170px;}
#web4u #odmeny {border-right: 0; padding-right: 0; }
#web4u #odmeny .in {background-image: url(../images/iconOdmeny.jpg); padding-left: 115px;}

#footer {border-top: 1px solid #e9f5fa; padding: 25px 0 0 0;}
#footer div.uly {float: left; height: 155px; margin: 0 0 0 15px; width: 170px;}
#footer div.uly strong {color: #7facca; font-size: 13px; margin: 0 0 5px; width: 180px;}
#footer div.uly ul {font-size: 12px; margin: 0 0 0 0; padding: 0;}
#footer div.uly ul li {margin: 0 0 0 15px; color: #7facca;}
#footer div.uly ul li.podnadpis {list-style-type: none; font-weight: bold; margin-left: 0px;}