/*
Dexus screen
11. 11.2004
*/

body {
margin: 0;
padding: 0;
background: #E3E3E3;
color: #333;
}

body, td, th, input, select, option, textarea {
font: x-small/1.4em "Verdana CE", Verdana, sans-serif;
font/* */:/**/small/1.4em "Verdana CE", Verdana, sans-serif;
font: /**/small/1.4em "Verdana CE", Verdana, sans-serif;
}

input, select {
font-size: 1em;
}


a, a:link, a:visited, a:hover, a:active {
color: #f60;
background: inherit;
}

a:hover, a:active {
color: #f93;
}

a img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

code {
font-size: 1.2em;
}

hr {
height: 1px;
color: #ccc;
margin: 0.5em 0;
padding: 0;
}

/*
struktura
*/

#bodyContainer {
width: 775px; 
background: #fff;
color: #333;
}

#head {
font-size: 0.85em;
}

#head #tagLine {
margin: 0;
padding: 5px 15px;
background: #F5F5F5;
color: #f60;
border-bottom: 1px solid #E3E3E3;
font-weight: bold;
text-align: right;
}

#head #tagLine strong {
background: transparent;
color: #575757;
}

#head #menuLine {
margin: 0;
padding: 0;
width: 100%;
background: #fff;
color: inherit;
border-bottom: 1px solid #E3E3E3;
}

#head #logo {
margin: 0;
padding: 0;
float: left;
width: 198px;
}

#head #logo img {
margin-left: 10px;
}

#head #topMenu {
margin: 0;
margin-top: 40px;
padding: 0;
float: right;
width: 566px;
}

#head #topMenu a.menuItem {
display: block;
width: 88px;
height: 38px;
float: left;
margin-right: 6px;
}

#head #topMenu a.menuItem.last {
margin-right: 0px;
}

#head #topMenu a.menuItem span {
display: none;
}

#head #topMenu a.menuItem.homePage, #head #topMenu a.menuItem.homePageOn {
background: transparent url("/_img/head/homepage.gif") no-repeat;
color: inherit;
}

#head #topMenu a.menuItem.sluzby, #head #topMenu a.menuItem.sluzbyOn {
background: transparent url("/_img/head/sluzby.gif") no-repeat;
color: inherit;
}

#head #topMenu a.menuItem.oDexus, #head #topMenu a.menuItem.oDexusOn  {
background: transparent url("/_img/head/o-dexus.gif") no-repeat;
color: inherit;
}

#head #topMenu a.menuItem.spoluprace, #head #topMenu a.menuItem.spolupraceOn {
background: transparent url("/_img/head/spoluprace.gif") no-repeat;
color: inherit;
}

#head #topMenu a.menuItem.podpora, #head #topMenu a.menuItem.podporaOn {
background: transparent url("/_img/head/podpora.gif") no-repeat;
color: inherit;
}

#head #topMenu a.menuItem.kontakt, #head #topMenu a.menuItem.kontaktOn {
background: transparent url("/_img/head/kontakt.gif") no-repeat;
color: inherit;
}

#head #topMenu a.menuItem.homePage:hover, #head #topMenu a.menuItem.sluzby:hover, #head #topMenu a.menuItem.oDexus:hover, #head #topMenu a.menuItem.spoluprace:hover, #head #topMenu a.menuItem.podpora:hover, #head #topMenu a.menuItem.kontakt:hover {
background-position: 0 -38px;
}

#head #topMenu a.menuItem.homePageOn, #head #topMenu a.menuItem.sluzbyOn, #head #topMenu a.menuItem.oDexusOn, #head #topMenu a.menuItem.spolupraceOn, #head #topMenu a.menuItem.podporaOn, #head #topMenu a.menuItem.kontaktOn {
background-position: 0 -76px;
}

#underHead {
background: #F1F1F1;
color: inherit;
padding: 4px 20px 3px 20px;
font-size: 0.85em;
}

#underHead #siteSearch {
margin: 0;
padding: 0;
width: 25em;
float: right;
text-align: right;
}

#underHead #siteSearch input#siteSearchInput {
width: 80px;
font-size: 1em;
margin-left: 10px; 
}

#underHead #siteSearch input#siteSearchSubmit {
margin: 0;
padding: 0;
border: 0;
border-left: 1px solid #333;
background: transparent;
color: #333;
font-size: 1em;
margin-left: 10px; 
}

