/* Created by Fresh DESIGN */

/* FLOAT - CLEAR - ODTRZITKA */
.flLeft { float: left;}
.flRight { float: right;}
.clear { clear: both;	padding: 0px;	margin: 0px;}
.clnr {	clear: both; line-height: 0px;	font-size: 0px;	padding: 0px;	margin: 0px;}
.odtrz-bold {	line-height: 0px;	font-size: 0px;	/* MODRA TLUSTA LINKA */}
.odtrz-lite {	line-height: 0px;	font-size: 0px;	/* MODRA TENKA LINKA */}


/* NADPISY */
h1,h2,h3,h4,h5,h6 {letter-spacing: -1px;}
h1 {font-size: 18px;}
h2 {font-size: 16px;	font-weight: bold;}
h3 {font-size: 14px;	font-weight: bold;}
h4 {font-size: 12px;}


/* LAYOUT */
html {min-width: 760px;}

body {margin: 0px;padding: 0px;	height: 100%;}

body, td, th, p {	font-family: verdana,tahoma,sans-serif;	font-size: 8pt;}
a {	font-family: verdana,tahoma,sans-serif;	font-size: 8pt;	text-decoration: underline;}
a:hover {	text-decoration: none;}
p {	margin: 0px;	padding: 0px;}


/* MAIN */
#MAIN {	margin: auto;	padding: 0px;}

/* HEAD*/
#HEAD {	height: 90px;	margin: 0px;	padding: 0px;}
#LOGO {	background: url(../img/logo.png) no-repeat;	width: 210px;	height: 90px;	margin: 0 0 0 10px;	padding: 0px;	float: left;}
#LOGO-SMARC {	background: url(../img/logo_smarc.png) no-repeat 0px 20px; width: 260px;	height: 90px;	margin: 0px;	padding: 0px;	float: right;}

/* TOP MENU*/
#TOP-MENU {	margin: 0px;padding: 10px 20px 10px 20px;}
#TOP-MENU .podm-backgr {background: url(../img/top-podmenu_backgr.png) repeat-x 0px 2px;	width: 100%;	height: 27px;	margin: 2px 0 0 0;	padding: 0px;}
.podm-backgr .left {background: url(../img/top-podmenu_left.png) no-repeat;	width: 10px;	line-height: 25px;	margin: 2px 0 0 0;	padding: 0px;	float: left;}
.podm-backgr a {font-weight: bold;	letter-spacing: -1px;	margin: 5px 10px 0 0;	padding: 0 20px 0 0;	line-height: 18px;	float: left;}
.podm-backgr .right {	background: url(../img/top-podmenu_right.png) no-repeat;	width: 10px;	line-height: 25px;	margin: 2px 0 0 0;	padding: 0px;	float: right;}

#TOP-MENU .spacer-backgr {background: url(../img/top-menu_backgr_s.png) repeat-x;	text-align: right;	width: 100%;	height: 25px;}
#TOP-MENU .spacer-left {background: url(../img/top-menu_left_s.png) no-repeat;	width: 10px;	line-height: 25px;	float: left;}
#TOP-MENU .spacer-right {	background: url(../img/top-menu_right_s.png) no-repeat;	width: 10px;	line-height: 25px;	float: right;}
#TOP-MENU .log {line-height: 25px;	float: right;}
#TOP-MENU  a.logout {	background: url(../img/ico_logout.png) no-repeat 0px 3px;	font-weight: bold;	line-height: 25px;	width: 20px;	text-decoration: none;	margin-left: 10px;	display: block; float: right;}
#TOP-MENU  a:hover.logout {	background: url(../img/ico_logout_a.png) no-repeat 0px 3px;	text-decoration: none;}
#TOP-MENU .button-act {	text-align: left;	line-height: 25px;	width: 122px;	float: left;}

.button-act .left{	background: url(../img/top-menu_left_act.png) no-repeat;	width: 10px;	line-height: 25px;	float: left;}
.button-act .right {	background: url(../img/top-menu_right_act.png) no-repeat;	width: 10px;	line-height: 25px;	float: left;}
.button-act a {	background: url(../img/top-menu_backgr_act.png) repeat-x;	font-weight: bold;	font-size: 10pt;	line-height: 25px;	width: 100px;	padding: 0px;	text-decoration: none;	display: block;	float: left;}
.button-act a:hover {	text-decoration: none;}

