/*------------------------
  Zakladni elementy masky
  ------------------------*/
  
/* styly pro clanek + obecne pro a pozadi a elementy */
@import url("webedit.css");
/* galerie */
@import url("gallery2.css?ver=2"); 
/* Formatovani obecnych formularu, vcetne kliklych a chybovych stavu */
@import url('forms.css?version=3');
/* info cookie */
@import url('cookie-alert.css');


#all {width:760px; margin:auto; padding-top:89px;}
#main {width:760px; margin:0 auto 0 auto; }
#logo {position:absolute; top:56px;  margin-left:25px;}
#div-separator { width:750px; height:0px; font-size:0px; clear:both; line-height:0px;}
.div-clear {clear: both; font-size: 0; height: 1px; width:1px;}
#top-text {
 position:absolute; top:0px; padding-left:162px; padding-top:29px; width:429px; height:50px; margin:25px 0 0 152px;
 color:#A4A4A4; font-size: 25px; font-style: italic; line-height:100%;}
 #top-text span {font-size: 25px; display: inline;}
.top-text-cz { background: url('picture/mask/themes/15-let-cz.gif') 0 0 no-repeat; }
.top-text-en { background: url('picture/mask/themes/15-let-en.gif') 0 0 no-repeat; }



/*-----------------------------------
  Hlavni bloky v masce home a default
  ----------------------------------*/
.default-f, .home-f { height:402px;}
#content-home {width:760px;}
#content-home {background:url('picture/mask/bg-content-home.gif') 0 0 repeat-y;}
#content-home #contleft  {float:left; width: 152px; padding-bottom:30px;}
#content-home #contcent {float:left;width: 152px; height:414px;}
#content-home #contright {float:right; width: 456px; }
#content-home #contright ul {margin:20px 0 0 0;}

#content-home #contleft #usr-opinion {padding-top:1px;}

#content {float:left; width:760px;}
#content {background:url('picture/mask/bg-content.gif') 0 0 repeat-y;}
#content #contleft {float:left; width: 152px; padding-bottom:55px;}
#content #contcent {float:left;width:152px;height:414px;}
#content #contright {float:right; width:454px;padding-bottom:30px;}

.h2, .h5 { display:block; }

#contleft .h5,
#contleft h2, #contleft h5,.h5 {margin-bottom: 11px; color:#737373;}
#contleft h5.title {margin-top: 44px;}
#contleft .h5,
#contleft h5 {margin:31px 7px 0px 4px; padding:0 0 4px 14px; background-position:-10px bottom; font-size:100%;}
#contright ul.reference { padding-left:20px; }
#contright ul.reference li { padding-left:0; background:transparent;}
#contright ul.reference img.decoration { float:left; display:block; margin-right:4px; margin-top:4px; border:1px solid #EBEBEB; }
#contright ul.reference a { margin:0 0 0 1px; padding:0; background:none; }
#contright ul.reference p { float:left; width:360px; margin-left:1px;padding-left:0; }
#contright ul li { list-style-type:none; background:url('picture/mask/arrow-link.gif') 0 5px no-repeat;}
#contright .h5 {padding-left: 20px;}

{
display:block; 
/*font-size:16px; */
font-size:100%; 
font-weight:bold; 
color:#965F05; 
padding-top:48px; 
margin-right: 5px; 
margin-left: 10px; 
line-height:21px; 
}
.home-f span {font-size:16px;}
#topic-space {width:0px; height:0px; margin-bottom:135px; line-height:0px;}
p#home {position:absolute; top:0px; padding:0 0 0 0px; width:152px; /*font-size:12px; */font-size:100%; margin:145px 0 0 0;}
p#home img {float:left;}
p#home img, p#home a {margin-top:6px;}
p#home a {margin:2px 0 0 0 !important;float:left; display:block; /*font-weight:bold;*/ color:#000; font-weight: normal; text-decoration:none; padding:1px 0 2px 18px; width:134px;
background:#E2E2E2 url('picture/mask/menu-li-bg.gif') 5px 3px no-repeat;}
p#home a:hover {text-decoration:underline; }
#article-home {padding:0 10px 0 20px;}
#article-home ul {padding:0px; padding-left: 12px; margin-left:0px;}
#article-home li
{
 list-style:none;
 background:url('picture/mask/arrow-link.gif') 0 4px no-repeat; padding-left:13px;
 /*background: url('picture/mask/li-dot.gif') 2px 8px no-repeat;*/
 line-height:18px;
 margin:0px;
}
#article {padding:5px 10px 14px 20px;}
#article p {margin-top:0px; margin-bottom: 1em;}
#contright div.home {padding-left:2px;}

