* {
    margin: 0px; 
    padding: 0px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

BODY, TD, TH, INPUT, SELECT, TEXTAREA {
    font-size: 13px; /* 10px, 81% */
}

BIG {
    font-size: 200%;
}

SMALL {
    font-size: 75%;
}

BODY {
    background: #ffffff;
/*    background: #ffffff center center url(../gr/opticbubbles90.jpg) no-repeat;
    background-size: cover;*/
    color: #000000;
    text-align: left;
    vertical-align: top;
    border: 0;
    padding: 0;
}

IMG {
    border: 0;
    vertical-align: middle;
}


HR {
    display: block;
    margin: 0!important;
    margin-bottom: 1em!important;
    margin-top: 1em!important;
    height: 1px;
    background: center url(../gr/break.png) no-repeat;
    border: 0;
}

H1 {
    display: block;
    color: #006aa1;
    margin: 0!important;
    margin-top: 15px !important;
    margin-bottom: 0.5em !important;
    height: 88px;
    background: url(../gr/bk_h1.png) no-repeat;
    line-height: 88px;
    vertical-align: middle;
    padding-left: 28px;
    font-size: 175%;
    font-weight: bold;
    clear: both;
}

A.aheader {
    color: #000000!important;
    text-decoration: none;
}

P {
    text-align: justify;
    margin-top:0.8em;
    margin-bottom:0.8em;
}

DIV.status {
	background-color: #f9f4e8;
	border: solid 1px #edddb7;
	padding: 0.5em;
	margin: 1em;
}


A {color: #000000; text-decoration: underline;}
A:hover {color: #ff0000; text-decoration: none;}
A.ah {text-decoration: none;}

A.roll, A.roll2 {
	display: block;
	text-decoration: underline;
	background: url(../gr/icon_arrow.png) no-repeat;
	padding-left: 18px;
	height: 16px;
	margin-bottom: 0.5em;
}

A.roll:hover, A.roll2:hover {
	text-decoration: none;
}
A.roll2 {
	display: inline;
	padding-bottom:5px;
	margin-right: 2em;
}

UL LI {
     list-style-image: url(../gr/bullet_orange.png);
}


UL.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 50px;
    background: url(../gr/bk_menu2.png) no-repeat;
    padding-left: 3px;
    padding-bottom: 16px;
    font-size:11px;
    font-weight: bold;
}
UL.menu LI {
    list-style-image: none;
    padding: 0;
    margin: 0;
    color: #ffffff;
/*    color: #006aa1;*/
    float: left;
    position:relative;
}
UL.menu LI A {
    color: inherit;
    display: block;
    height: inherit;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
    float: left;
    line-height: 35px;
/*    border-right: solid 1px #4e9fc9;*/
    height: 54px;
}
UL.menu LI A IMG {
    float: left;
    margin-right:4px;
    margin-top:11px;
}
UL.menu LI A SPAN {
    display: block;
    float: left;
    padding-top: 10px;
    cursor: inherit;
}
UL.menu LI.private {
    float:right;
    margin-right:3px;
    font-weight: bold;
}
UL.menu LI.private A {
        border: 0;
}
UL.menu LI A:hover, UL.menu LI A.sel {
    background: top url(../gr/menualpha2.png) repeat-x;
    color: #006aa1;
/*    color: #000000;*/
    height: 54px;
}

TABLE {
    text-align: left;
}

TABLE.blue {                 
    border-collapse: collapse;
    border: solid 1px #bae3f8;
    color: #105579;    
    text-align: center;
}

TABLE.tarif_voip_2011 {
    width:75%;
    margin:0 auto;
}

TABLE.table_tarif2011 {
    border-collapse: collapse;    
    margin-bottom: 2em;
}

TABLE.table_tarif2011 TR TD {
    margin-top: 12px;
    text-align: center;
    height: 56px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.grad_green_1 { background: url(../gr/vgrad_green1.png) repeat-x; }
.grad_orange_1 { background: url(../gr/vgrad_orange1.png) repeat-x; }
.grad_orange_2 { background: url(../gr/vgrad_orange2.png) repeat-x; }
.grad_orange_3 { background: url(../gr/vgrad_orange3.png) repeat-x; }
.grad_orange_4 { background: url(../gr/vgrad_orange4.png) repeat-x; }
.grad_blue_1 { background: url(../gr/vgrad_blue1.png) repeat-x; }
.grad_blue_2 { background: url(../gr/vgrad_blue2.png) repeat-x; }

.hgrad1 { color: #3f5d04; background: url(../gr/hgrad_1.png) repeat-y; width: 180px; border-bottom: solid 1px #cfed87;border-right:solid 4px #ffffff;}
.hgrad2 { color: #7f6103; background: url(../gr/hgrad_2.png) repeat-y; width: 180px; border-bottom: solid 1px #fde485;border-right:solid 4px #ffffff;}
.hgrad3 { color: #7f4f03; background: url(../gr/hgrad_3.png) repeat-y; width: 180px; border-bottom: solid 1px #fdd385;border-right:solid 4px #ffffff;}
.hgrad4 { color: #ffffff; background: url(../gr/hgrad_4.png) repeat-y; width: 180px; border-bottom: solid 1px #fdb582;border-right:solid 4px #ffffff;}
.hgrad5 { color: #ffffff; background: url(../gr/hgrad_5.png) repeat-y; width: 180px; border-bottom: solid 1px #ffaa84;border-right:solid 4px #ffffff;}
.hgrad6 { color: #03586d; background: url(../gr/hgrad_6.png) repeat-y; width: 180px; border-bottom: solid 1px #84e8ff;border-right:solid 4px #ffffff;}
.hgrad7 { color: #ffffff; background: url(../gr/hgrad_7.png) repeat-y; width: 180px; border-bottom: solid 1px #83d0fe;border-right:solid 4px #ffffff;}

TR.grad_green_1 TD.grad_green_1_h { background: top left url(../gr/vgrad_green1_h.png) no-repeat; }
TR.grad_orange_1 TD.grad_orange_1_h { background: top left url(../gr/vgrad_orange1_h.png) no-repeat; }
TR.grad_orange_2 TD.grad_orange_2_h { background: top left url(../gr/vgrad_orange2_h.png) no-repeat; }
TR.grad_orange_3 TD.grad_orange_3_h { background: top left url(../gr/vgrad_orange3_h.png) no-repeat; }
TR.grad_orange_4 TD.grad_orange_4_h { background: top left url(../gr/vgrad_orange4_h.png) no-repeat; }
TR.grad_blue_1 TD.grad_blue_1_h { background: top left url(../gr/vgrad_blue1_h.png) no-repeat; }
TR.grad_blue_2 TD.grad_blue_2_h { background: top left url(../gr/vgrad_blue2_h.png) no-repeat; }
TD.noback { background: #ffffff; }

TR.grad_green_1 TD {
    border-right: solid 1px #cfed87;
    color: #3f5d04;
}

TR.grad_orange_1 TD {
    border-right: solid 1px #fde485;
    color: #7f6103;
}

TR.grad_orange_2 TD {
    border-right: solid 1px #fdd385;
    color: #7f4f03;
}
TR.grad_orange_3 TD {
    border-right: solid 1px #fdb582;
    color: #ffffff;
}
TR.grad_orange_4 TD {
    border-right: solid 1px #ffaa84;
    color: #ffffff;
}
TR.grad_blue_1 TD {
    border-right: solid 1px #84e8ff;
    color: #03586d;
}
TR.grad_blue_2 TD {
    border-right: solid 1px #83d0fe;
    color: #ffffff;
}




TABLE.red {
	border: solid 1px #fff0f0;
	background-color: #fff9f9;
	text-align: center;
}

TH {
	text-align: center;
	background: url(../gr/vgrad_blue2.png) repeat-x;
	color: #ffffff;
	font-weight: normal;
}

/*INPUT, SELECT, TEXTAREA {
    border: 1px solid #9a6748;
}*/
                             
INPUT [type="text"] {
    width: 150px;
}
INPUT[type="text"]:focus, INPUT[type="password"]:focus, TEXTAREA:focus {
    background-color: #DAFFDA;
    border: 1px solid #404040;
}

INPUT[type="radio"]  {
    border: 0;
    width: 32px;
}

INPUT[type="checkbox"],INPUT[type="file"],INPUT[type="image"]  {
    border: 0;
}

INPUT[type="submit"],INPUT[type="button"] {
    height: 2em;
    padding-left: 1em;
    padding-right: 1em;
}


OL, UL {
    margin-left: 2em;
}

OL LI, UL LI {
    margin: 0.5em;
}

.r1, .lbl {background-color: rgba(250,250,255,0.6);}
.r2, .lblo {background-color: rgba(245,245,255,0.5);}

.r3, .lgr {background-color: #dcffdc;}
.r4, .lgro {background-color: #ccffcc;}

.r5, .lrd {background-color: #ffecec;}
.r6, .lrdo {background-color: #ffdcdc;}

.r7 {background-color: #e3e3ef;}
.r8 {background-color: #d3d3df;}

.r9 {background-color: #F5EAC7;}
.r10 {background-color: #EFD8A1;}
 



.tar {text-align: right!important;}

.tal, .tal TH {text-align: left!important;}

.tac {text-align: center!important;}

.vat {vertical-align: top;}
.vat TD {vertical-align: top;}
.vac {vertical-align: middle;}
.vac TD {vertical-align: middle;}
.vab, .vab TD {vertical-align: bottom;}

TABLE.pad5 TD, TABLE.pad5 TH, TABLE.pad5h TH, .pad5, .pad5h {padding: 5px;}

.marlr {
    margin-left: 10px;
    margin-right: 50px;
}







/* -- NASTAVENI HORIZONTALNICH ROZMERU -------------------------------------- */
.wmax {width:100%;}

.con_main { width:729px; margin-left: 50px;}

.con_main_full {min-width: 960px;}

/* -------------------------------------------------------------------------- */


#mfullpage {
    /*margin-top:10px;
    background: #ffffff top center url(../gr/framebk.png) repeat-y;*/
}

#mpage {
    position: relative;
    z-index: 2;
    width: 964px;
    margin: 0 auto;
}

#mdecor {
    position: fixed;
    width: 100%;
    height: 722px;
    background: url(../media/abstractwave.jpg) top center no-repeat;
    z-index:-100;
}

#mtop {
    padding-top:20px;
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#mreklama {
	position: absolute;
	padding-left: 11px;
	right: 13px;
	top: 27px;
	background: url("../gr/hdr_reklama.png") no-repeat;
}
#mreklama2 {
	position: absolute;
	padding-left: 11px;
	right: -10px;
	top: 5px;
	width:274px;
	height:116px;
	background: url("../ban/kazaban.png") no-repeat;
}

    #mtop>IMG {width: 100%;vertical-align:top;}
    #mtop>IMG.m1 {width: 110px;height: 28px;}
    #mtop>IMG.m2 {width: 138px;height: 28px;}
    #mtop>IMG.m3 {width: 108px;height: 28px;}
    #mtop>IMG.m4 {width: 108px;height: 28px;}
    #mtop>IMG.m5 {width: 138px;height: 28px;}
    #mtop>IMG.m6 {width: 178px;height: 28px;}
    

#minfo {
    clear: both;
    width: 100%;
    height: 26px;
    line-height: 26px;
    vertical-align: bottom;
    background: url(../gr/infoline.png) no-repeat;
    text-align: right;
}
    #minfo A {text-decoration: none;vertical-align: middle;}
    
    #minfo A IMG {vertical-align: middle!important;}
    #minfo A SPAN {font-weight: bold;}
    
    #ilastnews {
        float: left;
        display: inline-block;
        margin-left: 5px;
        height: 26px;
        line-height: 26px;
        vertical-align: middle;
    }
    
        #ilastnews IMG {
            vertical-align: middle;
            height: 16px;
            margin: 5px;
        }
    
    #isvatek {
        float: right;
    }


#mcontainer_upper {
/*    background: #ffffff url("../gr/bk_content.png") repeat-y;*/
    float: left;
    width: 964px;
    min-height: 370px;
}

#mcup_begin {
/*    background: url("../gr/bk_mcupbegin.png") no-repeat;
    float: left;
    width: 964px;
    height: 2px;*/
}
#mcup_end {
/*    background: url("../gr/bk_mcupend.png") no-repeat;
    float: left;
    width: 964px;
    height: 32px;*/
}

#mcontainer {
    float: left;
    margin-left: 2px;
		background: rgba(255,255,255,0.9);
}

.infobox {
    background: top left url("../gr/bk_infobox.png") no-repeat;
    width:920px;
    height:79px;
    padding:20px;
    padding-top:30px;
    color: #ffffff;
    font-size: 140%;
}

.infobox2 {
    background: top left url("../gr/bk_infobox.png") no-repeat;
    height:79px;
    padding:20px;
    padding-top:15px;
    color: #ffffff;
    font-size: 120%;
}

.urlbox {
    background: top left url("../gr/bk_infobox.png") no-repeat;
    width:960px;
    height: 32px;
    color: #ffffff;
}

.urlbox UL {
    display: block;
}

.urlbox LI {
    float: left;
    list-style-position: inside;
}

.urlbox A {
    color: #ffffff;
}
.urlbox A:hover, .urlbox A.sel {
    color: #fbc602;
}

    .con_menu {
        width: 181px;
        float: left;
    }
    
    .con_main, .con_main_full {
        float: left;
        padding-bottom: 15px;
        /*padding-right: 5px;*/
    }

    .con_main DIV {
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
        /* border: solid 1px black; */
    }
    
/* -- MENU ------------------------------------------------------------------ */
    .con_menu UL {
        margin: 0px;
        margin-left:0px;
        padding: 0;
        /*margin-left: 29px;*/
        list-style-type: none;
        list-style-position: inside;
        list-style-image: url(../gr/bullet_orange.png);
        /*background-repeat: no-repeat;*/
/*        border: 1px solid #CECECE;
        border-top: 0px;
        border-left: 0px;*/
        
        /*background: white url(../gr/bgbox.gif) repeat-x left bottom;*/
        padding-bottom: 10px;
        margin-bottom: 5px;
        width: 176px;         
        
    }

    .con_menu UL LI {
        padding-left: 15px;
        margin: 8px auto;
        /*list-style-image: none;*/
    }
    
    .con_menu UL LI.head {
        font-weight: bold;
        list-style-image: none;
        color: #006aa1;
        border-bottom: solid 1px #006aa1;
        /*background: url(../gr/menuheading.png) no-repeat left top;*/
        height: 26px;
        width: 176px;
        text-align: center;
        padding: 0px;
        padding-top: 7px;
        margin: 0px;
        margin-left:0px;
        margin-bottom: 10px;
        }

        .con_menu UL LI.first {
            margin-top: 15px;
        }

    .con_menu UL LI.sel A{
        color: #ee0000;
        font-weight: bold;
    }

    .con_menu UL LI A {
        text-decoration: none;
    }
/* ------- ------------------------------------------------------------------ */


.clrb {
    clear: both;
}


#mfooter {
    clear: both;
    width: 100%;
    height: 171px;
/*    background: top center url(../gr/bk_footer.jpg) no-repeat;
    margin-bottom: 10px;*/

}

#mfooter div {
    width: 960px;
    margin: 0 auto;
    font-size: 90%;
    line-height: 37px;
    vertical-align: middle;
}



/* --------------------------------------------------------------------------------------------- */


TABLE.akt, TABLE.akt TR TD {
	padding: 10px;
	text-align: left;
}

.akt_title {
	font-weight: bold;
	font-size: 120%;
	margin-left: 10px;
	/*color: #9a6748;*/
    color: #006aa1;
}

.akt_caption {
	/*background-color: #f6efdc;*/
    background-color: #f4f4ff;
}




.htl {text-align: left;}
.htr {text-align: right!important;}
.red {color: #ee0000;}
.green {color: #008000;}
.bold {font-weight: bold;}



/*  blokovy element uvnitr obsahove casti */
.Pinner {
    margin: 15px;
    margin-top: 15px;
    text-align: justify;
    /*background-color: #ffffff;*/
}

.hint {
	color: #606060;
	font-size: 10px;
}

.tblack {
    color: #000000;
}

.noboldth tr th {
	font-weight: normal;
}
div#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.9em;
    /*background-color: white;*/
    background: #006aa1 url(../gr/bk_infobox.png) no-repeat;
    color: #ffffff;
    border: 0;
    z-index: 9999;
    }
div#vtip #vtipArrow { position: absolute; top: -10px; left: 5px;z-index: 10000; }
div#vtip #vtipClose { position: absolute; top: -10px; right: 5px;z-index: 10000; cursor: pointer;}

.note {
    color: #606060;
    font-size: 0.9em;
}

.floatr {
    float: right!important;
}
.floatl {
    float: left!important;
}

TR.trtog {
    /*display: none;*/
}


/*status reporting*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../gr/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../gr/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../gr/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../gr/error.png');
}

TABLE TR.spacer, TABLE TR.spacer TD {
    height: 8px;
}



.popmenu {
    border:solid 1px #a4d0e7;
    border-top: 0;
    background: url(../gr/bk_popup.png) repeat;
    visibility: hidden;
    position:absolute;
    top:54px;
    margin: 0;
    padding: 0;
    left:0px;
}

.popmenu A {
    line-height:22px;
    float: none!important;
    width: auto;
    white-space: nowrap;
    height: 28px!important;
    border: 0!important;
    color: #006aa1!important;
    margin-left: 20px;
}

.popmenu A:hover {
    background-color: #4e9fc9!important;
    background-image: none!important;
    color: #ffffff  !important;
}

.popmenu DIV.head {
    white-space: nowrap;
    height:26px;
    color: #000000;
    line-height:26px;
    margin-top: 10px;
    margin-right: 10px;
    background: url(../gr/bullet_orange.png) no-repeat 8px 8px;
    width: auto;
    padding-left: 20px;
}

.popmenu DIV.foot {
    height: 8px;
    background-color: #006aa1;
}

DIV.ctab {
    background: url(../gr/bk_infobox.png) no-repeat;
    height: 50px;
    padding-left: 10px;
    color: #ffffff;
    border-bottom: solid 1px #b3ddf2;
}

DIV.ctab DIV.tabs_on, DIV.ctab DIV.tabs_off {
    float: left;
    margin-top: 18px;
    padding: 10px;
    text-decoration: underline;
    cursor: pointer;
    height: 12px;
    font-size: 120%;
}

DIV.ctab DIV.tabs_on {
    color: #006aa1;
    text-decoration: none;
    border: solid 1px #b3ddf2;
    border-bottom: 0;
    background: #ffffff;
    font-weight: bold;
}

DIV.ctab DIV.tabs_off:hover {
    border: solid 1px #ffffff;
}

.tform {
    /*background: #bbe4f8 top left url(../gr/bk_form.png) repeat-x;*/
    color: #105579;
}

.tform INPUT, .tform SELECT, .tform TEXTAREA {
    /*background: top left url(../gr/bk_input.png) repeat-x;
    background-color: rgba(255,255,255,0);*/
    border: solid 1px #1da4e9;
    color: #105579;
}

.tform INPUT[type="radio"],.tform INPUT[type="image"],.tform INPUT[type="checkbox"],.tform INPUT[type="file"] {
    border: 0;
}

.tform INPUT[type="text"]:focus, .tform INPUT[type="password"]:focus, .tform TEXTAREA:focus {
    border: solid 1px #105579;
    /*background-color: #dbf2fb;*/
    /*background-color: #ffeea9;*/
}

TABLE.nowrap TR TD, TABLE.nowrap TR TH {
	white-space: nowrap;
}

.impersonateinfo, .impersonateinfo A {
    background-color: #4b4b4b;
    color: #ffffff;
    padding: 5px;
}

TABLE.toolheader TR TH {
    font-size: 0.7rem;
    vertical-align: top;
}


DIV.progressbarcontainer {
    background-color: rgb(241, 241, 241);;
    border-radius: 8px;
    box-sizing: border-box;;
    color: #000000;
    height: 23px;
    line-height: 23px;
}

DIV.progressbar {
    color: #fff!important;
    background-color: #f44336!important;
    /*color: #fff!important;
    background-color: #2196F3!important;*/
    border-radius: 8px;
    box-sizing:border-box;
    color: #ffffff;
    height: 23px;
    line-height: 23px;
    padding: 0.01em 4px;
    width: 0%;
    text-align: right;
}

DIV.speedresdiv {
    border-radius:8px; background-color:rgb(241,241,241);padding:10px;box-sizing: border-box;margin-right:10px;
    float: left;
    width: 45%;
    text-align: center;
}

DIV.rotated-th {
	/**
	* Since the rotated text is taken out of the DOM flow (position: absolute), we
	* need to artificially consume vertical space so that the rotated headers
	* don't overlap with the content above the table.
	*/
	height: 110px ;
	position: relative ;
}
/**
* When an element is transform rotated, it still takes up the amount of space that
* it would have if not rotated. As such, I'm making the label "position: absolute"
* so that it doesn't take up any space ("absolute" takes it out of the DOM flow).
* Instead, I'm deferring the space allocation to the parent DIV.
*/
DIV.rotated-th>SPAN {
	bottom: 5px ;
	left: 50% ;
	position: absolute ;
	transform: rotate( -45deg ) ;
	transform-origin: center left ;
	white-space: nowrap ;
}

.marr25 {
    margin-right: 25px;
}
.martop2em {
    margin-top: 2em;
}

.no_selection, div.collapse {
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

div.collapse {
  cursor: pointer;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  display: inline-block;
}
div.collapse::after,div.collapse.show::after {
  position: absolute;
  top: 35px;
  right: 20px;

  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  text-decoration: inherit;
  background-image: none !important;
  background-position: 0% 0%;
  background-repeat: repeat;
  content: "\f078"; /* chevron-down */
} 
div.collapse.show::after {
    content: "\f077"; /* chevron-up */
}
div.collapse.coltight {
    float: right;
    margin-right: 20px;
}
div.collapse.coltight::after {
    right: 0px;
    top: 0px;
}

div.collapsed { display: none; }
div.collapsed.show { display: block; }