#TOP-MENU .button-n {	text-align: left;	line-height: 25px;	width: 122px;	float: left;}
.button-n .left{background: url(../img/top-menu_left_n.png) no-repeat;	width: 10px;	line-height: 25px;	float: left;}
.button-n .right {	background: url(../img/top-menu_right_n.png) no-repeat;	width: 10px;	line-height: 25px;	float: left;}
.button-n a {	background: url(../img/top-menu_backgr_n.png) repeat-x;	font-weight: bold;	font-size: 10pt;	text-decoration: none;	line-height: 25px;	width: 100px;	padding: 0px;	float: left;	display: block;}
.button-n a:hover {	text-decoration: none;}

#NADP-BOX  {	vertical-align: middle;	height: 40px;	margin: 0 20px 0 0;	padding: 0 0 10px 0;}
html>body #NADP-BOX  {	margin: 0 20px 0 0;}
#NADP-BOX h1.klient {	background: url(../img/ico_klient_b.png) no-repeat 5px 0px;	vertical-align: middle;	line-height: 40px;	margin: 0px;	padding: 0 0 0 50px;}
#NADP-BOX h1.mail {	background: url(../img/ico_mail_b.png) no-repeat 5px 0px;	vertical-align: middle;	line-height: 40px;	margin: 0px;	padding: 0 0 0 50px;}


/* CONTENT */
#CONTENT {	margin: 0px;	padding: 10px 0px 10px 0px;	}
#TABLE-SIZE {	width: 100%;}

/* LEFT CONTENT */
#LEFT-CONTENT {	vertical-align: top;	width: 23%;	max-width: 200px;	padding-left: 20px;	padding-right: 10px;}

/* LEVE HORNI MENU */
#LEFT-CONTENT .menu-top {	padding: 0 0 5px 0;	margin: 0 0 5px 0;	min-width: 170px;	width: 97%;}
.menu-top p {	background: url(../img/top-menu_backgr_s.png) repeat-x;	font-weight: bold;	line-height: 25px;	letter-spacing: -1px;	padding: 0 0 5px 10px;	margin: 0px;	display: block;}
.menu-top a {	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	line-height: 24px;	padding: 0 0 0 26px;	margin: 4px 0 4px 3px;	display: block;}
.menu-top a:hover {	text-decoration: none;}
.menu-top a:active {text-decoration: none;}

