html,body {margin:0;padding:0}
body {font:14px sans-serif;color:#32353a;background:#0089d1;text-align:center}
body,td {font:14px sans-serif;color:#000;line-height:21px}
a {font:14px sans-serif;color:#f27321;text-decoration:none}
a:hover {font:14px sans-serif;color:#fbce0f;text-decoration:none}

h2 {font:29px sans-serif;text-align:left;text-indent:0px;margin:25px 0 15px;padding:0 0 10px;border-bottom:2px solid #4893d0}
h3 {font:21px sans-serif;text-align:left;text-indent:0px;margin:0 0 15px;padding:0 0 10px;border-bottom:2px solid #4893d0}

.txl {text-align:left}
.txc,td.txc {text-align:center !important}
.txr {text-align:right}
.txv {vertical-align:top}
.left {float:left}
.right {float:right}
.clear {clear:both}

.white {color:#fff}

.center {text-align:center;width:100%;position:absolute;left:0;top:12%}
.message {margin:0 auto;padding:15px;background:#fefafa url('images/error.gif') no-repeat 10px center;border:2px #cc0000 solid;width:380px;cursor:pointer}
.message:hover {border-color:#ff0000}
.message p {width:310px;margin:0 auto}
.error {color:#ff0000}

hr {color:#4893d0;background:#4893d0;height:2px;border:0}
img,a img {border:0}

/*login*/
#loginbox {text-align:center;width:380px;background:url('images/login-mid.png') repeat-y 0 0;margin:30px auto 0}
#loginbox form {background:url('images/login-top.png') no-repeat 0 0;width:100%;padding:25px 0 0}
#loginbox label {float:left;padding-top:7px}
#loginbox input {float:right}
#loginbox h3 {width:320px;margin:0 auto 15px}
#loginbox {}
#loginbox img {margin:40px 0 0}
#loginbox p {height:45px;margin:0 0 0px}
#loginbox p.buttons {width:320px;margin:0 auto 2px;border-top:0px #4893d0 solid}
#loginbox .buttons input {float:none}

#login-bottom {font-size:11px;color:#4893d0;background:url('images/login-bottom.png') no-repeat 0 0;width:380px;height:70px;}
#login-bottom .left {margin:20px 0 0 30px}
#login-bottom .right {word-spacing:10px;margin:20px 30px 0 0}
#login-bottom a,#login-bottom a:hover {font-size:11px}


#root {width:85%;margin:20px auto 0}

/*head*/
#head {text-align:left;width:100%;}
#head ul,#head li {list-style:none;margin:0;padding:0;float:left;}
#head ul {width:100%;background:#054176;}
#head li {border-right:1px #0089d1 solid}
#head li a,#head li a:hover {display:block;padding:10px 20px;}
#head li a:hover {background:#4893d0;}

.div_itop {color:#fff;text-align:right;}


/*home*/
#home {text-align:justify;width:700px;margin:0 auto}

/*content*/
#content {background:#fff;padding:25px}

.maintable {width:100%}
table.maintable th {color:#fff;text-align:left;background:#4893d0;padding:5px}
table.maintable td {text-align:left;border-bottom:1px #eee solid;padding:0 5px}
.maintable img {margin:1px 5px 0 0;display:block;float:left}
table.maintable tr:hover {background:#f8f8f8}
th.options {width:150px}

.fieldset-box {text-align:center;width:400px;margin:90px auto 50px}


/*pager*/
table.maintable .pager td {padding:10px 0}
.pager td a,.pager tda:hover {border:1px #eee solid;display:block;float:left;padding:3px}
.pager td a:hover {background:#4893d0;border:1px #4893d0 solid;}
.pager td a.current,td.pager a.current:hover {color:#4893d0;background:#fff;border:1px #4893d0 solid;}
table.maintable tr.pager:hover {background:none}

/*gallery*/
#gal-root {background:#fff;margin:20px;padding:20px}
#gal-root h2 {margin-top:0}
.thumb {width:60px;float:left;margin:0 10px 10px 0;}
.thumb img {width:60px;height:60px;display:block}
.thumb a,.thumb a:hover {font-size:11px;color:#fff;background:#cc0000;display:block}
.thumb a:hover {color:#cc0000;background:#fff;display:block}

/*foot*/
.foot {font-size:12px;color:#fff;text-align:center;background:#054176;
border-top:15px solid #f27321;border-bottom:15px solid #4893d0;padding:20px 0;width:100%}

.foot a,.foot a:hover {font-size:12px;color:#fff}
.foot a:hover {}


/*form*/
form table {margin:0 auto;padding:0;background:none;border:1px #ccc solid}
form table td {font:14px sans-serif;color:#32353a}

form {font:14px sans-serif;color:#000;margin:0}

input,select,textarea,.button,.button:hover {font:14px sans-serif;color:#000;background:#fff;border:1px #054176 solid;margin:0;padding:6px;-moz-border-radius:3px}
textarea {line-height:19px;width:97.5%;height:80px}
input:hover,select:hover,textarea:hover {background:#fff;border:1px #fbce0f solid;}
input:focus,select:focus,textarea:focus {background:#fefaf6;border:1px #f27321 solid;}

.multiple {width:99.8%;height:300px}

fieldset {text-align:left;margin:0 auto 15px;padding:10px;border:1px #ccc solid;-moz-border-radius:4px}
legend {font-size:16px;font-weight:bold}

.button,.button:hover {font:bold 14px sans-serif;color:#fff;text-align:center;border:1px #f27321 solid;background:#f27321;padding:6px 15px;cursor:pointer}
.button:hover,.button:focus {color:#000;border:1px #f27321 solid;background:#fbce0f}

.button.red,.button.red:hover {color:#fff;border:1px #cc0000 solid;background:#cc0000}
.button.red:hover,.button.red:focus {color:#cc0000;border:1px #cc0000 solid;background:#fefafa}

.inputalert {font-size:11px;color:#4b4b4b;border:1px solid #cc0000;background:#fff}

.noborder {border:0;background:none;width:14px;height:14px}
#tresc_tbl,#tresc_gal_tbl {border:1px #ccc solid;padding:10px}
table,#tresc_tbl,#tresc_gal_tbl {-moz-border-radius:4px}

/*kreator mailingu*/
.wizard-table {}
.wizard-table input.title {width:97.5%}


/* alert_box --------------------------------------------------*/
#alertbox {text-align:left;width:350px;margin:0 auto;background:#fff;border:2px #ff0000 solid;-moz-border-radius:4px;
position:absolute;z-index:999;padding-bottom:15px;top:20%;left:40%;cursor:pointer}
#alertbox p {font:bold 17px sans-serif;color:#fff;text-align:center;background:#ff0000;margin:0 0 20px;width:350px;padding:10px 0}
#alertbox div {font:bold 12px sans-serif;color:#000;text-align:center}
#alertbox #panelbox p {font:bold 17px sans-serif;color:#fff;text-align:center;background:#ff0000;margin:0 0 20px;width:344px;padding:10px 0}

.hidden {display:none}