body {
        font-family: verdana,arial,tahoma, helvetica, sans-serif;
        font-size: 10px;
        text-align: center;
        background-color: #38A7D4;
        background-image: url(../image/pozadi-cele-stranky.jpg);
        background-repeat: repeat-x;
        background-position: top;
}

div, ul, h1, h2, h3, li, p, img, form, table, th, td, #wrapper {margin:0; padding:0;}
ul{list-style-type:none;}

hr {
border-top:solid 1px #E0E0E0;  
    height:1px;
    /*background-color: #ffffff;*/
    /*display:inline;*/
}

h1 {
  font-size:12px;
  color:#000000;
  font-weight:bold;
}
h2 {
  font-size:12px;
  color:#000000;
  font-weight:bold;
}
h3 {
  font-size: 10px;
  font-weight:bold;
}

.block {
	display: block;
}

.clear {
	clear: both;
}
a{
text-decoration: none;
color:#003388;
}
a:hover{
text-decoration: underline;
color:#003388;
}
/* ***** */

/* vrsek */
#wrapper {
	margin: auto;
	text-align: left;
	width: 984px;
}
#header {
	background: url(../image/o2-adsl-horni-panel.png) no-repeat;
    height:168px;
    width: 984px;
    border:0;
    padding:0;
    margin:0;
}
#header #logo {
    height:168px;
    width:260px;
    color:#FFFFFF;
    display:block;
    float:left;
    border:0;
    padding:0;
    margin:0;
}
#header #logo a,#header #logo a img {
    border:0;
    padding:0;
    margin:0;
}
#header #tlacitka {
  margin-top: 50px;
  float:right;
  width:720px;
  display:block;
}

#header #tlacitka ul li {
    background: url(../image/tlacitko-horni-menu.png) no-repeat;
    float:right;
    width: 150px;
    height: 36px;
    padding-right: 1px;
    display:block;
}

#header #tlacitka ul li:hover {
    background: url(../image/tlacitko-horni-menu-vysute.png) no-repeat;
    width: 150px;
    height: 36px;
    padding-right: 1px;
    display:block;
}

#header #tlacitka ul li .aktivni {
    background: url(../image/tlacitko-horni-menu-vysute-aktivni.png) no-repeat;
    width: 150px;
    height: 36px;
    padding-right: 1px;
    display:block;
}
#header #tlacitka ul li .aktivni:hover {
    background: url(../image/tlacitko-horni-menu-vysute-aktivni.png) no-repeat;
    width: 150px;
    height: 36px;
    padding-right: 1px;
    display:block;
}

#header #tlacitka ul li a {
    width: 150px;
    padding-top: 14px;
    text-align: center;
    color: black;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    display:block;
    height:36px;
}

#header #tlacitka ul li a:hover {
    text-decoration: underline;
    font-weight: bold;
}
#header #tlacitka ul li a.aktivni {
    width: 150px;
    padding-top: 14px;
    text-align: center;
    color: black;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display:block;
    height:36px;
}

#header #tlacitka ul li a.aktivni:hover {
    text-decoration: underline;
}


/* body */
#prostredek {
	margin: auto;
	text-align: left;
	width: 984px;
	position: relative;
}
#prostredek #horni {
    background: url(../image/o2-adsl-prostredni-cast-horni.png) no-repeat;
    height:8px;
}

#prostredek #stred {
    background: url(../image/o2-adsl-prostredni-cast-stred.png) repeat-y;
}

#prostredek #spodni {
    background: url(../image/o2-adsl-prostredni-cast-spodek.png) no-repeat;
    margin-left:2px;
        width:984px;
    height:8px;
}
#prostredek #konec {
    padding-top:5px;
    width:964px;
    color:#3a3a3a;
    font-size:9px;
    padding-right:10px;
    padding-left:10px;
    text-align:right;
}
#prostredek #konec #partneri{
    width:600px;
    float:left;
    text-align:left;
    padding-left:195px;
}

#prostredek #konec #partneri a {
    text-decoration: none;
    color:#3a3a3a;
}

#prostredek #konec #partneri a:hover {
    text-decoration: underline;
}

#stredni {
    width:770px;
    height:auto;
    float:right;
    padding-left:10px;
}

#navigace {
    height:30px;
    border-bottom:1px solid #D0D0D0;
    font-size:9px;
    color:#3a3a3a;
    padding-right:10px;
    background-color: #ffffff;
}

/* leve menu */
#leva {
    width:204px;
    height:auto;
    float:left;
}

#leva .info {
    width:200px;
    /*background-color: #e6f4e9;*/
    float:right;
    display:block;
    background-color: #e8e8e8;
    /*background-color: #D0A97E;*/
}
#leva p{
    padding-left:20px;
    padding-right:20px;
}

#leve_menu {
    width: 204px;
    float:right;
}
#leve_menu ul{
    padding:0;
    margin:0;
}
#leve_menu li{
    width:193px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #D0D0D0;
    border-left: 4px solid #7ED8FC;
    padding-left:7px;
    background-color: #EEEEEE;
}