/* IKONY HORNI CASTI LEVEHO MENU */
/* staci skopirovat stav "a" a "a:hover" prejmenovat na novou vlastni tridu, prejmenovat a tim prolinkovat novou ikonu. Tim je vytvorena nova polozka horni casti LEVEHO MENU s ikonou... */
.menu-top a.pridat {background: url(../img/ico_pridat.png) no-repeat;}
.menu-top a:hover.pridat {	background: url(../img/ico_pridat.png) no-repeat #F0F6FA;}
.menu-top a.seznam {	background: url(../img/ico_seznam.png) no-repeat;}
.menu-top a:hover.seznam {	background: url(../img/ico_seznam.png) no-repeat #F0F6FA;}
.menu-top a.new-mail {	background: url(../img/ico_new_mail.png) no-repeat;}
.menu-top a:hover.new-mail {background: url(../img/ico_new_mail.png) no-repeat #F0F6FA;}
.menu-top a.sezn-mailu {background: url(../img/ico_sezn_mailu.png) no-repeat;}
.menu-top a:hover.sezn-mailu {background: url(../img/ico_sezn_mailu.png) no-repeat #F0F6FA;}
.menu-top a.new-sms {	background: url(../img/ico_new_sms.png) no-repeat;}
.menu-top a:hover.new-sms {	background: url(../img/ico_new_sms.png) no-repeat #F0F6FA;}
.menu-top a.sezn-sms {	background: url(../img/ico_sezn_sms.png) no-repeat;}
.menu-top a:hover.sezn-sms {	background: url(../img/ico_sezn_sms.png) no-repeat #F0F6FA;}


/* DOLNI CAST LEVEHO MENU */
#LEFT-CONTENT .menu-down {	padding: 0 0 5px 0;	margin: 0px;	min-width: 170px;	width: 97%;}
.menu-down p {	background: url(../img/top-menu_backgr_s.png) repeat-x;	font-weight: bold;	line-height: 25px;	letter-spacing: -1px;	padding: 0 0 5px 10px;	margin: 0px;	display: block;}
.menu-down a {	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	line-height: 24px;	padding: 0 0 0 26px;	margin: 2px 0 2px 3px; display: block;}

/* IKONY DOLNI CASTI LEVEHO MENU */
/* staci skopirovat stav "a" a "a:hover" prejmenovat na novou vlastni tridu, prejmenovat a tim prolinkovat novou ikonu. Tim je vytvorena nova polozka dolni casti LEVEHO MENU s ikonou... */
.menu-down a.zakazn {	background: url(../img/ico_nova_polozka.png) no-repeat;}
.menu-down a:hover.zakazn {	background: url(../img/ico_nova_polozka.png) no-repeat #F0F6FA;}
.menu-down a.kampan {	background: url(../img/ico_nova_kampan.png) no-repeat;}
.menu-down a:hover.kampan {	background: url(../img/ico_nova_kampan.png) no-repeat #F0F6FA;}
.menu-down a.vyhledat {	background: url(../img/ico_vyhledat.png) no-repeat;}
.menu-down a:hover.vyhledat {	background: url(../img/ico_vyhledat.png) no-repeat #F0F6FA;}
.menu-down a.zaznam {	background: url(../img/ico_zaznam.png) no-repeat;}
.menu-down a:hover.zaznam {	background: url(../img/ico_zaznam.png) no-repeat #F0F6FA;}
.menu-down a.sms {background: url(../img/ico_sms.png) no-repeat;}
.menu-down a:hover.sms {background: url(../img/ico_sms.png) no-repeat #F0F6FA;}


/* RIGHT CONTENT */
#RIGHT-CONTENT {	vertical-align: top;	width: 73%;	padding-left: 15px;	padding-right: 20px;}
#RIGHT-CONTENT h4 {	background: url(../img/top-menu_backgr_s.png) repeat-x;	font-size: 10pt;	font-weight: bold;	line-height: 25px;	letter-spacing: 0px;	padding: 0 0 0 10px;	margin: 0px;}
#RIGHT-CONTENT .navig {	height: 24px;	padding: 0 10px 0 10px;}
.navig a {	font-weight: bold;	line-height: 14px;	width: 14px;	text-align: center;	text-decoration: none;	margin-top: 5px;	display: block;	float: left;}
.navig span {	text-align: center;	line-height: 24px;	width: 120px;	display: block;	float: left;}

table.table-items {	width: 100%;}
.table-items a {text-decoration: underline;}
.table-items td {font-size: 8pt;vertical-align: middle;	height: 20px;	padding: 0 5px 0 5px;}
.table-items thead {line-height: 20px;}
.table-items th {	font-weight: bold;	text-align: left;	padding: 0 5px 0 5px;}


/* IKONY V TABULCE */
a.del {	background: url(../img/ico_delete.png) no-repeat 0px 3px;	line-height: 20px;	width: 12px;	text-decoration: none;	display: block;}
a.tarif {	background: url(../img/ico_tarify.png) no-repeat 0px 3px;	line-height: 20px;	width: 12px;	text-decoration: none;	display: block;}
a.fakt {	background: url(../img/ico_faktury.png) no-repeat 0px 3px;	line-height: 20px;	width: 12px;	text-decoration: none; display: block;}
a.login {	background: url(../img/ico_login.png) no-repeat 0px 3px;	line-height: 20px;	width: 12px;	text-decoration: none;	display: block;}

/* FOOTER */
#FOOTER {	height: 22px;	margin: 10px 0 0 0;	padding: 0px 20px 0 20px;	}
#FOOTER .powered {	line-height: 22px;	float: right;}
#FOOTER .copyr {	line-height: 22px;	float: left;}
#FOOTER a {	font-weight: bold;	text-decoration: underline;}
#FOOTER-END {	height: 36px;	margin: 0px;	padding: 0px;	}


/* ZAVIRANI A OTEVIRANI BLOKU OBSAHU */
.close-block {	padding: 10px 0 10px 0;}
a.close {	font-family: Arial, Helvetica, sans-serif;	line-height: 14px;	display: block;	padding: 0 10px 0 25px;}
/* AKTIVNI PODBARVENI BLOKU*/
div.actpole {	padding: 10px 0 10px 0;}
div.noactpole {	padding: 10px 0 10px 0;}

/*login stránka - přihlašovací okno*/

#logMain { width: 100%; height: 100%; text-align: center; margin: auto;}
#logPole { text-align: left; /*border: solid 1px #000;*/ background: url(../img/log-bg.gif) no-repeat; width: 220px; /*height: 170px;*/ margin: auto; padding: 160px 40px 10px 40px;}
#logPole form { /*border: solid 1px #000;*/ margin: 0px; padding: 0px;}
#logPole p#copyr { color: #A9A9A9; text-align: center; margin: 0px; padding: 75px 0 0 0;}
#logPole table { }
#logPole table td { color: #000; font-size: 14px; letter-spacing: -1px; padding: 3px; font-weight: bold;}
#logPole table td #inp01 { width: 120px;}
#logPole table td #inp02 { width: 100px;}
#logPole table td #inp03 { width: 60px; font-weight: bold; font-size: 80%; padding: 2px 5px; margin-top: 10px;}
#logPole table td#line { border-right: solid 1px #fff; }