body {
background-color:#eee;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
}
#box {
width:660px;
height:625px;
top:5%;
left:50%;
margin-left: -330px;
position:absolute;
}
#top {
width:660px;
height:16px;
background-image:url(../images/bgtop.jpg);
background-repeat:no-repeat;
}
#middle {
width:660px;
height:598px;
background-image:url(../images/bgbody.jpg);
}
#bottom {
width:660px;
height:14px;
background-image:url(../images/bgbottom.jpg);
background-repeat:no-repeat;
}
#nav {
width:630px;
height:44px;
background-color:#333;
margin:0 auto;
}
#nav #logo {
display:inline;
float:left;
}
#nav #logo h1 {
padding:0;
margin: 15px 0 0 10px;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase;
}
#nav #logo h1 a{
color:#FFFFFF;
text-decoration:none;
}
#nav #logo h1 span{
color:#999;
}
#nav #menu {
display:inline;
float:right;
}
#nav #menu ul{
padding:0;
margin:16px 10px 0 0;
font-size:12px;
}
#nav #menu ul li{
list-style-type:none;
display:inline;
font-weight:bolder;
margin-left: 10px;
text-transform:uppercase;
color:#FFFFFF;
}
#nav #menu ul li a{
text-decoration:none;
color:#FFFFFF;
}
#nav #menu ul li a:hover{
color:#999;
}

#main_img {
width:630px;
height:487px;
background-color:#333;
margin:0 auto;
}
#main_text {
width:630px;
height:74px;
background-color:#333;
margin:0 auto;
}
#main_text p {
margin:0;
padding:0;
}
#main_text p a{
color:#FFFFFF;
text-decoration:none;
}
#main_text p a:hover{
color:#ff0000;
}
#welcome {
width:600px;
margin:0 auto;
padding: 10px 0;
}
#main_text h2 {
margin:0;
padding:0;
color:#CCCCCC;
font-size:14px;
}
#footer {
text-align:center;
color:#333;
clear:both;
}
#footer a{
text-decoration:none;
color:#333;
}

/*for innerpages*/
#inner_box {
width:660px;
height:625px;
top:5%;
left:50%;
margin-left: -330px;
position:absolute;
}
#inner_middle {
width:660px;
height:598px;
background-image:url(../images/bgbody.jpg);
display:table;
color:#333333;
}
#left {
float:left;
width:450px;
border-right: 1px #333 solid;
}
#left p{
width:400px;
margin:10px 0 10px 30px;
text-align:justify;
padding:0;
}
#left h2 {
width:400px;
margin: 0 0 0 30px;
font-size:16px;
padding:20px 0 0 0;
}
#right {
float:right;
width:200px;
}
#right h3 {
font-size:13px;
border-bottom:1px #333 solid;
width:140px;
margin:0;
padding:20px 0 0 0;
}
#right ul{
margin:0;
padding:5px 0 20px 20px;
font-size:10px;
list-style-type:square;
}
#right ul li a{
color:#333;
text-decoration:none;
}
#right ul li a:hover{
text-decoration:underline;
}
#inner_img {
width:630px;
height:112px;
background-image:url(../images/inner_img.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_kontakty {
width:630px;
height:112px;
background-image:url(../images/kontakty.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_reklama {
width:630px;
height:112px;
background-image:url(../images/reklama.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_reference {
width:630px;
height:112px;
background-image:url(../images/reference.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_specializace {
width:630px;
height:112px;
background-image:url(../images/specializace.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_podpora {
width:630px;
height:112px;
background-image:url(../images/podpora.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_mfs_banner {
width:630px;
height:112px;
background-image:url(../images/mfs_comp_banner.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_webhosting {
width:630px;
height:112px;
background-image:url(../images/webhosting.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_webdesign {
width:630px;
height:112px;
background-image:url(../images/webdesign.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_webmanagement {
width:630px;
height:112px;
background-image:url(../images/webmanagement.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_pricelist {
width:630px;
height:112px;
background-image:url(../images/pricelist.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_error404 {
width:630px;
height:112px;
background-image:url(error_404.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#reklama {
float:left;
width:630px;
text-align:center;
}
#reklama p{
width:630px;
margin:10px 0 10px 30px;
font-size:12px;
padding:0;
}
#reklama h2 {
width:630px;
margin: 0 0 0 30px;
font-size:16px;
padding:20px 0 0 0;
}
#reference {
float:left;
width:610px;
text-align:left;
}
#reference p{
width:610px;
margin:10px 0 10px 30px;
font-size:12px;
padding:0;
}
#reference h2 {
width:610px;
margin: 0 0 0 30px;
font-size:16px;
padding:20px 0 0 0;
}
#specializace h2 {
width:610px;
margin:20px 0 10px 30px;
font-size:16px;
}
#specializace h3 {
width:610px;
margin:20px 0 10px 30px;
font-size:14px;
}
#specializace p {
width:610px;
margin:0px 0 0px 30px;
font-size:11px;
}
#specializace ul li {
width:600px;
margin:0px 0 0px 20px;
font-size:11px;
type: disc;
}
#specializace_small h2 {
width:610px;
margin:20px 0 10px 30px;
font-size:16px;
}
#specializace_small h3 {
width:610px;
margin:10px 0 10px 30px;
font-size:12px;
}
#specializace_small p {
width:610px;
margin:0px 0 0px 30px;
font-size:11px;
}
#specializace_small ul li {
width:600px;
margin:0px 0 0px 6px;
font-size:10px;
type: disc;
}
#error_pages {
float:left;
width:600px;
text-align:left;
}
#error_pages p{
width:600px;
margin:10px 0 10px 30px;
font-size:12px;
padding:0;
}
#error_pages h2 {
width:600px;
margin: 0 0 0 30px;
font-size:16px;
padding:20px 0 0 0;
}
#error_pages h3 {
width:600px;
margin: 0 0 0 30px;
font-size:12px;
text-align:left;
}
#error_pages ul li {
width:600px;
margin:0px 0 0px 30px;
font-size:10px;
type: disc;
text-align:left;
}
#error_pages hr {
width:600px;
text-align:center;
margin:0px 0 0px 30px;
}
#aktuality {
float:left;
width:630px;
text-align:left;
}
#aktuality p{
width:620px;
margin:10px 0 10px 30px;
font-size:12px;
padding:0;
}
#aktuality h2 {
width:630px;
margin: 0 0 0 30px;
font-size:16px;
padding:20px 0 0 0;
text-align:center;
}

#nav_second {
width:630px;
height:28px;
background-color:#333;
margin:0 auto;
}
#nav_second #logo {
display:inline;
float:left;
}
#nav_second #logo h1 {
padding:0;
margin: 15px 0 0 10px;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase;
}
#nav_second #logo h1 a{
color:#FFFFFF;
text-decoration:none;
}
#nav_second #logo h1 span{
color:#999;
}
#nav_second #menu {
display:inline;
float:right;
}
#nav_second #menu ul{
padding:0;
margin:0px 10px 0 0;
font-size:12px;
}
#nav_second #menu ul li{
list-style-type:none;
display:inline;
font-weight:bolder;
margin-left: 10px;
text-transform:uppercase;
}
#nav_second #menu ul li a{
text-decoration:none;
color:#FFFFFF;
}
#nav_second #menu ul li a:hover{
color:#999;
}