#underHead #breadCrumbNavigation {
margin: 0 0 0 5px;
padding: 0;
}

#foot {
background: #fff;
color: inherit;
margin-bottom: 25px;
padding-bottom: 25px;
border-top: #e3e3e3 1px solid;
clear: both;
}

#foot #navigationFoot {
float: right;
text-align: right;
font-size: 0.85em;
width: 34em;
margin: 10px 12px;
}

#foot #contactFoot {
color: #f60;
background: transparent url("/_img/foot/dexus-logo-mini.gif") no-repeat;
margin: 10px 0 0 17px;
padding: 5px 0 0 20px;
font-size: 0.75em;
line-height: 1.2em;
}

#foot #contactFoot em {
color: #575757;
background: transparent;
font-style: normal;
}

#foot #contactFoot * {
background: transparent;
}

/* 
hlavni struktura tela stranky
*/

.homePage {
color: #333;
width: 775px;
}

.insideTwoCols {
background: #fff url("/_img/content/insideTwoCols.gif") repeat-y;
color: #333;
padding-left: 21px;
width: 775px;
width/* */:/**/754px;
width: /**/754px;
border-top: 1px solid #e3e3e3;
}

.insideThreeCols {
background: #fff url("/_img/content/insideThreeCols.gif") repeat-y;
color: #333;
padding-left: 21px;
width: 775px;
width/* */:/**/754px;
width: /**/754px;
border-top: 1px solid #e3e3e3;
}

#contentHead {
padding: 12px 0 12px 1px;
border-bottom: 1px solid #E3E3E3;
height: 18px;
}

#contentHead h1 {
margin-bottom: 0;
}

#contentHead strong {
display: block;
width: 188px;
float: left;
}

#contentHead h1 {
width: 376px;
height: 21px;
float: left;
margin: 0;
padding: 0;
}

#contentHead h1.shorter {
width: 189px;
}


#contentHead h1 span {
display: none;
}

.insideTwoCols #contentHead h1 {
margin: 0;
padding: 0;
}


#contentHead h1.webhosting {
background: transparent url("/_img/content/head-grey_webhosting.gif") no-repeat;
color: inherit;
}

#contentHead h1.serverhosting {
background: transparent url("/_img/content/head-grey_serverhosting.gif") no-repeat;
color: inherit;
}

#contentHead h1.domeny {
background: transparent url("/_img/content/head-grey_domeny.gif") no-repeat;
color: inherit;
}

#contentHead h1.webdesign {
background: transparent url("/_img/content/head-grey_webdesign.gif") no-repeat;
color: inherit;
}

#contentHead h1.procDexus {
background: transparent url("/_img/content/head-grey_proc-dexus.gif") no-repeat;
color: inherit;
}

#contentHead h1.spravaServeru {
background: transparent url("/_img/content/head-grey_spravaserveru.gif") no-repeat;
color: inherit;
}

#contentHead h2 {
width: 376px;
height: 21px;
float: left;
margin: 0;
padding: 0;
}

#leftSide {
width: 189px;
float: left;
}

#leftSide a.leftMenuImage {
width: 189px;
height: 29px;
display: block;
}

#leftSide a.leftMenuSubItem {
display: block;
font-size: 0.85em;
color: #333;
background: transparent url("/_img/content/leftMenuSubItem_bg.gif");
text-decoration: none;
border-bottom: 1px solid #fff;
border-left: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
width: 189px;
height: 29px;
padding: 5px 8px;
width/* */:/**/171px;
width: /**/171px;
height/* */:/**/19px;
height: /**/19px;
}

#leftSide a.leftMenuSubItem:hover, #leftSide a.leftMenuSubItem:active {
color: inherit;
background: #E3E3E3;
}

#leftSide strong a.leftMenuSubItem {
color: #F60;
background: #FFECDF;
font-weight: normal;
}

#leftSide strong a.leftMenuSubItem:hover, #leftSide strong a.leftMenuSubItem:active {
color: #F60;
background: #FFECDF;
}


#leftSide small  {
font-size: 1em;
}

#leftSide a.leftMenuImage span {
display: none;
}

#leftSide a.leftMenuImage.webhosting {
background: transparent url("/_img/content/menu_webhosting.gif") no-repeat;
color: inherit;
}