#leve_menu li:hover{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #D0D0D0;
    padding-left:7px;
    background-color: #FFFFFF;
    border-left: 4px solid #013463;
}

#leve_menu li.aktiv1{
    width:193px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #D0D0D0;
    padding-left:7px;
    background-color: #ffffff;
    border-left: 4px solid #013463;
    color:#013463;
 font-weight: bold;
}
/*
#leve_menu li.aktiv1:hover {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #D0D0D0;
    padding-left:7px;
    background-color: #FFFFFF;
    border-left: 4px solid #013463;
}
*/
#leve_menu li a{
    color:black;
    text-decoration: none;
    padding-left:16px;
    line-height:28px;
    width:193px;
    display:block;
}

#leve_menu li a:hover{
    color:#013463;
    font-weight: bold;
    text-decoration: underline;
}

#leve_menu li.aktiv1 a{
    text-decoration: none;
    padding-left:16px;
    line-height:28px;
    width:193px;
    display:block;
    color:#013463;
    font-weight: bold;
}

#leve_menu li.aktiv1 a:hover{
    color:#013463;
    font-weight: bold;
    text-decoration: underline;
}

/* konec leva */

/* prostredek */

#stranka-nadpis-menu {
    width:770px;
    float:left;
    background-color: #FFFFFF;
}

#stranka-nadpis-menu H1 {
    font-size:16px;
    color:#3399cc;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
}

#stranka {
    width:580px;
    float:left;
    /*background-color: #cc00cc;*/
}

#stranka H1 {
    font-size:16px;
    color:#3399cc;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
}

#stranka_menu{
margin: 0;
padding: 0;
}

#stranka_menu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
border-width: 1px 0;
}

* html #stranka_menu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#stranka_menu ul li{
display: inline;
}


#stranka_menu ul li a{
border:1px solid #D0D0D0;
float: left;
color: #000000;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration: none;
border-top:1px solid #f3f3f3;
border-left:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
border-bottom:4px solid #7ED8FC;
display:block;
line-height:16px;
width:auto;
}

#stranka_menu ul li a:hover{
color: #013463;
background-color: #EEEEEE;
border-bottom: 4px solid #013463;
border-top:1px solid #f3f3f3;
border-left:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
text-decoration: underline;
/*font-weight: bold;*/
}

#stranka_menu ul li.aktiv2 a{
border:1px solid #D0D0D0;
float: left;
color: #013463;
font-weight: bold;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration: none;
border-top:1px solid #f3f3f3;
border-left:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
border-bottom:4px solid #013463;
font-weight: bold;
display:block;
line-height:16px;
width:auto;
}

#stranka_menu ul li.aktiv2 a:hover{
color: #013463;
background-color: #EEEEEE;
border-bottom: 4px solid #013463;
border-top:1px solid #f3f3f3;
border-left:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
text-decoration: underline;
/*font-weight: bold;*/
}

/* konec prostredek */

/* pravy */

#prava {
    width:180px;
    float:right;
}

#prava #vypln{
    /*height:96px;*/
    height:30px;
    background-color: #ffffff;
}

#prava #roh {
    background-image: url(../image/modry-roh.png);
    height:10px;
    width:180px;
}

#prava #cast {
    padding-left:2px;
    padding-right:2px;
    background-color: #eaf5fe;
    text-align:center;
}

/* konec pravy */


/* formular */

.tlacitko_odelat{
width:100px;
line-height:28px;
height:28px;
display:block;
font-size:10px;
color: #000000;
padding-left:10px;
padding-right:10px;
text-decoration: none;
border-top:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
border-bottom:1px solid #f3f3f3;
border-left:4px solid #7ED8FC;
background-color: #EEEEEE;

}

.tlacitko_odelat:hover{
width:100px;
line-height:28px;
color: #013463;
display:block;
padding-left:10px;
padding-right:10px;
background-color: #ffffff;
border-left: 4px solid #013463;
border-top:1px solid #f3f3f3;
border-bottom:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
text-decoration: underline;
}



