body {margin: 0; padding: 0; background: #3C3C3C url(img/bg-body.gif) repeat-x top; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #535353;}
select, input, textarea, table, td, th  {font-size: 1em;}
h1 {font-size: 1.3em; margin: 0 0 10px 0;}
h2 {font-size: 1.2em; color: #2f2f2f; margin: 0 0 5px 0;}
h2 span {color: #f60;}
h2.hph2 {font-size: 12px; text-transform: uppercase; font-weight: lighter; margin: 0px; padding: 20px 0 0 20px; color: #D5D5D5;}
h2.hph2:before {content: "/ "; color: #f60;}
h2.hph2:after {content: " /"; color: #f60;}
h3 {font-size: 1em; margin: 0; margin-bottom: 8px;}
h3.hph3 {color: #f60; font-weight: bold; margin: 10px 0 3px 0; text-transform: uppercase; font-size: 1em;}
h5 {font-size: 1.2em; color: #fff; background: url(img/bg-nadpis.gif) repeat-x; line-height: 32px; margin: 0 0 6px 0;}
h5 div {background: url(img/bg-nadpis-left.gif) no-repeat left;}
h5 div div {background: url(img/bg-nadpis-right.gif) no-repeat right; padding: 0 10px;}
h6 {font-size: 1.2em; margin: 10px 0 5px 0;}
a {color: #f60;}
a:hover {text-decoration: none;}
a.seda {color: #666;}
a.seda-pod {color: #666; text-decoration: none;}
p {margin: 0 0 10px 0; text-align: justify;}
ul li {padding-bottom: 10px;}
hr {size: 1; background: #ccc; color: #ccc; border: none; height: 1px; overflow: hidden;}

#bgleft {width: 574px; height: 585px; position: absolute; top: 0; right: 50%; background: url(img/bg-left.jpg) no-repeat left top;}
#bgright {width: 50%; height: 552px; position: absolute; top: 0; left: 50%; background: url(img/bg-right.jpg) no-repeat 390px top;}

#container {width: 780px; margin: 0 auto; position: relative; text-align: left; /*background: url(img/bg-menu3-bottom.gif) no-repeat left 338px;*/}

#menu-1 {text-align: right; color: #fff; background: url(img/bg-top.jpg) no-repeat 44px top; height: 32px; overflow: hidden; line-height: 32px;}
#menu-1 a {color: #fff; text-decoration: none; margin: 0 5px; font-weight: normal;}
#menu-1 a:hover {text-decoration: underline;}


#hlavicka {position: relative; background: #fff url(img/bg-hlavicka.gif) no-repeat top; height: 319px;}
#logo {position: absolute; top: 20px; left: 25px; }
#menu-2 {position: absolute; top: 70px; left: 25px; color: #f60; font-size: 1em; letter-spacing: 1px;}
#menu-2 a {color: #333; margin: 0 5px; text-decoration: none; font-weight: normal;}
#menu-2 a:hover {color: #f60;}

#flash {position: absolute; left: 0; top: 93px; background: #fff;}
#menu-3 {height: 23px; position: absolute; left: 0; top: 316px; /*overflow: hidden; margin: 0 0 13px 0;*/}

ul#menu-3ul {float: left; width: 750px; _width: 780px; padding: 0 0 0 30px; _padding: 0 0 0 15px; margin: 0; list-style: none; background: url(img/bg-menu-3.gif) no-repeat right;}
ul#menu-3ul ul {padding:0; margin:0; list-style:none;}
ul#menu-3ul li {float:left; height: 23px; line-height: 23px;}
ul#menu-3ul li#last {background: none; background: #f60; margin: 0 0 0 160px; white-space: nowrap;}
ul#menu-3ul li#last a {/*color: #000;*/ color: #fff;}
ul#menu-3ul li#last a:hover {text-decoration: underline;}
ul#menu-3ul a {display:block; text-decoration: none; font-weight: normal; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 25px;}
ul#menu-3ul li.hlavni {padding: 0 1px 0 0; background: url(img/menu-sep.gif) no-repeat right;}
ul#menu-3ul ul a {width: 110px; _width: 130px; background: #ddd; border: 1px solid #fff; border-top: none; color: #333; padding: 2px 10px;}
ul#menu-3ul ul a:hover {background: #f60; color: #fff;}
ul#menu-3ul ul {position:absolute; visibility:hidden; background: #cecece; border-top: 1px solid #fff;} /* BEZ TOHOTO BACKGROUNDU TO NEFUNGUJE V IE !!! */
ul#menu-3ul li:hover ul, ul#menu-3ul li.hover ul {visibility:visible;}
ul#menu-3ul li li {float:none; border:none; padding:0; margin: 0; height: auto; line-height: auto;}
ul#menu-3ul li {behavior: url('http://www.neofema.cz/hover.htc');}

/*#menu3bottom {background: #f1f1f1 url(img/bg-menu3-bottom.gif) no-repeat bottom; height: 13px; overflow: hidden;}*/


/* homepage */
#rozcestnik {width: 780px; height: 178px; /*overflow: hidden;*/}
#rozcestnik a {display: block; width: 260px; height: 44px; _height: 178px; float: left; font-weight: normal; text-decoration: none; /*overflow: hidden;*/ padding: 134px 0 0 0; text-align: center;}
#rozcestnik a#tvorbawww {background: url(img/tvorba-www.jpg) no-repeat 0px 0px; color: #385D7A;}
#rozcestnik a#tvorbawww:hover {background: url(img/tvorba-www.jpg) no-repeat -260px 0px;}
#rozcestnik a#cdesign {background: url(img/corporate-design.jpg) no-repeat 0px 0px; color: #CB6C01;}
#rozcestnik a#cdesign:hover {background: url(img/corporate-design.jpg) no-repeat -260px 0px;}
#rozcestnik a#ecommerce {background: url(img/e-commerce.jpg) no-repeat 0px 0px; color: #6C9B2E;}
#rozcestnik a#ecommerce:hover {background: url(img/e-commerce.jpg) no-repeat -260px 0px;}

.boxhp {background: #fff url(img/box-top.gif) no-repeat top;}
.boxhp .boxBottom {background: url(img/box-bottom.gif) no-repeat bottom; min-height: 50px; _height: 50px; width: 780px;}
#hlavicka .boxBottom {background: url(img/box-bottom.gif) no-repeat bottom; height: 319px; overflow: hidden; width: 780px;}
.boxhp .boxBottomOranz {background: url(img/bg-paticka.gif) no-repeat bottom; padding: 10px 0 25px 0; text-align: center; width: 780px;}

.hpTmava {background: url(img/bg-hp-tmava.gif) no-repeat top; min-height: 87px; _height: 87px; color: #9B9B9B;}
.hpTmavaBox {background: url(img/bg-hp-tmava-box.gif) no-repeat left top; min-height: 99px; _height: 99px; margin-bottom: 10px;}
.hpTmavaBox h2 {padding-left: 0; padding-right: 0; padding-top: 10px;}

#novinky {float: left; width: 252px; margin: 6px 6px 5px 6px; _margin: 6px 6px 20px 3px;}
#realizujeme {float: left; width: 252px; margin: 6px 6px 5px 0; /*border-bottom: 1px solid #dadada;*/}
#seo {float: left; width: 252px; margin: 6px 0 10px 0; /*border-bottom: 1px solid #dadada;*/}
#novinky .content, #realizujeme .content, #seo .content {padding: 5px 10px 15px 10px;}
#novinky p, #realizujeme p, #seo p {margin: 0 0 5px 0;}
.novinka {/*border-bottom: 1px solid #dadada;*/ padding: 0 0 5px 0; margin: 5px 0 0 0;}

.boxLoga {background: url(img/bg-loga.gif) repeat-x;}
.boxLoga .boxLeft {background: url(img/bg-loga-left.gif) no-repeat left;}
.boxLoga .boxRight {background: url(img/bg-loga-right.gif) no-repeat right; /*padding: 0 20px;*/ height: 107px; overflow: hidden;}
.hplogo {float: left; margin: 1px 3px 0 3px;}
.seplogo {float: left; margin: 1px 3px 0 3px; background: url(img/sep-hp-loga.jpg) no-repeat; width: 1px; overflow: hidden; height: 82px;}

#paticka {padding: 5px 0 20px 0; color: #ccc; text-align: right;}


.cleaner {clear: both; font-size: 0em; height: 0px; border: none; margin: 0; padding: 0; background: transparent;}
.padd {padding: 10px 20px;}
.orange {color: #f60;}
.gray {color: #666;}
.grayBg {background-color: #f0f0f0;}
.seda {color: #999;}
.iBorder {border: 1px solid #dadada;}
.iLeft {float: left; margin: 0 20px 20px 0;}
.fRight {float: right;}
.fLeft {float: left;}
.tRight {text-align: right;}
.tCenter {text-align: center;}
a.nounder {text-decoration: none;}
a.nounder:hover {text-decoration: underline;}
.bgzelena1 {background: #ccffcc;}
.bgzelena2 {background: #99cc00;}
.bgzelena3 {background: #008000;}
.bgmodra {background: #3DB1FF;}
.bgoranzova {background: #f60;}
.small {font-size: 0.9em;}

td.th {font-weight: bold; color: white;}

ul.dva {margin-left: 0; padding-left:20px; width: 320px; float: left;}
ul.dva li {margin-left:0; padding-left:0;}
/* vnitrni stranky */

.boxin {background: #fff url(img/box-top-in.gif) no-repeat top;}
.boxin .boxBottom {background: url(img/box-bottom.gif) no-repeat bottom; /*min-height: 50px; _height: 50px;*/ min-height: 300px; _height: 300px; width: 780px;}
.boxin .boxBottomOranz {background: url(img/bg-paticka.gif) no-repeat bottom; padding: 10px 0 25px 0; text-align: center; width: 780px;}
.boxin .padd {padding: 10px 37px;}

.strankovani {text-align: center; padding: 20px 0; font-size: 0.9em;}
.strankovani a {color: #fff; font-weight: normal; text-decoration: none; padding: 0 3px; border: 1px solid #262626;}
.strankovani a#aktivni {border: 1px solid #7f7f7f;}
.strankovani a:hover, .strankovani a#aktivni:hover {color: #ff6600; border: 1px solid #ff6600;}
.strankovani a.predchozi {float: left;}
.strankovani a.dalsi {float: right;}


/* reference */

.boxref {background: #262626 url(img/box-top.gif) no-repeat top; color: #fff;}
/*.boxref .boxBottom {background: url(img/bg-paticka.gif) no-repeat bottom; padding: 10px 0 25px 0; text-align: center; width: 780px;}*/
.boxref h2 {color: #fff; padding: 0px 20px;}
.boxref .boxBottom {min-height: 300px; _height: 300px;}

#submenu {background: #4C4C4C url(img/bg-submenu.gif) no-repeat bottom; padding: 10px 20px; color: #000; position: relative;}
#submenu h1 {display: inline; margin: 0 30px 0 0; color: #C7C7C7;}
#submenu a {font-size: 1.1em; margin: 0 5px;}
#submenu a#aktivni {font-weight: bold; color: #fff; text-decoration: none;}
#submenu a:hover {color: #fff;}

.reference {float: left; display: block; width: 173px; height: 172px; overflow: hidden; margin: 10px 10px 0px 10px; _margin: 10px 10px 0px 5px; /*background: url(img/bg-reference.gif) repeat-x bottom;*/ color: #7f7f7f; /*text-align: center;*/ font-size: 11px; font-weight: normal;}
.reference img {border: 1px solid #dadada; margin: 3px 0 3px 0;}

.referencehp {display: block; width: 173px; height: 162px; overflow: hidden; margin: 0px 0px 0px 40px; color: #7f7f7f; font-size: 11px; font-weight: normal;}
.referencehp img {border: 1px solid #dadada; margin: 0px 0 3px 0;}

table.tWebhosting {border: none; border-collapse: collapse; border-top: 1px solid #000; border-left: 1px solid #000; margin: 0 0 20px 0;}
table.tWebhosting th, table.tWebhosting td {border-bottom: 1px solid #000; border-right: 1px solid #000;}
table.tWebhosting th {background: #f46f21; color: #fff; text-align: center; padding: 7px 7px;}
table.tWebhosting td {text-align: center; padding: 3px 7px;}

table.tDuvody {border: none; border-collapse: collapse; margin: 0 0 20px 0;}
table.tDuvody th, table.tDuvody td {vertical-align: top; font-weight: normal; text-align: left;}
table.tDuvody th {padding: 10px 15px 10px 0px;}
table.tDuvody td {padding: 10px 30px 10px 0px; text-align: justify;}

.seoreference {margin: 10px 20px 30px 20px; float: left; width: 330px;}
.seoreference img {float: left; border: 1px solid #dadada; margin: 0px 10px 3px 0;}

table.tKontakty {border: none; width: 700px; margin: 0 0 20px 0;}
table.tKontakty td {vertical-align: top; width: 33%;}

.sedy_link a {text-decoration: none; color: #7F8885; }

.sloupec50 {float: left; width: 44%; margin-top: 10px; line-height: 1.5em;}
h1.none, h3.none, h2.none, .none {display: none;}
.tmavoucka {width: 445px; float: left;}
.m20 {margin-right: 20px;}
.s50 {border-left: 1px solid #2F2F2F; padding-left: 20px;}
.hpt {width: 335px; float: left;}