#leftSide a.leftMenuImage.serverhosting {
background: transparent url("/_img/content/menu_serverhosting.gif") no-repeat;
color: inherit;
}

#leftSide a.leftMenuImage.domeny {
background: transparent url("/_img/content/menu_domeny.gif") no-repeat;
color: inherit;
}

#leftSide a.leftMenuImage.webdesign {
background: transparent url("/_img/content/menu_webdesign.gif") no-repeat;
color: inherit;
}

#leftSide a.leftMenuImage.spravaServeru {
background: transparent url("/_img/content/menu_spravaserveru.gif") no-repeat;
color: inherit;
}

#leftSide a.leftMenuImage.webhosting.on, #leftSide a.leftMenuImage.serverhosting.on, #leftSide a.leftMenuImage.domeny.on, #leftSide a.leftMenuImage.webdesign.on, #leftSide a.leftMenuImage.spravaServeru.on {
background-position: 0 -29px;
}

#leftSide a.leftMenuImage.webhosting.downon, #leftSide a.leftMenuImage.serverhosting.downon, #leftSide a.leftMenuImage.domeny.downon, #leftSide a.leftMenuImage.webdesign.downon, #leftSide a.leftMenuImage.spravaServeru.downon {
background-position: 0 -58px;
}

#leftSide strong a.leftMenuImage.webhosting, #leftSide strong a.leftMenuImage.serverhosting, #leftSide strong a.leftMenuImage.domeny, #leftSide strong a.leftMenuImage.webdesign, #leftSide strong a.leftMenuImage.spravaServeru {
background-position: 0 -58px;
}

#leftSide a.leftMenuImage:hover {
background-position: 0 -29px;
}


#rightSide {
width: 189px;
float: left;
font-size: 0.85em;
line-height: 130%;
}

#rightSide h2  {
font-size: 1.1em;
margin: 0;
padding: 10px;
border-bottom: 1px solid #e3e3e3;
}

#rightSide a.paragraph {
display: block;
color: #333;
text-decoration: none;
}

#rightSide a.paragraph span {
display: block;
}

#rightSide .rightSideBox {
padding: 10px;
line-height: 130%;
border-bottom: 1px solid #e3e3e3;
}

#rightSide .rightSideBox.typeTwo {
background: #F1F1F1;
line-height: 150%;
}

#rightSide .rightSideBox.typeTwo big {
font-size: 1.3em;
}

#rightSide .rightSideBox.typeTwo.anchor {
background: #F1F1F1 url("/_img/content/rightSide_anchor.gif") bottom right no-repeat;
}

#rightSide .rightSideBox.paddingBottom0 {
padding-bottom: 0px;
}

#rightSide .rightSideBox.paddingBottom2 {
padding-bottom: 2em;
}

#rightSide .rightSideBox p {
padding: 0;
margin: 0;
}

#rightSide a.paragraph:hover strong {
color: #f60;
background: inherit;
text-decoration: underline;
}

/*
Home Page
*/


#mainSelfpromo {
background: #fff;
border-top: 1px solid #e3e3e3;
height: 204px;
}

#selfpromoImg {
margin-top: -1px;
float: left;
}

#selfpromoImg a {
display: block;
width: 586px;
height: 204px;
background: transparent url("/_img/homepage/mainSelfpromo_old2.gif") top right no-repeat;
}

#selfpromoImg a:hover {
background-position: 0 -204px;
}

#selfpromoImg a em {
display: none;
}

#mainSelfpromo #leftSide {
float: right;
width: 189px;
margin: 0;
margin-top: 58px;
padding: 0;
}

#homepageContent {
background: #fff url("/_img/homepage/homepageContent_bg.gif") top left repeat-y;
padding-left: 20px;
width: 775px;
width/* */:/**/755px;
width: /**/755px;
}

#homepageNews {
width: 350px;
float: left;
margin-top: 15px;
margin-right: 13px;
font-size: 0.85em;
line-height: 140%;
}

#homepageNews p.otherNews {
border-bottom: 1px solid #e3e3e3;
margin: 0;
padding: 3px 0;
}

#homepageNews h2 {
font-size: 1em;
}

#homepageNews h2 strong {
background: inherit;
color: #f60;
}

#homepageNews h2.news {
font-size: 1.1em;
border-bottom: 1px solid #e3e3e3;
margin: 40px 0 0 0;
padding: 5px 0 4px 0;
}