/* * * * * * *
 * Mapa webu *
 * * * * * * */

#mod-webmap {padding: 0 0 0 30px;}
#mod-webmap a {text-decoration: none;}
#mod-webmap a:hover {text-decoration: underline;}
#mod-webmap ul {margin: 0; padding: 0; list-style-type: none;}
#mod-webmap img {margin-right:5px;}
#mod-webmap li {margin: 0; padding: 2px 0px 2px 0px;}
#mod-webmap li.pad-left {padding-left:14px;}
#mod-webmap li.item-submenu {background: #fff;}
#mod-webmap li.item-submenu ul {
    padding-left: 2.5em;
    background-image: url("picture/menutree/line.gif");
    background-position: left;
    background-repeat: repeat-y;
}
#mod-webmap a, #mod-webmap h2, #mod-webmap h3, #mod-webmap h4, #mod-webmap h5, #mod-webmap h6 {font-size: 100%; margin: 0; padding: 0; display: inline; font-weight:normal;}
#mod-webmap h2 {padding-top: 0.5em;}
#mod-webmap h2 a {font-weight: bold;}
#mod-webmap a.bt img {margin-right: 0.5em;}
#mod-webmap h2 a, #mod-webmap h3 a {font-weight: bold;}
#mod-webmap h4 a, #mod-webmap h5 a, #mod-webmap h6 a, #mod-webmap a {font-weight: normal;}


/*------------------------
  Novinky
  ------------------------*/
#contright #news-home {padding-top:2px;}
#news-home {padding:10px 10px 0 32px;}
#news-home p {padding:0; margin: 0 0 1em 0;}
#news-home h3.subject { font-size:100%; padding:0; background:transparent; margin: 0 0 1em 0;}
#news-home h3.subject a {color: #960074; font-weight:normal; background:url('picture/mask/arrow-link.gif') 0 4px no-repeat; padding-left:13px;}

#news p {padding:0; margin:0;}
#news h3.subject, #news h3.subject2 .opinion-art h3.subject, #news h2.subject, #news h2.subject2 .opinion-art h2.subject {color:#000; font-weight:bold; padding:8px 0 0 0;}
#news h2.subject {font-size:110%;}
#news h3.subject span, #news h2.subject span {color:#969696 !important; font-size:90%;}
#news div.news-date {color:#969696 !important; padding: 10px 0 0 9px; margin-bottom:-12px;}
.unroll { padding-top:23px;}
.perex { font-weight:bold; font-style:italic; padding-top:10px;}
#news .unroll {padding-bottom:15px;}
#news .unroll p {margin-bottom: 1em;}
#news p.backlink a, #news h3.subject, #news h2.subject, .odstavec-sipka-mala {color:#960074; font-weight: normal; background: url('picture/mask/menu-li-bottom2.gif'); padding-left:13px; background-position: 0 3px; background-repeat: no-repeat;}
#news p.backlink {padding-top:0em;}
#news p.backlink a {padding-left:10px;}
#news p.em, #news w {padding: 0 13px 1em 13px;}
p.em {font-style: italic;}
#contright #news p.em, #contright #news p.desc {padding: 0 13px 0.5em 8px; margin:0;}
#contright #news ol {margin-left:25px; padding-left:0;}
#contright #news em {color:#000;}
#contright #news div.unroll {/*padding-left: 8px;*/}
#news h3.subject, #news h3.subject2, #news h2.subject, #news h2.subject2 {background-position: 0 10px; padding-left: 9px; margin-bottom: 0.5em;}
#news h3.subject2, #news h2.subject2 {padding-top: 8px; padding-left: 0px;}
#news h3.subject a, #news h2.subject a {font-weight:bold;}
.odstavec-sipka-mala {color: #000; padding-left: 9px;}
#news {
    float: left; padding: 5px 10px 14px 20px; /*padding:0 10px 30px 0; float:left; width:370px; margin-top:-5px;*/
}
#news.opinions {padding:0 10px 30px 30px;}
#contright #news .paging {margin-top: 1em;}
.paging a {}

#contleft #news-home {font-family: "Arial Narrow CE", "Arial Narrow", "Arial CE", Arial, "Lucida Grande CE", Lucida, Sans-Serif;}
#contleft #news-home h2.subject a,
#contleft #news-home h3.subject a {color: #960074; font-weight:normal; background: transparent; padding-left:0px; padding-top: 0px;}


/*------------------------
  Formular hotline
  ------------------------*/
