* { margin: 0; padding: 0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff url(/images/mstranky/graphics/bg-body.jpg) repeat-x; font-size: 90%; color: #000000}


/* LAYOUT */
div.container.index { width: 918px; background: #FFFFFF url(/images/mstranky/graphics/bg-content_cs.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}
div.header { padding: 0; margin: 0; background: none; border: none}

/* bloky - header, content, footer */
div.span-24, .span-24 { width: 918px; margin: 0; padding: 0}

/* header*/
div.span-14 { width: 627px; height: 207px; background: #003399; margin: 0; padding: 0}

div.span-13 { display: none}

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


/* logo */
div.span-11 { margin: 0; padding: 0}
div.span-11 h3 { position: absolute; top: -40px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #616161}
div.span-11 h3 span { color: #3A3A3A}
column span-18 last { margin: 0; padding: 0}
h3#logo { overflow: hidden; width: 105px; height: 26px; margin: 0; padding: 0; font-size:1.5em;}
h3#logo span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(/images/mstranky/graphics/logo.gif) 0 0 no-repeat; cursor:pointer;}

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


/* tlacitko */
p.begin {position: relative; top: 140px; left: 215px; overflow: hidden; width: 246px; height: 26px; margin: 0; padding: 0; font-size: 1em}
p.begin span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.begin a span { background: url(/images/mstranky/graphics/begin_cs.jpg) no-repeat}
/*p.begin a:hover span { background:  url(../images/btn-objednat-on.jpg) no-repeat}
p.begin a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.begin a:hover { background: #C40069}*/

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

/* LOGIN - form */
div.span-9 { width: 290px; margin: 0; padding: 0; float: right; position: relative}
div.span-9 form { background: #FFFFFF url(/images/mstranky/graphics/bg-login.jpg) right top no-repeat; width: 250px; padding: 0 0 0 20px}
div.span-9 input { width: 240px; margin: 0}

.mr {margin:.5em 0;}
p.instr { width: 210px; color: #999999; font-size: 0.75em; line-height: normal; padding: 0; margin: 0 0 0 0}
.label-w150 { color: #213767; font-size: 0.85em}
span.forgot a { color: #fd9028; font-size: 0.75em; float: right; padding: 2px 0 0 0}
span.forgot a:hover { color: #fd9028; text-decoration: none}

div.span-9 input.checkbox-w150 { width: auto; float: left; margin: 3px 5px 0 0}
label.autologin { color: #8a8a8a; font-size: 0.75em; font-weight: normal; float: left}

/* tlacitka */
.button { width: 89px; height: 26px; background: url(/images/mstranky/graphics/btn-login.jpg) no-repeat; border: none; font-size: 0.85em; margin: 20px 0 0 0; padding: 0 2px 0 2px}
button.login { width: 89px; background: url(/images/mstranky/graphics/btn-login.jpg) no-repeat; float: right; margin: 20px 10px 0 0;}
button.odeslat { width: 89px; background: url(/images/mstranky/graphics/btn-login.jpg) no-repeat; float: right; margin: 10px 0 0 0;}
button.ucet { width: 193px; background: url(/images/mstranky/graphics/btn-muj-ucet.jpg) no-repeat}

button.nastaveni span, button.nastaveni2 span, button.nastaveni3 span { padding: 0 0 0 25px}
button.nastaveni, button.nastaveni2, button.nastaveni3 { width: 152px; background: url(/images/mstranky/graphics/btn-settings.jpg) no-repeat}
button.nastaveni2 { font-size: 1em; margin: 0; float: left; position: relative}
button.nastaveni3 { font-size: 0.85em; float: left}
button.dispozici { width: 140px; font-size: 1em; background: url(/images/mstranky/graphics/btn-dispozici.jpg) no-repeat; margin: 0 0 0 10px; display: inline; float: none;}
button.new_domain { width: 140px; font-size: 1em; float: none; display: inline; margin: 0 10px; text-align: center; background: url(/images/mstranky/graphics/btn-dispozici.jpg) no-repeat;}
.button-colorpicker { width: 70px; background: url(/images/mstranky/graphics/btn-colorpicker.jpg) no-repeat; }
button.publikovat { width: 89px; background: url(/images/mstranky/graphics/btn-login.jpg) no-repeat; font-size: 1em; float: left; position: relative; left: 1px}
button.save { width: 75px; background: url(/images/mstranky/graphics/btn-save.jpg) no-repeat; font-size: 1em; float: left; position: relative; left: 7px}
button.close { width: 65px; background: url(/images/mstranky/graphics/btn-close.jpg) no-repeat; font-size: 1em; float: left; position: relative; left: 14px}

button.wizard, button.settings { width: 140px; font-size: 1em; background: url(/images/mstranky/graphics/btn-dispozici.jpg) no-repeat; float:right; }

button.small	{ width: 89px; font-size: 1em; background: url(/images/mstranky/graphics/btn-login.jpg) no-repeat; margin: 0; }
button.medium 	{ width: 140px; font-size: 1em; background: url(/images/mstranky/graphics/btn-dispozici.jpg) no-repeat; margin: 0; }
button.large	{ width: 193px; font-size: 1em; background: url(/images/mstranky/graphics/btn-muj-ucet.jpg) no-repeat; margin: 0; }
button.inline	{ float: none; position: static; display: inline; }

/* login */
div.login { font-size: 0.85em; color: #213767; position: absolute; right: 0; top: -61px}
div.login a { color: #213767}
div.login a:hover { color: #213767; text-decoration: none}
p.login { color: #213767; font-size: 1.2em; font-weight: bold; padding: 0; margin: 0}

div.login-sub { font-size: 0.85em; color: #213767; float: right; position: relative; top: -35px}
div.login-sub a { color: #213767}
div.login-sub a:hover { color: #213767; text-decoration: none}


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


/* INTRO 3 blocks */
div.intro { float: left; width: 615px; height: 222px; background: #FFFFFF; margin: 220px 0 0 0; padding: 0 0 0 12px}

div.b01, div.b02, div.b03 { width: 193px; height: 222px; position: relative; float: left; padding: 0 10px 0 0}
p.popisek { color: #8a8a8a; font-size: 0.75em; line-height: normal; padding: 0 25px 0 25px; position: absolute; bottom: 10px; z-index: 200}
p.b01, p.b02, p.b03 {position: relative; top: 0; left: 0; overflow: hidden; width: 193px; height: 222px; margin: 0; padding: 0; font-size:1.5em;}
p.b01 span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: url(/images/mstranky/graphics/b01_cs.jpg) 0 0 no-repeat; cursor:pointer;}

p.b02 span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: url(/images/mstranky/graphics/b02_cs.jpg) 0 0 no-repeat; cursor:pointer;}

p.b03 span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: url(/images/mstranky/graphics/b03_cs.jpg) 0 0 no-repeat; cursor:pointer;}


div.sms			{ padding: 10px; text-align: center; font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif; margin: 20px 30px 10px 30px; border: 1px solid #DAD9D7; background-color: #F6F6F6; }
div.sms .caption	{ font-size:20px; font-weight: bold; text-align: center; margin-bottom: 10px; }
div.sms a		{ width: 140px; height: 26px; background: url(/images/mstranky/graphics/btn-dispozici.jpg) no-repeat;
					text-align: center; font-size: 0.85em; font-weight: bold; text-decoration: none; color: #565656; 
					display:block; border: none; margin: 10px auto 0 auto; padding: 5px 0 0 0;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ROZCESTNIK */
div.container.rozcestnik { width: 918px; background: #f5f5f5 url(/images/mstranky/graphics/bg-content-rozcestnik.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}

div.verze { margin: 20px 0 0 360px; padding: 0 0 0 12px}
p.podminky { color: #8a8a8a; font-size: 0.75em; line-height: normal; padding: 0 15px 0 15px; position: relative; top: -40px; z-index: 100}
span.dblue { display: block; margin: 0 0 -10px 0}
div.b04, div.b05 { width: 193px; float: left; padding: 0 0 120px 0}
div.b04 { margin: 0 100px 0 0}
p.b04, p.b05 {position: relative; top: 0; left: 0; overflow: hidden; width: 193px; height: 222px; margin: 0; padding: 0; font-size:1.5em;}
p.b04 span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: url(/images/mstranky/graphics/b04_cs.jpg) 0 0 no-repeat; cursor:pointer;}

p.b05 span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: url(/images/mstranky/graphics/b05_cs.jpg) 0 0 no-repeat; cursor:pointer;}

p.moznost {position: relative; overflow: hidden; width: 193px; height: 26px; margin: 0 0 0 0; padding: 0; font-size: 1em;}
p.moznost span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.moznost a span { background: url(/images/mstranky/graphics/btn-moznost-cs.jpg) no-repeat}
p.moznost a:hover span { background: url(/images/mstranky/graphics/btn-moznost-cs.jpg) no-repeat}
p.moznost a { background: #CCCCCC; color: #000000; width: 193px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.moznost a:hover { background: #999999}


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

/* REGISTRACE */
div.container.rozcestnik { width: 918px; background: #fafafa url(/images/mstranky/graphics/bg-content-registrace.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}
div.span-18  { margin: 0; padding: 0}
legend { display: block}

table.registrace-top { padding: 0; margin: 20px 0 0 0; border-collapse: collapse; width: 320px; position: relative; margin-left: 320px}
table.registrace-top td { padding: 0 0 10px 25px;vertical-align:top}
table.registrace-top td tr { padding: 0; margin: 0}
table.registrace-top input { margin: -3px 0 0 0}
fieldset { margin: 0; padding: 0; width: 520px; border: none}

table.registrace-bottom { padding: 0; margin: 0; border-collapse: collapse; width: 520px; position: relative; left: 38px}
table.registrace-bottom td { padding: 0 0 10px 25px;vertical-align:top;border:0px solid red!important}
table.registrace-bottom td tr { padding: 0; margin: 0}
table.registrace-bottom input { margin: -3px 0 0 0}

table.feedback { padding: 0; margin: 0; border-collapse: collapse; width: 400px}
table.feedback td { padding: 0 0 10px 25px;vertical-align:top;border:0px solid red!important}
table.feedback td tr { padding: 0; margin: 0}
table.feedback input { margin: -3px 0 0 0}
table.feedback textarea { margin: -3px 0 0 0}
table.feedback select { margin: -3px 0 0 0}

p.muj-ucet {position: relative; overflow: hidden; width: 193px; height: 26px; margin: 22px 0 0 0; padding: 0; font-size: 1em;}
p.muj-ucet span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.muj-ucet a span { background: url(/images/mstranky/graphics/btn-muj-ucet.jpg) no-repeat}
p.muj-ucet a:hover span { background: url(/images/mstranky/graphics/btn-muj-ucet-on.jpg) no-repeat}
p.muj-ucet a { background: #CCCCCC; color: #000000; width: 193px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.muj-ucet a:hover { background: #999999}

span.instrukce { color: #fd9028; font-size: 9px; display: block;}

span.ochrana a { color: #fd9028; font-size: 0.75em; float: right}
span.ochrana a:hover { color: #fd9028; text-decoration: none}
p.zalozit { color: #213767; text-align: right; width: 470px; font-size: 110%; font-weight: bold; padding: 0; margin: 0; position: absolute; z-index: 50; left: 345px}
p.zalozit span a { font-size: 70%; color: #fd9028; display: block; float: left; padding: 5px 0 0 0}
p.zalozit span a:hover { text-decoration: none; color: #fd9028}
span.cond { color: #8a8a8a; font-size: 90%; font-weight: normal}



/* Docs */
div.container.docs { width: 918px; background: #ffffff url(/images/mstranky/graphics/bg-content-docs.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}

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


/* Kontaktni udaje */
body.udaje { background: #ffffff url(/images/mstranky/graphics/bg-body-udaje.jpg) repeat-x}
div.container.udaje { width: 918px; background: #ffffff url(/images/mstranky/graphics/bg-content-udaje.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}

p.save-settings {position: relative; overflow: hidden; width: 152px; height: 26px; margin: 22px 0 0 0; padding: 0; font-size: 1em;}
p.save-settings span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.save-settings a span { background: url(/images/mstranky/graphics/btn-settings.jpg) no-repeat}
p.save-settings a:hover span { background: url(/images/mstranky/graphics/btn-settings-on.jpg) no-repeat}
p.save-settings a { background: #CCCCCC; color: #000000; width: 152px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.save-settings a:hover { background: #999999}

table.udaje { position: relative; left: 120px; margin: 10px 0 0 0}

div.vernav { float: left; width: 140px; margin: 0 0 0 55px}
div.vernav ul.user-account { float: left; list-style: none; padding: 10px 0 0 0; margin: 0}
div.vernav ul.user-account li { margin: 0 0 30px 0}
div.vernav ul.user-account li a { font-size: 85%; color: #22396b; margin: 0; padding: 0}
div.vernav ul.user-account li a.act { font-size: 85%; color: #22396b; text-decoration: none; font-weight: bold}
div.vernav ul.user-account li a:hover { color: #22396b; text-decoration: none}

div.span-11 h3.udaje { position: absolute; top: -65px;}

div.login-sub-udaje { font-size: 0.85em; color: #213767; float: right; position: relative; top: -55px;}
div.login-sub-udaje a { color: #213767}
div.login-sub-udaje a:hover { color: #213767; text-decoration: none}

div.hornav { float: right; position: relative; top: -45px; }
div.hornav ul { list-style: none; padding: 0; margin: 0}
div.hornav ul li { float: left; text-align: center}
div.hornav ul li a { display: block; width: 155px; height: 41px; font-size: 85%; color: #22396b; text-decoration: none; background: url(/images/mstranky/graphics/bg-hornav.jpg) no-repeat; padding: 5px 0 0 0; margin: 0 0 0 3px}
div.hornav ul li a:hover, div.hornav ul li a.act { font-weight: bold; color: #22396b; text-decoration: none; background: url(/images/mstranky/graphics/bg-hornav-on.jpg) no-repeat}
div.hornav ul li a:hover { font-weight: normal}
div.hornav ul li a:hover.act { font-weight: bold}

a.act { text-decoration: none; font-weight: bold}


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


/* PORTALY */
/* Vytvorit portal */

div.container.portal { width: 918px; background: #ffffff url(/images/mstranky/graphics/bg-content-portal.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}

div.text { width: 640px; min-height: 200px; margin: 35px 0 0 0; padding: 0 0 0 25px; float: left; font-size: 85%; color: #666666}
div.thin-form { width: 380px; float:left; }
div.thin-form textarea { width: 360px; }
div.image-right { width: 245px; float:right; margin-left: 15px;}
div.r-column { float: left; width: 140px; height: 350px; margin: -20px 0 0 5px; padding: 0; position: relative}

ul.portal { list-style: none; margin: 0; padding: 0}
ul.portal li { font-size: 85%; margin: 3px 0; }
ul.portal li a { color: #22396b; font-weight: bold}
ul.portal li a:hover { text-decoration: none}

div.smsCredit	{ padding: 5px; margin: 10px 0;  border: 1px solid #DAD9D7; background-color: #F6F6F6; text-align: center;}

h1.portaly { position: relative; left: 90px; width: 400px; }


/* Wizard */
div.container.wizard { width: 918px; background: #ffffff url(/images/mstranky/graphics/bg-content-wizard.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}

table.wizard_list { width: 600px; border-spacing: 5px; border: 0 none; margin: 20px auto;}
table.wizard_list .caption td { width:50%; font-weight: bold; font-size: 14px; text-align: center; padding: 10px 4px 0 4px;}
table.wizard_list .caption td a { color: #22396B; }
table.wizard_list .caption td a:hover { text-decoration: none; }
table.wizard_list .comment td { text-align: justify;  padding: 0 8px 5px 8px; vertical-align: top;}

.wizard_page_hint { margin: 0 0 30px 0; }
textarea { width: 500px; height: 150px; }



/* editace portal */
table#data_table.app_edit { width: 660px; border: solid 1px #cecece; border-collapse: collapse; margin: 20px auto; padding: 0}
table#data_table.app_edit th { color: #FFFFFF; background: #659acc; padding: 5px 10px}
table#data_table.app_edit tr { border-bottom: solid 1px #cecece; font-size: 100%; color: #999999}
table#data_table.app_edit td.app_left { padding: 15px 5px; text-align: center}
table#data_table.app_edit td.app_right { padding: 15px 5px; text-align: left;}
table#data_table.app_edit td.action a { font-size: 85%; color: #666666; font-weight: normal}

table#data_table.app_edit a { color: #22396b; font-weight: bold}
table#data_table.app_edit a:hover { color: #22396b; font-weight: bold; text-decoration: none}

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

/* editace portal DETAIL */
div.container.editace { width: 918px; background: #ffffff url(/images/mstranky/graphics/bg-content-editor.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}

/* obsah osobnich stranek */
div.text label.label-w150 { font-size: 100%}
div.error-message { color:#FF0000}

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

/* footer */
div.footer { width: 868px; font-size: 0.75em; color: #333333; padding: 15px 25px 30px 25px; margin: 30px 0 0 0; border: none; background: #FFFFFF url(/images/mstranky/graphics/bg-footer.jpg) center 0 no-repeat}
div.footer a { color: #333333}
div.footer a:hover { color: #333333; text-decoration: none}
div.footer div.info { float: left}
div.footer div.copy { float: right}
p.mediatel {position: relative; top: -5px; left: 0px; float: left; overflow: hidden; width: 64px; height: 20px; margin: 0 5px 0 0; padding: 0; font-size: 1em}
p.mediatel span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.mediatel a span { background: url(/images/mstranky/graphics/mediatel.gif) no-repeat}

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

/* heslo */
div.container.heslo { width: 918px; background: #ffffff url(/images/mstranky/graphics/bg-content-plain.jpg) center top no-repeat; padding: 0; margin: 70px auto 0 auto; position: relative}


/* EDITOR */
/* Hlavni nastaveni */
div.vermenu { color: #666666; position: absolute; left: -10px; list-style: none}
div.vermenu ul li { display: block; float: left; margin: 0 2px 0 3px}
div.vermenu ul li a { font-size: 85%; color: #666666; padding: 5px 10px 5px 10px; height: 26px}
div.vermenu ul li a:hover { text-decoration: none; color: #666666}
div.vermenu ul li a.act, div.vermenu ul li a:hover.act { color: #22396b; background: url(/images/mstranky/graphics/bg-vermenu-on.jpg) repeat-x}

h1.edit { font-size: 160%; color: #000000; position: relative; left: 25px}
h1.editace, h1.udaje	{ position: absolute; top: 25px; left: 25px; }
p.form-message-100 { clear: left}
p.save-settings.editace { float: right}
form.edit { position: relative; top: -30px}

div.text.edit { position: relative; top: -40px}

/* editor page */
div.text.wide { width: 894px; padding: 0 0 0 15px; margin: 5px 0 0 0; background: #FFFFFF url(/images/mstranky/graphics/bg-text-wide.jpg) 12px top no-repeat}

/* EDITOR LEFT PART */
div.prepend-1 { background: #FFFFFF; margin: -20px 0 0 0; padding: 0; width: 244px; float: left}
div.pages { width: 244px; margin: 5px 0; background: #E9E9E9 url(/images/mstranky/graphics/bg-pages.gif) no-repeat; border: none; color: #22396b; font-size: 11px; position: relative;  z-index: 2;}
div.pages a { color: #22396b}
div.pages a.act { font-weight: bold; text-decoration: underline}
div.pages a:hover { color: #22396b; text-decoration: none}
div.pages-footer { width: 244px; height: 10px; background: url(/images/mstranky/graphics/bg-pages-footer.gif) left bottom no-repeat; float:left}

.pages .pages-title { color:#565656; font-weight:700; text-align:center;}
.pages ul { margin:0 4px; }
.pages ul li { border-left:1px dotted #CAE1AB; border-top:1px dotted #CAE1AB; cursor:pointer; list-style-type:none; margin:0; padding:0 0 0 2px; text-align:left; }
.pages ul li img { height:16px; padding-right:3px; vertical-align:middle; width:13px; }
.pages ul li.welcome img { height:16px; width:16px; }
.pages ul li.active { background-color:#F5F5F5; cursor:default; font-weight:bold; }
.pages ul li .page_actions { text-align:right; }
.pages ul li .page_actions span { border-bottom:1px dotted #000099; color:#0000CC; cursor:pointer; font-size:90%; font-weight:400; margin-left:3px; margin-right:3px; }
.pages .pages-actions { margin-top:7px; text-align:center; }

div.pages-title span { color: #22396b; font-size: 11px; float:left; padding: 10px 0 5px 10px}

p.publikovat {position: relative; overflow: hidden; width: 89px; height: 26px; margin: 22px 8px 0 0; padding: 0; font-size: 1em; float: left}
p.publikovat span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.publikovat a span { background: url(/images/mstranky/graphics/btn-publikovat.jpg) no-repeat}
p.publikovat a:hover span { background: url(/images/mstranky/graphics/btn-publikovat-on.jpg) no-repeat}
p.publikovat a { background: #CCCCCC; color: #000000; width: 152px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.publikovat a:hover { background: #999999}

p.ulozeno {position: relative; overflow: hidden; width: 69px; height: 26px; margin: 22px 8px 0 0; padding: 0; font-size: 1em; float: left}
p.ulozeno span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.ulozeno a span { background: url(/images/mstranky/graphics/btn-ulozeno.jpg) no-repeat}
p.ulozeno a:hover span { background: url(/images/mstranky/graphics/btn-ulozeno-on.jpg) no-repeat}
p.ulozeno a { background: #CCCCCC; color: #000000; width: 152px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.ulozeno a:hover { background: #999999}

p.zavrit {position: relative; overflow: hidden; width: 69px; height: 26px; margin: 22px 0 0 0; padding: 0; font-size: 1em; float: left}
p.zavrit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.zavrit a span { background: url(/images/mstranky/graphics/btn-ulozeno.jpg) no-repeat}
p.zavrit a:hover span { background: url(/images/mstranky/graphics/btn-ulozeno-on.jpg) no-repeat}
p.zavrit a { background: #CCCCCC; color: #000000; width: 152px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.zavrit a:hover { background: #999999}



/* EDITOR CENTER PART */
div.span-10 { float: left; position: relative; left: 10px; z-index: 0; }

/* EDITOR RIGHT PART */
div.span-7 { background: #FFFFFF; width: 217px; float: left; position: relative; left: 30px}
div.hint { background: #FFFFFF; border: none; width: 217px; padding: 0; margin: 0; text-align: center; }
div.con { background: #FFD595 url(/images/mstranky/graphics/bg-con.gif) left top no-repeat; width: 217px; padding: 10px 0 0 0; margin: 0; overflow: hidden; font-size: 12px }
div.con a { color: #000000}
div.con a:hover { color: #000000; text-decoration: none}
div.con-footer { width: 217px; height: 7px; background: url(/images/mstranky/graphics/bg-con-footer.gif) left bottom no-repeat; float: left}

div.command { background: none; border: none; text-align: left; color: #22396b; padding: 0 0 0 0}
div.command.top { height: 77px; background: url(/images/mstranky/graphics/bg-command-top.jpg) no-repeat; padding: 10px 0 0 0; margin: 30px 0 0 0}
div.command.bottom { background: url(/images/mstranky/graphics/bg-command-bottom.jpg) left bottom no-repeat; padding: 2em 0; position: relative; }
div.command a { text-decoration: underline; color: #22396b}
div.command a:hover { text-decoration: none; color: #22396b}
div.command a.orange { color: #fd9028}
div.command a:hover.orange { color: #fd9028}

div.emulator { padding: 23px 0 0 0}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* NAPOVEDA */


div.help			{ width: 346px; position: absolute; top: 75px; right: 250px; display: none; z-index: 200; }
div.help.help-pages	{ width: 346px; position: absolute; top: 0px; left: 0px; display: none; z-index: 200; }
div.help.help-themes{ width: 346px; position: absolute; top: 0px; right: 0px; display: none; z-index: 200; }
div.help.help-palette{ width: 346px; position: absolute; top: 30px; right: 4px; display: none; z-index: 200; }
div.help .top 		{ width: 346px; height: 43px; background: url("/images/mstranky/graphics/bg-help-top.png") no-repeat; line-height: 30px; color: #22396b; font-size: 12px; font-weight: bold; text-align: center; margin: 0;}
div.help .cross		{ position: absolute; top: 5px; right: 10px; cursor: pointer; }
div.help .content	{ width: 326px; padding: 1px 10px; margin: 0px; background: url("/images/mstranky/graphics/bg-help-center.png") repeat-y; text-align: justify; font-size: 12px; line-height: normal; _margin-top: -15px;}
div.help .bottom	{ width: 346px; height: 14px; background: url("/images/mstranky/graphics/bg-help-bottom.png") no-repeat; }

.imgHelp 		{ vertical-align: text-bottom; cursor: pointer; float: right; }
.imgHelp.pages	{ position: absolute; float:none; top:2px; right: 2px; z-index: 2;}

div.contactEditorShade		{ width: 100%; height: 100%; left:0; top:0; background-color:#ECE9D8; position:absolute; filter:alpha(opacity=80); opacity:0.80; -khtml-opacity:0.80; margin:0;}
div.contactEditor			{ width: 346px; position: absolute; top: 175px; left: 150px; z-index: 500; }
div.contactEditor .top 		{ width: 346px; height: 43px; background: url("/images/mstranky/graphics/bg-help-top.png") no-repeat; line-height: 30px; color: #22396b; font-size: 12px; font-weight: bold; text-align: center; margin: 0;}
div.contactEditor .cross	{ position: absolute; top: 5px; left: 320px; cursor: pointer; }
div.contactEditor .content	{ width: 326px; padding: 1px 10px; margin: 0px; background: url("/images/mstranky/graphics/bg-help-center.png") repeat-y; text-align: justify; font-size: 12px; line-height: normal; _margin-top: -15px;}
div.contactEditor .bottom	{ width: 346px; height: 14px; background: url("/images/mstranky/graphics/bg-help-bottom.png") no-repeat; }


/* OSTATNI */
h1 { font-size: 160%; color: #000000; position: relative; left: 30px; width: 600px; }
h1.krok { font-size: 12px; font-weight: bold; color: #000000; position: relative; top: -20px; left: 110px;}
h2.krok { font-size: 140%; color: #22396b; margin: 20px 0 0 25px; }
h3 { color: #22396b}

form .field { margin: 13px 0;}
form .field br { clear: both; }
form .field input {margin-right: 5px; }

input.text, select, textarea { margin: 0;}

hr { display: none}

.otherActions	{ margin-top: 20px; font-size: 85%; color: #666666; }


div.content		{ padding-left: 25px; width: 640px; margin-top: 20px; }

/* CLASS */

.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.dblue { color: #22396b; font-weight: bold}
.orange { color: #fd9028}
.error-message { font-size: 0.85em}



/* WND UPDATE */
.podminky {
	margin-right: 35px;
	margin-left: 5px;
    font-size:70%;
}

.center{
	text-align: center;
}