#homepageNews p.archivNews {
margin: 0;
padding: 3px 0;
font-weight: bold;
text-align: right;
}

#homepageNews p.archivNews a:link, #homepageNews p.archivNews a:visited {
float: right;
display: block;
width: 30em;
padding-right: 20px;
background: transparent url("/_img/homepage/archivNews_anchor.gif") center right no-repeat;
text-decoration: underline;
}

#homepageContent #rightSide {
float: right;
}

#homepageContent #rightSideTwo {
float: right;
font-size: 0.85em;
line-height: 130%;
width: 190px;
width/* */:/**/189px;
width: /**/189px;
}

#homepageContent #rightSideTwo h2  {
font-size: 1.1em;
margin: 0;
padding: 10px;
border-bottom: 1px solid #e3e3e3;
}

#homepageContent #rightSideTwo .rightSideBox {
padding: 10px;
line-height: 130%;
}

#homepageContent #rightSideTwo .rightSideBox input.text {
width: 108px;
}

#homepageContent #rightSideTwo .rightSideBox select.select {
width: 50px;
font-size: 1em;
}

#homepageContent #rightSideTwo .rightSideBox input.butt {
margin: 10px 0 0 95px;
}

#homepageContent #rightSide .rightSideBox {
border-bottom: 0px;
}


#homePageTarifs {
background: #9B9B9B;
color: #dfdfdf;
padding-left: 14px;
}

#homePageTarifs .tarif {
width: 188px;
float: left;
font-size: 0.8em;
line-height: 140%;
}

#homePageTarifs .tarif h3 {
margin: 0;
padding: 0;
}

#homePageTarifs .tarif p {
margin: 0 7px 14px 7px;
padding: 0;
}

#homePageTarifs .tarif img.anchor {
margin-right: 7px;
}


#homePageTarifs .bars {
clear: both;
background: transparent url("/_img/homepage/tarif_bars.gif");
height: 15px;
margin-right: 17px;
}


#contentBox {
float: left;
margin: 0 12px;
width: 352px;
font-size: 0.85em;
line-height: 130%;
margin-top: 20px;
}

#contentBox.marginNo {
float: left;
margin: 0;
width: 400px;
}

.insideTwoCols #contentBox {
width: 529px;
}

#contentBox p {
padding: 0;
margin: 0 0 2em 0;
}

#contentBox ul {
margin-top: 1em;
margin-bottom: 1em;
}

.importantParagraph em {
font-size: 1.35em;
line-height: 120%;
color: #f60;
font-style: normal;
font-weight: bold;
}


h2 {
font-size: 1.2em;
margin: 3em 0 1em 0;
padding: 0;
}

h3 {
font-size: 1.1em;
margin: 2em 0 1em 0;
padding: 0;
}

h3 strong {
background: transparent;
color: #f60;
}

h4 {
font-size: 1em;
margin: 1em 0 1em 0;
padding: 0;
}

.underLine {
padding-bottom: 0.25em;
border-bottom: 1px dotted #e8e8e8;
}


table.normal {
border-collapse: collapse;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
margin: 1em 0;
}

table.normal td, table.normal th {
background: #ddd;
color: #000;
text-align: left;
padding: 0.5em 1em;
vertical-align: top;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-size: 0.7em;
font-size/* */:/**/1em;
font-size: /**/1em;
}

table.normal th {
background: #ccc;
color: #000;
/*text-align: center;
vertical-align: middle;*/
}

table.normal th.aligncenter {
background: #ccc;
color: #000;
text-align: center;
vertical-align: middle;
}

table.normal col.aligncenter td, table.normal col.aligncenter th {
text-align: center;
}

table.normal td.alignright {
text-align: right;
}


/*
formulare
*/

table.form, table.width100 {
width: 100%;
}

table.tdwidth90 td {
width: 90%;
}

table tr.rowOne td, table tr.rowOne th {
background: #efefef;
}

table tr.rowTwo td, table tr.rowTwo th {
background: #f8f8f8;
}

table tr.rowThree td, table tr.rowThree th {
background: #666;
color: #fff;
}

table tr.error td, table tr.error th {
background: #FED0D0;
color: #f00;
}

table.form small {
color: #666;
}

.sendOK, #contentBox p.sendOK {
border-left: 5px solid #999;
padding: 1em;
background: #efefef;
}