#hotline {color:#000; font-size:92%;}
textarea {font-family:"Arial";overflow:auto;}
input, textarea {width:219px;}
.input-text, .input-text-click, #hotline select {font-family: "Arial"; font-size: 100%; width:219px; border:1px solid #FDDC71;}
.input-text, #hotline select{ background:#F7F5F0;}
.star {color:#FFB200;}
.hot-text {padding-right:30px; float:right; display:block; padding-bottom:10px; font-size:92%;}

/*------------------------
  Formular pozadavek
  ------------------------*/

#hotline2 tr:hover, #hotline2 tr.over  {
    background: #FEF7DB;
    cursor: pointer;
    
}
#hotline2 td {
    height: 18px;
    padding: 0px;
    color: #000 !important;
}
#hotline2 {
    font-size:92%;
    white-space: nowrap;
}
#hotline {
    color: #000 !important;
}
#hotline2 .input-text, #hotline2 .input-text-click {border:1px solid #FFD05A;}
#hotline2 .submit {background-color: #FFD05A;}

/*------------------------
  Formular dotaznik
  ------------------------*/

.dotaznik {width:100%; margin:0;}
.dotaznik input.input-text-click,
.dotaznik input.input-text {width:100%;}
.dotaznik input.radio {width:auto;}

.dotaznik textarea.input-text-click,
.dotaznik textarea.input-text {width:100%;height:55px;}
.infotext {padding-bottom:10px;text-align:center;}
/*------------------------
  Jazykova mutace
  ------------------------*/
#langmut {float:right; margin-left:529px;width:230px; position:absolute; top:8px; padding:2px 8px 0 0px; font-family:Tahoma; /*font-size:11px; */ font-size:92%;}
#langmut a {color:#1A2E85; text-decoration:none; background:url('picture/mask/lang-mut.gif') 0 0 no-repeat;padding-left:19px;display:block;float:right;padding-bottom:1px;}
#langmut a:hover {text-decoration:underline;}

/*------------------------
  Nazory klientu
  ------------------------*/
