a.button-recommend { display:block; width:24px; height:24px; background:url("../image/ico/recommend.png") no-repeat left top; }

p.inputText, p.badEntry { width:250px; height:32px; line-height:32px; background:url("../image/input/text.png") no-repeat; }
p.inputText input, p.inputTextArea textarea { border:none; margin:7px 0 0 8px; width:232px; font-size:120%; font-family:Arial, sans-serif; color:#878787; }
p.inputText input:focus, p.inputTextArea textarea:focus { color:#1d9ecd; }
p.inputTextArea, p.badTextAreaEntry { width:510px; height:69px; background:url("../image/input/textarea.png") no-repeat; }
p.inputTextArea textarea { width:495px; height:55px; }

p.badEntry { background-image:url("../image/input/text.error.jpg"); }
p.badTextAreaEntry { background-image:url("../image/input/textarea.error.png"); }

.paginator { position:relative; width:100%; height:30px; line-height:30px; margin-top:15px; border-top:1px solid #d6eaf4; text-align:center; font-size:110%; }
.paginator:hover { background:#eaeaea; }
.paginator .prev { position:absolute; display:block; left:10px; top:0;  font-weight:bold; }
.paginator .next { position:absolute; display:block; right:10px; top:0; font-weight:bold; }
.paginator .buttons a { padding:0 3px; font-size:90%; }
.paginator .buttons a.selected { font-weight:bold; text-decoration:none; color:#313131; }

#page-news #sort { position:absolute; right:15px; top:15px; z-index:1000; background:#ffffff; }
#page-news #sort .itself { cursor:pointer; border:1px solid #d6eaf4; }
#page-news #sort .itself:hover { border-color:#313131; background:#d6eaf4; }
#page-news #sort .itself .topText{ padding:2px 5px; }
#page-news #sort .itself .list { display:none; width:100%; padding-right:0; border-right:1px solid #313131; background:#ffffff; overflow:hidden; }
#page-news #sort .itself .list ul { margin:2px 5px; list-style-type:none; }
#page-news #sort .itself .list ul li { padding:2px 0; /*border-bottom:1px dotted #313131;*/ }

#page-news #detail .bar { position:relative; height:36px; line-height:35px; margin:20px 0; border-top:1px solid #d6eaf4; border-bottom:1px solid #d6eaf4; padding:0 6px; font-size:90%; -moz-box-shadow: 0 0 30px #d6eaf4; -webkit-box-shadow: 0 0 30px #d6eaf4; }
#page-news #detail .bar .social-box { position:absolute; right:6px; top:0; }
#page-news #detail .bar .social-box div { float:right; margin-left:10px; }
#page-news #detail .bar .social-box .social-facebook { padding-top:9px; }
#page-news #detail .bar .social-box .social-twitter { margin-top:10px; }
#page-news #detail .bar .social-box .social-google { margin-top:5px; }
#page-news #detail .bar .social-box .social-recommend { margin-top:6px; }
#page-news #detail .bar .fb-like { padding-top:6px; }

#page-news #detail .bar#bar-upper { margin-bottom:25px; }
#page-news #detail .bar#bar-lower { margin-top:25px; }

#page-news #detail .perex { margin:10px 0; line-height:160%; font-size:110%; text-align:justify; }
#page-news #detail .content { overflow:hidden; }
#page-news #detail .content p { margin-bottom:10px; line-height:160%; }
#page-news #detail .content table { width:100%; margin:15px 0; border:1px solid #d6eaf4; }
#page-news #detail .content table tr th, #news #detail .content table tr td { border:1px solid #d6eaf4; }
#page-news #detail .content table tr th { padding:5px 10px; font-weight:bold; text-align:left; font-size:120%; }
#page-news #detail .content table tr td { padding:2px 10px; }

#page-news #detail #news-list { position:relative; margin-top:30px; font-size:90%; }
#page-news #detail #news-list h3 { margin:15px 0; padding-top:7px; padding-bottom:7px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
#page-news #detail #news-list #toggleNewsList { display:block; position:absolute; right:0; top:9px; border:1px solid #ffffff; padding:3px 8px; text-decoration:none; }
#page-news #detail #news-list #toggleNewsList:hover { /*background:#d6eaf4; border-color:#313131;*/ border-color:#d6eaf4; }
#page-news #detail #news-list .content { display:none; }
#page-news #detail #news-list .item .name { font-size:120%; }
#page-news #detail #news-list .item .perex { line-height:160%; font-size:100%; text-align:justify; }
#page-news #detail #news-list .item .date { margin-top:5px; font-size:95%; text-align:right; }

#recommend { margin-top:15px; border-top:1px solid #d6eaf4; padding-top:7px; }
#recommend h3 { font-size:140%; }
#recommend form p.text { margin:15px 0; font-weight:bold; }
#recommend form p.text input { width:250px; margin-top:3px; padding:2px 5px 2px 3px; /*font-size:11px;*/ }
#recommend form p.name { margin-top:5px; }
#recommend form .submit { position:relative; height:48px; line-height:48px; }
#recommend form .submit .ajax { position:absolute; left:55px; top:10px; }
/*#recommend form p.submit input { padding:1px 15px; }*/

#recommend-article { padding:15px; }
#recommend-article form { position:relative; margin-top:15px; }
#recommend-article form .inputText { margin-bottom:10px; }
#recommend-article form .submit { position:absolute; right:-5px; top:40px; }
.overlay-box { display:none; width:350px; border:2px solid #ef6926; background-color:#ffffff; text-align:left; }
.overlay-box {
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ffffff; 
    -webkit-box-shadow: 0 0 50px #ffffff; 
}

.overlay-box .wrapper { position:relative; padding:15px; padding-top:25px; }
.overlay-box .wrapper a.close { position:absolute; display:block; right:5px; top:5px; font-size:11px; }

#recommend-article form { margin-top:15px; }
#recommend-article form p.textfield { width:100%; height:32px; background:url('/image/input/text.png') no-repeat left top; }
#recommend-article form p.textfield input { float:left; }
#recommend-article form p.textfield input.textfield { width:178px; margin:7px 15px 0 10px; font-size:15px; font-weight:bold; border:0; background:transparent; }
#recommend-article form p.textfield input.submit {}

#kontakt .ceo { float:left; margin-right:15px; margin-bottom:15px; }
#kontakt .logo { margin-top:15px; /*float:left;*/ }
#kontakt .text { line-height:170%; font-size:120%; }
#kontakt .map { width:537px; margin-bottom:20px; }
/*#kontakt .info { float:left; margin-right:10px; width:320px; }*/
#kontakt .info .wrap { float:left; width:320px; margin-right:10px; }
#kontakt .info ul { margin-top:5px; list-style-type:none; }
#kontakt .info ul li { padding:2px 0; }
#kontakt .info table { width:100%; margin-bottom:30px;  }
#kontakt .info table tr td.last { padding-bottom:10px; }
#kontakt .developer { float:left; }
#kontakt .nalepka { margin-top:15px; font-size:90%; }

#kontakt .itself { margin-top:15px; }
#kontakt form { background:#e8f3f9; border:1px solid #d6eaf4; padding:15px; }
#kontakt form p { margin-bottom:10px; }
#kontakt form p.text input { width:400px; padding:2px 4px; font-size:80%; font-weight:bold; }
#kontakt form p.text textarea { width:500px; height:100px; padding:2px 4px; font:bold 80% "arial", sans-serif; color:#313131; }
#kontakt form .submit { position:relative; height:48px; line-height:48px; }
#kontakt form .submit .ajax { position:absolute; left:55px; top:10px; }

#jak-se-k-nam-dostanete label { font-size:130%; font-weight:bold; display:none; }
#jak-se-k-nam-dostanete #from { width:525px; margin:2px 0; padding:2px 5px; font-size:140%; color:#1d9ecd; }
#jak-se-k-nam-dostanete input.submit { margin-top:5px; padding:3px 15px; font-weight:bold; margin-bottom:10px; }

.tooltip { display:none; overflow:hidden; width:131px; margin:-212px 0 0 -408px; }

#facebook-live { border:none; overflow:hidden; width:250px; height:555px; }
