/* sluzba.cz - layout */

/* Generic HTML */
html{ margin:0; padding: 0; color: #333333; background: white;  position: relative; text-align: center; }
body { color: #333333; background: white; text-align: center; padding: 0; margin: 0; width: 100%; position: relative; }

/* General classes */
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.out { position: absolute; left: -2000px; top: -2000px; }

.flr { float: right; }
.fll { float: left; }

.sprite { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;}

/* Layout */
#mother { width: 772px; margin: 0 auto;  text-align: left; }

/* Header */
#header { position: relative; }
#logo-sluzba { padding: 26px 0 0 18px; float: left; margin-bottom: 10px;}
#logo-sluzba img{ padding: 0; margin: 0; border: 0; }
#logo-axima { padding: 49px 18px 0 18px; float: right; margin-bottom: 10px;}
#logo-axima img{ padding: 0; margin: 0; border: 0; }


/* Footer */
#footer { clear: both; padding-bottom: 10px; }
#footer .spc {padding: 10px 20px; background: url("../img/bg-footer.gif") repeat-x 0 0; }
#footer p {margin: 0; }

/* Hidden navigation */
a#nav-skip, a#search-skip { color: #E52917; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; display: block; width: 10em; position: absolute; bottom: 34%; left: -2000px; }
a#nav-skip:focus, a#nav-skip:active, a#search-skip:focus, a#search-skip:active {left: 150px; top: 50px; height: 1.5em; }


/* Page prologue */
#page-prologue { color: white; background: #666666 url("../img/bg-prologue-top.gif") repeat-x ; margin-bottom: 1px;}
#page-prologue h1 { margin: 0 0 0.2em -35px; font-size: 116%; font-weight: bold; background: url("../img/bullet-h1.gif") no-repeat 0 50%; padding: 5px 0 5px 35px; }
#page-prologue #annot { margin-bottom: 0; }

#page-prologue .spc { background: url("../img/bg-prologue-bottom.gif") repeat-x 0 100%;  padding: 15px 20px 15px 50px;}


#mother.wap-portaly h1 { background-image: url("../img/ico-wap-portaly2.gif"); background-repeat: no-repeat; }
#mother.java-aplikace h1 { background-image: url("../img/ico-java-aplikace2.gif"); background-repeat: no-repeat;  }
#mother.wap-aplikace h1 { background-image: url("../img/ico-wap-aplikace2.gif"); background-repeat: no-repeat;  }
#mother.sms-aplikace h1 { background-image: url("../img/ico-sms-aplikace2.gif"); background-repeat: no-repeat; }
#mother.informace h1 { background-image: url("../img/ico-informace2.gif"); background-repeat: no-repeat; }
#mother.mobilni-telefony h1 { background-image: url("../img/ico-mobilni-telefony2.gif"); background-repeat: no-repeat; }
#mother.symbian-aplikace h1 { background-image: url("../img/ico-symbian-aplikace2.gif"); background-repeat: no-repeat;  }
#mother.internetova-reseni h1 { background-image: url("../img/ico-internetova-reseni2.gif"); background-repeat: no-repeat; }


/* Breadcrumb */
#breadcrumb { background: #EAEAEA; padding: 5px 5px 5px 15px; margin-bottom: 1px;} 
#breadcrumb p { margin: 0; }
#breadcrumb .home { background: url("../img/bullet-breadcrumb-home.gif") no-repeat 0 50%; padding-left: 20px;} 

/* Crossroad-services */
#crossroad-services ul {margin: 0;  padding: 0;  list-style: none; width: 100%; float: left; }
#crossroad-services ul li {margin: 0;  padding: 0;  width: 25%; float: left; }
#crossroad-services ul li .head {background: #EAEAEA; border-bottom: 1px solid white; padding: 5px 15px; }
.tail {margin: 0;  padding: 5px 0 15px 15px; background: url("../img/bg-grad1.gif") repeat-x 0 0; min-height: 146px; }

#crossroad-services ul li.even .head {background: #F5F5F5; }
#crossroad-services ul li.even .desc {font-size: 92%; color: #666666; }
#crossroad-services ul li.even .tail {background-image: url("../img/bg-grad2.gif");  }

#crossroad-services .head h2 {font-size: 116%;  color: #333333; padding: 5px 0 5px 32px; background: url("") no-repeat 0 50%; margin-top: 7px;  margin-bottom: 7px; font-weight: bold; }

#crossroad-services ul li#wap-portaly .head h2 { background-image: url("../img/ico-wap-portaly.gif"); background-repeat: no-repeat; }
#crossroad-services ul li#java-aplikace .head h2 { background-image: url("../img/ico-java-aplikace.gif"); background-repeat: no-repeat;  }
#crossroad-services ul li#wap-aplikace .head h2 { background-image: url("../img/ico-wap-aplikace.gif"); background-repeat: no-repeat;  }
#crossroad-services ul li#sms-aplikace .head h2 { background-image: url("../img/ico-sms-aplikace.gif"); background-repeat: no-repeat; }
#crossroad-services ul li#wap-portaly .head h2 { background-image: url("../img/ico-wap-portaly.gif"); background-repeat: no-repeat; }
#crossroad-services ul li#informace .head h2 { background-image: url("../img/ico-informace.gif"); background-repeat: no-repeat; }
#crossroad-services ul li#mobilni-telefony .head h2 { background-image: url("../img/ico-mobilni-telefony.gif"); background-repeat: no-repeat; }
#crossroad-services ul li#symbian-aplikace .head h2 { background-image: url("../img/ico-symbian-aplikace.gif"); background-repeat: no-repeat;  }
#crossroad-services ul li#internetova-reseni .head h2 { background-image: url("../img/ico-internetova-reseni.gif"); background-repeat: no-repeat; }

#crossroad-services ul li ul, .tail ul {margin: 0;  padding: 0;  width: auto; float: none; list-style: none; }
#crossroad-services ul li ul li, .tail ul li {margin: 0 0 0 0;  padding: 0 0 0 0;  width: auto; float: none; display: block;}
#crossroad-services ul li ul li a, .tail ul li a {padding-left: 20px; background: url("../img/bullet-h3.gif") no-repeat 0 0.4em; display: block; text-decoration: none; padding-bottom: 0.5em; }

#crossroad-services ul li ul li a .name, .tail ul li a .name {font-size: 100%;  font-weight: normal; text-decoration: underline; display: block; margin: 0;  }
#crossroad-services ul li ul li a .desc, .tail ul li a .desc {font-size: 92%; color: #666666; display: block; }


#crossroad-services ul li ul li a:hover {background: url("../img/bullet-h3-active.gif") no-repeat 0 0.4em; }
#crossroad-services ul li ul li a:hover .desc {color: black; } 

.tail ul li a:hover {background: url("../img/bullet-h3-active.gif") no-repeat 0 0.4em; }
.tail ul li a:hover .desc {color: black; }

#crossroad .tail {padding: 25px 15px; min-height: 146px; }
#crossroad .tail ul li a .name { font-weight: bold; }

.separator { display: none; }