/* tooltip */
a.tooltip {
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial;
    COLOR: Navy;
}
a.tooltip:hover {
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline
}
a.tooltip span {TEXT-DECORATION: none;display:none; padding:10px; margin-left:8px; margin-top:15px; width:350px;FONT-SIZE: 16px; line-height: 25px;}
a.tooltip:hover span{TEXT-DECORATION: none;display:inline; position:absolute; background:#F8F8F8; border:1px solid #DBE2EE; color:#6c6c6c;FONT-SIZE: 16px; z-index: 5 }

a.tooltip2 {
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial;
}
a.tooltip2:hover {
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline
}
a.tooltip2 span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip2:hover span{display:inline; position:absolute; background:#E0E0E0; border:1px solid #CC0000; color:#6c6c6c; z-index: 5 }

/* formulare */
input.search {
	width: 120px;
	border: none;
	background: url(../image/input_search.gif);
	font-size: 10px;
	background-repeat: no-repeat;
	padding: 2px 0 0 17px;
}

input.login {
	width: 83px;
	border: none;
	background: url(../image/input_login.gif);
	font-size: 10px;
	background-repeat: no-repeat;
	padding: 2px 17px 5px 17px;
    margin-right:-17px
}

input.pass {
	width: 83px;
	border: none;
	background: url(../image/input_password.gif);
	padding: 2px 17px 5px 17px;
	font-size: 10px;
	background-repeat: no-repeat;
    margin-right:-17px
}
/*
input.formular {
	width: 272px;
	font-size: 12px;
	height: 21px;
	background-image: url(../image/input_formular.gif);
	border: 0;
	padding-top: 4px;
	padding-left: 8px;
	background-color: transparent;
}
*/
input.tlacitko {
	width: auto;
	border: 1px solid #A9A9A9;
	padding: 1px;
	font-size: 9px;
	background-color: #F4f4f4;
}

input.pocet_kusu {
	width: auto;
	border: 1px solid #A9A9A9;
	padding: 1px;
	font-size: 9px;
	background-color: #F4f4f4;
}

select.specialni {
	width: auto;
	border: 1px solid #A9A9A9;
	padding: 1px;
	font-size: 9px;
	background-color: #F4f4f4;
}

input.tlacitko:focus,input.tlacitko:hover {
	background-color: #c80000;
	color: White;
}

input.login:focus,input.login:hover, input.formular:focus,input.formular:hover, input.pass:focus,input.pass:hover, input.search:focus,input.search:hover
{
	color:green;
}

input.tlacitko_odeslat {
	width: 66px;
    height: 21px;
    background: url(../image/odeslat_formular.gif);
	background-repeat: no-repeat;
    border:0;
}

input.tlacitko_odeslat:hover {
	width: 66px;
    height: 21px;
    background: url(../image/odeslat_formular_zmacknuto.gif);
	background-repeat: no-repeat;
    border:0;
}

input.tlacitko_ok {
	width: 23px;
    height: 21px;
    background: url(../image/odeslat_ok.gif);
	background-repeat: no-repeat;
    border:0;
}

input.tlacitko_ok:hover {
	width: 23px;
    height: 21px;
    background: url(../image/odeslat_ok_zmacknuto.gif);
	background-repeat: no-repeat;
    border:0;
}

.text0 {
  font-size: 9px;
  color: #363636;
  padding: 0 0 5px 0;
  }

.text1 {
  font-size: 9px;
  color: #363636;
}

.text2 {
  font-size: 9px;
  color: #363636;
  font-weight: bold;
}

.text3 {
  font-size: 12px;
  color: #363636;
  font-weight: bold;
}

.text4 {;
  font-size: 11px;
  color: #363636;
  padding: 0 0 5px 0;
  }

.text5 {
  font-size: 10px;
}

.text6 {
  font-size: 12px;
  font-weight: bold;
}










/* --- formularek na poslani zpravy ---*/
#call_me_back3 {
    width:190px;
    padding-left: 5px;
    padding-right: 5px;
}

#call_me_back {
    width:160px;
    margin:auto;
}
#call_me_back h4
{	font-size : 9px;
	margin: 0;
	color : #3A3A3A;
	font-weight : bold;
	line-height: 15px;
    text-align: left;
}


#call_me_back #t2 {
/*	font-size: 80%;*/
	margin: 5px 0 0 -5px;
	padding: 0 0 5px 0;
	font-weight : bold;
    	font-size : 9px;
        color : #3A3A3A;

}

#call_me_back p {
	margin: 0 0 1px 0;
}
#call_me_back h3 {
	color: #000;
	font-size: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}
#call_me_back label {
	display: block;
}
#call_me_back #msisdn, #call_me_back #name, #call_me_back #email {
	width: 155px;
}

#call_me_back #zprava
{
	width: 155px;
	font-family : verdana,Arial;
	font-size : 12px;
}


#call_me_back #oz {
	width: 160px;
}

#call_me_back2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #E0E0E0;
}

#call_me_back2 p {
	margin: 0 0 5px 0;
}
#call_me_back2 .t1 {
	font-size: 80%;
	margin: 0;
	padding: 0 0 5px 0;
/*	background : #FAFAFA;*/
}

/* pro admin */
.nad3 {
	font-family : Arial;
	font-size : 20px;
	color : Black;
}
.aa9 {
	background-color: #f4c325;
}
.aa19 {
    FONT-WEIGHT: bold;
 }
A.o5 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: Navy;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}
A.o5:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: Red;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}
.message{
    color:red;
}

a.znamka {
	border: 1px solid #eee;
	padding: 2px 5px 2px 5px;
    color:black;
	background-color: #E4E9F1;
}

a.znamka:hover {
    color:white;
	background-color: #009837;
}

a.znamka2 {
	border: 1px solid #eee;
	padding: 2px 5px 2px 5px;
	color:black;
	background-color: #FFBB00;
}

a.znamka2:hover {
    color:white;
	background-color: #009837;
}