.opinion-art {margin:0px 10px 0 21px; padding-top:5px; font-family: "Arial Narrow CE", "Arial Narrow", "Arial CE", Arial, "Lucida Grande CE", Lucida, Sans-Serif;}
#contleft .opinion-art {width: 125px; margin:0px 0px 0 18px;}
.opinion-art a {font-size:90%; background:url('picture/mask/arrow-2.gif') 0 7px no-repeat; padding: 0 0 0 8px; display:block; margin:0 0 3px 0;}
.opinion-art a:hover {text-decoration:none;}
.opinion-art a.ar1 {color:#995E07; font-weight:normal;}
.opinion-art h3.subject {color: #1B2C85; font-weight:normal; padding:5px 0 0 0; }
.opinion-art a.subject { color: #960074; font-weight:normal; display:block; padding:4px 0 0 0; font-size:108%; }
.opinion-art h3.subject a {color: #960074; font-weight:normal;}
.opinion-art p {padding: 0; margin:0.5em 0 0.5em 0;}

/*------------------------
  Horni - hlavni menu
  ------------------------*/

#menu {margin:0 auto 0 auto; padding:0px 0 0 0; width:760px; height:30px; line-height:100%;}
#menu ul {margin: 0; padding: 0;}
#menu li {list-style: none; float: left; width:152px;line-height: 17px; background:none; padding:0 !important;}
#menu a.menu, #menu a.menuclick {width:152px;text-transform:uppercase; display: block;  color:#000; font-size: 90%; font-weight: normal; float: left; text-decoration: none; background:url('picture/mask/menu-top-bg.gif') 0 0 no-repeat;padding:7px 0 0 0;text-align:center;}
#menu a.menu:hover { font-weight: normal;text-decoration:underline;}
#menu a.menuclick { /*font-weight:bold;color:#F6D25A; color:#FFBE1C;*/ color: #E50083;text-decoration: none; background-image: url('picture/mask/menu-top-bg-click.gif');}
#menu a.menuclick:hover {text-decoration:underline;}

/*------------------------
  Leve menu
  ------------------------*/
#menuleft {padding: 26px 0 22px 0; float:left; line-height:100%;}
#menuleft ul {margin: 0; padding: 0;}
#menuleft li {width:152px;list-style: none; float: left; line-height: 17px; padding:0 !important; background:none;}
#menuleft a {margin:2px 0 0 0 !important;float:left; display:block; /*font-weight:bold;*/ color:#000; text-decoration:none; padding:1px 0 2px 18px; width:134px;
background:#E2E2E2 url('picture/mask/menu-li-bg.gif') 5px 3px no-repeat;}
#menuleft a:hover {/*text-decoration:none;*/ text-decoration:underline; }
#menuleft a.menuclick {color:#2F2F2F; text-decoration:none; font-weight:bold;}

/*------------------------
  Menu nad clankem
  ------------------------*/

#menuarticle {padding:0px 10px 2px 17px; width:410px; }
#menuarticle ul {margin: 0; padding: 0;}
#menuarticle li {float: left; list-style: none; margin-right: 1px; line-height: 14px; padding:0 !important; background:none;}
#menuarticle.menubottom li {float: none; font-weight:bold; list-style: none; margin-right: 1px; line-height: 140%; background:url('picture/mask/arrow-link.gif') 0 5px no-repeat; padding: 0 0 0.5em 13px !important;}
#menuarticle.menubottom li span {color:#960074;}
#menuarticle li em{color: #969696; font-weight:normal;}
#menuarticle li p { display:inline; margin:0; padding:0; }
#menuarticle a.menu, #menuarticle a.menuclick
{
 /*display:block; 
 float:left; */
 padding:0 5px 0 0px; 
 margin-left:3px; 
 color:#960074; 
 font-size:100%; 
 font-weight:normal; 
 /*background:url('picture/mask/menu-article-bg.gif') right 3px no-repeat; */
 white-space: nowrap; 
}
#menuarticle a.menuclick {color:#000; text-decoration:none;}

/*------------------------
  Menu pri chybejicim clanku
  ------------------------*/
#noarticle {float: left; padding:5px 10px 10px 2px; width:300px; line-height:18px;}
#noarticle ul {margin: 0; padding: 0;}
#noarticle li {list-style: none; background:none; margin-right: 1px; line-height: 16px;}
#noarticle a {width:179px; color: #960074; padding:3px 8px 0px 0px;}
#noarticle a:hover {text-decoration: none;}
#noarticle a.active-item {color: #78684D; text-decoration: none;}

/*------------------------
  Paticka stranky
  ------------------------*/
#footer-copyright {margin:0px auto 0 auto;clear:both;background:url('picture/mask/foot-bg.gif') 0 2px repeat-x;width:754px;padding:8px 0 1em 6px;font-size:11px;color:#545454;}
#footer-copyright a{color:#545454;}

#footer-powered {float:left;width: 150px; padding: 0px 0 0px 7px; color:#545454; font-size:92%;line-height:0px;}
#footer-powered div {position:absolute; margin:0 0 0 0;line-height:15px; color: #ACACAC;}
#footer-powered a {color: #ACACAC;}
#footer-powered a:hover {text-decoration:none;}

/*------------------------
  Paticka stranky - menu
  ------------------------*/
#footer-menu {float:right;width:425px; margin:-19px 0 0 0;line-height:0px;padding:0px 13px 0 0px;}
#footer-menu ul {margin: 0; padding: 0;}
#footer-menu li {float:right; list-style: none; margin-right: 1px; line-height: 17px; padding:0 !important; background:none;}
#footer-menu a.menu,
#footer-menu a.menuclick
{
  display:block; 
  float:left; 
  padding:0 4px 0 12px; 
  font-weight: normal; 
  font-weight: normal; 
  font-size: 11px; 
  text-decoration:underline; 
  color:#960074; 
  background:url('picture/mask/menu-li-bg.gif') 1px 5px no-repeat; 
}
#footer-menu a.menuclick { font-size: 11px; font-weight: normal; height: 20px; float: left; text-align: center; text-decoration: none;}
#footer-menu a:hover {text-decoration:none;}

/*---------
  Mapa webu
  -------*/
.quicknav {padding: 8px 0 0 20px; color: #737373; font-size: 11px; line-height:130%;}
.quicknav a{color: #737373;}

/*---------------
  Vypis referenci
  -------------*/
.referer-list {padding-top: 0px; clear: both;}
.referer-list ul {margin: 0; padding: 0;}
.referer-list ul li {padding: 0 0 0 15px; background: none; clear: both; line-height: 18px;}
.referer-list ul li a, .referer-list ul li span {color:#995E07; font-weight: normal; background: url('picture/mask/menu-li-bottom2.gif') 5px 3px no-repeat; padding-left:15px;}
.referer-list p.desc {margin:0 13px 0.5em 15px;}
.referer-pager {padding: 17px 15px 15px 73px; clear: both;}

#mask-reference {padding: 10px 0 0 20px;}
#mask-reference .paging, #news .paging { border-top:1px solid #E8E8E8; padding:0.5em 0 1em 0;}
#mask-reference .paging a, #news .paging a{padding-right:0 !important; background:none !important;}
#mask-reference .paging span.list a{margin:0 0;}
#mask-reference .paging a.active{color: #000; text-decoration:none;}
.img-ref {float:left; width: 110px; height:80px; margin-bottom:1.5em;}
.img-ref img {display: block; width: 110px; border:1px solid #E8E8E8;}
.ref-detail {float:right; width:310px;}
.ref-detail h2{margin:0; padding:0; color: #000; font-size:100%;}
.ref-detail h2 span {font-weight:normal; color: #969696; font-style:italic;}
.ref-detail p {margin-top:0.5em; padding:0; color: #000; font-size:100%;}

ul.reference-staty {width:200px; float:left;}
ul.reference-staty li{background:none !important; padding:0 0 9px 0; }
ul.reference-staty li img{border: 2px solid #E1E1E1; margin: 0 10px -5px 0;}

.tabulka-reference td { padding:0 17px 17px 0;}
.tabulka-reference img { display:block; }

/*------------------------------
  Partnerska zona - prihlaseni
  ----------------------------*/

#mask-login { margin:0; padding:10px 0 0 21px; }
#mask-login table { width:250px; margin:0 auto 0 auto;}

#menu-with-article { list-style-type:none; margin:0; padding:10px 0 0 0; line-height:100%; }
#menu-with-article li { background:url('picture/mask/arrow-2.gif') no-repeat 0 6px !important;  margin:0; padding:0 0 0 8px; line-height:120%; }
#menu-with-article a { margin:0;color:#995e07; }

#mask-form-login { padding:8px 10px 0 20px; }
#mask-form-login #links { font-size:92%; padding-top:7px; }

#mask-form-login-title { padding-top:10px !important;  margin-top:0 !important; }
#mask-logged-folder { clear:both; padding-top:6px !important; }

/*------------------------------
  Vypis demoverzi
  ----------------------------*/

.img-demo {float:left; width: 200px; padding: 0 14px 1.5em 0;}
.img-demo img {border:1px solid #E8E8E8;}
.img-demo-small {margin:4px -14px -3px 0;}
.img-demo-small img {margin: 0 5px 3px 0;}
.demo-detail {float:right; width:210px; padding-bottom: 1.5em;}
.demo-detail h2{margin-top:0; padding:0; color: #000; font-size:100%;}
.demo-detail ul {margin: 0; padding:0;}
.demo-detail ul li {margin: 0; padding-bottom: 0.3em;}


/*------------------------------
 popup okno - DIV
  ----------------------------*/
.popup {
  position: absolute;
  z-index: 100;
  text-align: left;
  top: 25%;
  left: 25%;
  padding: 5px;
  filter:alpha(opacity='95');
  -moz-opacity: 0.95;
  background-color: #eee;
  overflow: auto;
  border: solid #444 0.2em;
}
.popup-head   {text-align: right; padding: 0 0 10px;}
.popup-head a {font-weight: bold;}
.popup-body   {text-align: left;}

.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}

.obrazek-zarovnany-vlevo {float: left; margin: 0 1em 1em 0;}
.obrazek-zarovnany-vpravo {float: right; margin: 0 0 1em 1em;}

/* ikonky u odkazu */
#content a[href ^='http'] {
	padding-right: 0.9em;
	background-image: url('./picture/mask/sys-link-out.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

#content a[href^='mailto:'] {
	padding-right: 1em;
	background-image: url('./picture/mask/sys-link-mail.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

#link-facebook {background:url('./picture/mask/ico-facebook.gif') no-repeat 0px 2px; padding-left:16px;}

/* NEWS - NEW SEMANTIC FORMATING * * */
#news .hentry {padding: 0 0 1.8em 10px;}
#news .hentry .entry-title {margin: 0 0 0.3em -10px; padding: 0 0 0 10px; font-weight: normal; font-size: 100%; background: url('picture/mask/arrow-2.gif') 0 6px no-repeat;}
#news .hentry .entry-content {}
#news .hentry .entry-summary {margin-bottom: 1em;}
#news .hentry .entry-summary p {margin: 0; padding: 0;}
#news .hentry .entry-info {margin-bottom: 0.2em; color: #969696;}
#news .hentry .invisible {display: none;}
#news .hentry abbr {border: 0;}
#news .hentry address {border: 0;}
#news .get-more {float: left;}
#news .go-back {float: right; padding-left: 13px;  background: url('picture/mask/menu-li-bottom2.gif') 0 3px no-repeat;}

#news #detail.hentry {padding-left: 0; line-height: 140%;}
#news #detail h2, #news #detail h3 {margin: 1em 0 0.5em; padding: 0; background: transparent; font-weight: ; font-size: 120%;}
#news #detail p {margin: 0 0 1em 0; padding: 0;}