.sendKO, #contentBox p.sendKO {
border-left: 5px solid #f00;
padding: 1em;
background: #efefef;
}

.sendKO strong, #contentBox p.sendKO strong {
color: #f00;
}

input, textarea {
font-size: 1em;
}

input.xs {
width: 3em;
}

input.m {
width: 8em;
}

input.l {
width: 12em;
}

input.xl {
width: 15em;
}

input.xxl {
width: 20em;
}

textarea.s {
width: 200px;
height: 15em;
}

textarea.m {
width: 230px;
height: 15em;
}

.required {
font-size: 1.2em;
font-weight: bold;
color: #f60;
}

p.submit {
text-align: right;
}

/*
seznamy
*/

dl.dlOne dt {
font-weight: bold;
}

dl.dlOne dd {
margin-bottom: 1em;
}

dl.dlSearch dd {
margin-bottom: 1em;
}

dl.dlTwo dt {
margin-bottom: 0.5em;
font-size: 1.2em;
font-weight: bold;
}

dl.dlTwo dd {
margin-bottom: 2em;
}

/*
 -- sluzby
*/

.insideTwoCols.paddingNo {
}

.insideTwoCols.paddingNo #contentBox {
padding: 0px;
margin: 0px;
width: 565px;
}

#contentBox .thirdBoxes {
background: #F7F7F7 url("/_img/content/thirdBoxes_bg.gif") repeat-y;
width: 100%;
}


#contentBox .thirdBoxes .thirdBox {
width: 188px;
float: left;
}

#contentBox .thirdBoxes .thirdBox {
padding-top: 8px;
}

#contentBox .thirdBoxes .thirdBoxDouble {
width: 376px;
float: left;
}

a.thirdBoxDouble.sluzbySelfpromo {
display: block;
width: 376px;
height: 189px;
background: transparent url("/_img/content/sluzbySelfpromo.gif") no-repeat;
}

a.thirdBoxDouble.sluzbySelfpromo em {
display: none;
}

.thirdBox h2 {
margin: 0;
padding: 0;
padding-top: 11px;
padding-right: 11px;
}

#contentBox .thirdBox p {
padding: 11px 11px 0 11px;
}

.insideTwoCols.paddingNo #contentBox p.notSoImportant {
padding: 15px;
}


/*
obecne tridy
*/

.displaynone {
display: none;
}

.clearboth {
clear: both;
}

.clearboth1px {
clear: both;
line-height: 1px;
font-size: 1px;
height: 1px;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

#contentBox .floatleft50 {
float: left;
width: 150px;
display: block;
}

#contentBox .floatright50 {
float: right;
width: 150px;
text-align: right;
display: block;
}

.paddingBottom0 {
padding-bottom: 0;
}

.temporary {
background: #e3e3e3;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.aligncenter, .alignCenter, table.normal td.aligncenter {
text-align: center;
}

.aligntop {
vertical-align: top;
}

.alignbottom {
vertical-align: bottom;
}

.alignmiddle {
vertical-align: middle;
}

.testred {
border: 1px solid red;
}

.colorSecond {
color: #f60;
}

.backgroundSecond {
background: #e3e3e3;
margin-top: -1px;
}

.colorThird {
color: #999;
}

.importantBottom, #contentBox p.importantBottom {
border: 1px dotted #F1F1F1;
background: #F8F8F8;
padding: 1em;
}

.iconyBox, #contentBox p.iconyBox {
color: #999;
border: 1px dotted #ccc;
background: #f6f6f6;
padding: 1em;
margin-left: 1em;
}

.notSoImportant {
color: #666;
}

.topBox, #contentBox p.topBox {
border: 1px dotted #F1F1F1;
background: #F8F8F8;
padding: 1em;
}

.marginTopNo {
margin-top: 0;
}

.marginRight1em {
margin-right: 1em;
}

.marginTop2em, #contentBox p.marginTop2em {
margin-top: 2em;
}

.marginTop1em, #contentBox p.marginTop1em {
margin-top: 1em;
}

.marginTop05em {
margin-top: .5em;
}

body.napoveda {
font-size: .7em;
background: #fff;
color: #333;
margin: 1em;
}

body.napoveda h1 {
font-size: .9em;
}

#proc_dexus div {
 padding-bottom: 1em;
}

address {
margin: 0;
margin-bottom: 1.5em;
}

.podminky-akce {
color: #aaa;
font-size: .9em;
}