BODY	{ background-color: #ebfaff; font-family: "Trebuchet MS", "Helvetica", serif; font-size: 13px; padding: 0px; margin: 0px; }

#header		{ width: 900px; height: 40px; margin: 0 auto; padding: 20px 40px 20px 40px; background: #EAF9FE url("/images/mstranky/new/bg-header.png") no-repeat scroll; }
#content	{ width: 900px; margin: 0 auto; padding: 1px 40px 20px 40px; background: #EAF9FE url("/images/mstranky/new/bg-content.png") repeat-y scroll; position: relative; }
#footer		{ width: 900px; margin: 0 auto; padding: 40px; background: #EAF9FE url("/images/mstranky/new/bg-footer.png") no-repeat scroll top center; text-align: right; }

h1			{ color: #3b9cc7; margin: 20px 0 15px 0; font-size: 34px; text-transform: uppercase; }
h2			{ color: #7bd035; margin-top: 30px; margin-bottom: 5px; font-size: 26px; text-transform: uppercase; }
h3			{ color: #7bd035; margin-top: 25px; margin-bottom: 5px; font-size: 20px; text-transform: uppercase; }

hr			{ background-color: #ebfaff; width: 100%; height: 1px; border: 0 none; margin-bottom: 20px; }
a			{ color: #3b9cc7; }
p			{ margin: 12px 0; line-height: 1em; }
img			{ border: 0 none; }

ul			{ padding-left: 20px; }
ul li		{ list-style-type: none; list-style-image: url("/images/mstranky/new/bullet.png"); padding: 5px; }

/* HEADER */
h3#logo 		{ overflow: hidden; width: 105px; height: 26px; margin: 0; padding: 0; font-size:1.5em; position: relative; }
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;}

#header .menu			{ float: right; line-height: 26px; color: #9dcee3; }
#header .menu a			{ color: black; text-decoration: none; text-transform: uppercase; }
#header .menu a:hover 	{ text-decoration: underline; }
#header .menu strong	{ color: black; }

/* FOOTER */

div#footer div.info { float: left}
div#footer div.copy { float: right}

/* INDEX */

.index-left 	{ width: 620px; float: left; }
.index-right	{ width: 260px; float: right; }

.login			{ width: 220px; height: 278px; padding: 1px 20px; margin-top: 25px;  background-image: url("/images/mstranky/new/background-login.png"); position: relative; }
.forgot			{ position: absolute; left: 0px; bottom: 10px; width: 260px; font-size: 12px; text-align: center;}
label.remember	{ font-size: 12px; }

#s1		{ width: 275px; height: 198px; padding: 30px 35px 10px 310px; font-size: 12px; background: transparent url("/images/mstranky/new/mobiles.png") no-repeat scroll; font-size: 32px; text-align: right; }
#s2		{ width: 315px; height: 198px; padding: 30px 35px 10px 280px; font-size: 12px; background: transparent url("/images/mstranky/new/sms.png") no-repeat scroll; }
#s3		{ width: 370px; height: 198px; padding: 30px 240px 10px 10px; font-size: 12px; background: transparent url("/images/mstranky/new/mobile-pages.png") no-repeat scroll; position: relative; }

#s3 h2	{ margin-top: 10px; }
.registration	{ margin-top: 20px; }

.index-buttons	{ margin: 5px 0; }
.mobile-pages,
.sms-marketing	{ width: 310px; height: 43px; margin: 0; padding: 0; border: 0 none; background-color: transparent; font-size: 18px; }
.mobile-pages	{ background-image: url("/images/mstranky/new/button-green.png"); }
.sms-marketing	{ background-image: url("/images/mstranky/new/button-blue.png"); }

h2.tools			{ color: #3b9cc7; height: 45px; line-height: 45px; padding-left: 75px; background: transparent url("/images/mstranky/new/tools.png") no-repeat scroll center left; }

.underlined		{ border-bottom: 1px solid #EBFAFF; padding-bottom: 5px;  margin-bottom: 20px; }

table.tools-table			{ margin: 0; padding: 0; }
table.tools-table td.icon 	{ vertical-align: middle; text-align: center; width: 75px;}
table.tools-table td		{ padding: 5px 0; }
.tools-caption				{ font-size: 14px; text-transform: uppercase; color: #3b9cc7; }


table.features-table		{ width: 100%; text-align: center; }
table.features-table td		{ width: 25%; padding: 10px; }
table.features-table .description	{ color: #3b9cc7; text-transform: uppercase; }



/* registrace */

table.registrace-top { padding: 0; margin: 20px 0 0 0; border-collapse: collapse; position: relative; width: 100%; }
table.registrace-top td { padding: 0 20px 10px 0; vertical-align:top; width: 50%; }
table.registrace-top .regtype	{ font-size: 18px; text-transform: uppercase; }

table.registrace-bottom	{ padding: 0; border-collapse: collapse; width: 100%;}
table.registrace-bottom td { padding: 0 0 10px 0; vertical-align: top; }
.cena			{ font-size: 16px; color: #7bd035; }




/* FORMS */

.field	{ margin: 14px 0; }
label	{ font-size: 14px; }

FIELDSET 	{ border: 0px solid #CECECE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
legend		{ font-size: 16px; color: #7bd035; }

label, input, select, button	{ vertical-align: middle; }
.login input.text	{ width: 210px; height: 25px; line-height: 25px;  padding: 5px;  border: 0 none;  background-image: url("/images/mstranky/new/input.png");}
input.text,
select, textarea,
input[type="file"]{ border: 1px solid #CECECE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; background-color: white; width: 200px; }

input.text			{ width: 200px;}
input.w150			{ width: 150px; }
input.w350			{ width: 350px; }
select				{ width: 210px;}
select.w150			{ width: 160px; }
select.w350			{ width: 360px; }
.label-w150			{ width: 150px; display: inline-block; }

input.inputError	{ background-color: #FFDADA; }

input[type='checkbox']	{ vertical-align: bottom; }

input.file-margin	{ margin-bottom: 5px; }

.required			{ font-weight: bold; }

button				{ background-color: #58AACF; text-transform: none; font-size: 14px; padding: 3px 5px; border: 1px solid #CECECE;  margin: 2px; color: white; }
button.disabled 	{ background-color: #CCCCCC; color: #EDEDED; }
button.dispozici 	{ margin-left: 10px; }

.button.small,
button.small,
.button.big,
button.big		{ color: white; text-transform: uppercase; border: 0 none; padding: 0; font-size: 18px; height: 43px;  margin: 0; background-color: transparent; cursor: pointer; }
.button.small,
.button.big		{ text-align: center; display: inline-block; text-decoration: none; line-height: 43px; }

.button.small,
button.small	{ width: 168px; background-image: url("/images/mstranky/new/button-login.png"); }

.button.big,
button.big		{ width: 250px; background-image: url("/images/mstranky/new/button-250.png"); }

button.inline,
.button.inline { margin-left: 15px; vertical-align: middle; }

button.inline-s	{ vertical-align: middle; }

.form-message-150 { margin-left: 150px; }

.instrukce		{ color: #828282; display: block; font-size: 12px; }
.error-message	{ color: #DB0000; font-size: 12px;}

.error			{ padding: 5px; border: 1px solid  #DB0000; background-color: #FFDADA; color: #DB0000; margin: 3px 0;  }
.warn			{ padding: 5px; border: 1px solid  #d4d400; background-color: #ffffcc; color: #d4d400; margin: 3px 0;  }
.success		{ padding: 5px; border: 1px solid #285200; background-color: #EEFFEE; color: #285200; margin: 3px 0; }


.thin-form		{ float: left; width: 370px; }
.image-right	{ float: left; width: 250px; }
/* TABLES */

table.table				{ border: 1px solid #BCEDFE; margin: 14px 0; padding: 0px; border-collapse: collapse; width: 100%; }
table.table th			{ background: #EAF9FE url("/images/mstranky/new/th-background.jpg") repeat-x scroll bottom; padding: 5px 8px; border-bottom: 1px solid #BCEDFE; }
table.table .caption	{ font-weight: bold; }
table.table td			{ padding: 5px 8px; }

/* NAPOVEDA */


div.help			{ width: 350px; position: absolute; top: 20px; right: 0; display: none; z-index: 200; }
div.help.help-pages	{ width: 350px; position: absolute; top: 0px; left: 0px; display: none; z-index: 200; }
div.help.help-themes{ width: 350px; position: absolute; top: 0px; right: 0px; display: none; z-index: 200; }
div.help.help-palette{ width: 350px; position: absolute; top: 30px; right: 4px; display: none; z-index: 200; }
div.help div.top	{ width: 350px; height: 43px; background: url("/images/mstranky/new/bg-help-top.png") no-repeat; line-height: 43px; color: #222222; font-size: 12px; font-weight: bold; text-align: center; margin: 0;  padding: 0; }
div.help .cross		{ position: absolute; top: 10px; right: 10px; cursor: pointer; }
div.help .content	{ width: 310px; padding: 1px 20px; margin: 0px; background: url("/images/mstranky/new/bg-help-center.png") repeat-y; text-align: justify; font-size: 12px; line-height: normal;} /*  */
div.help .bottom	{ width: 350px; height: 19px; background: url("/images/mstranky/new/bg-help-bottom.png") no-repeat; }

.imgHelp 		{ vertical-align: text-bottom; cursor: pointer; position: absolute; top: 20px; right: 0; }
.imgHelp.pages	{ position: absolute; 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: 350px; position: absolute; top: 175px; left: 150px; z-index: 500; }
div.contactEditor .top 		{ width: 350px; height: 43px; background: url("/images/mstranky/new/bg-help-top.png") no-repeat; line-height: 43px; color: #222222; font-size: 12px; font-weight: bold; text-align: center; margin: 0; padding: 0; }
div.contactEditor .cross	{ position: absolute; top: 10px; right: 10px; cursor: pointer; }
div.contactEditor .content	{ width: 310px; padding: 1px 20px; margin: 0px; background: url("/images/mstranky/new/bg-help-center.png") repeat-y; text-align: justify; font-size: 12px; line-height: normal; }
div.contactEditor .bottom	{ width: 350px; height: 19px; background: url("/images/mstranky/new/bg-help-bottom.png") no-repeat; }

/* POMOCNE */

.clear	{ clear: both; }
.center, th.center	{ text-align: center; }
.left, th.left		{ text-align: left; }
.right, th.right	{ text-align: right;  }

.blue		{ color: #3b9cc7; }
.green		{ color: #7bd035; }

.hmargin	{ margin-left: 15px; margin-right: 15px; }
.vmargin	{ margin-top: 15px; margin-bottom: 15px; }