/*
Theme Name: SCM2
Theme URI: https://plus.google.com/u/0/103436763791168566304
Author: Ondřej Vaniš
Author URI: https://plus.google.com/u/0/103436763791168566304
Description: Šablona pro SCM
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: SCM
Text Domain: scm2

-------------------------------------------------------------- */


/* CSS Document */
document, html {padding:0 !important; margin:0 !important !important; min-width:895px;}

body {
  font-family: 'Open Sans', Arial, Times New Roman;
  font-size:14px;
  font-weight:300;
  padding:0;
  margin:0;
}

img {
  max-width:100%;
}

a { color:#45A2C0; text-decoration:underline; }
a:hover { color:#75758A; }
a:focus { color:#CE434A; }

table {
  border-collapse: collapse;
}

table.table100 { width:100%; }

table tr td {
  border:1px solid #EEE;
  padding:6px 10px;
}
table thead tr td {
  background-color:#333;
  color:#FFF;
  border-color:#333;
}

table tr:nth-child(2n+1) {
  background-color:#F9F9F9;
}
table tr:nth-child(2n) {
  background-color:#F2F2F2;
}

/**************************************************************************/

#userbar {
  position:relative;
  z-index:999;
  background-color:#333;
  width:100%;
  margin-bottom:10px;
}

#userbar-wrapper {
  position:relative;
  margin:0px auto;
  padding:10px 0;
  width:800px;
  font-family:Arial;
  font-size:11px;
  color:#777;
  text-align:right;
}
#userbar a {
  color:#888;
  text-decoration:none;
}
#userbar a:hover {
  color:#FFF;
}



#loginform_link {
  z-index:999;
  padding:5px 16px 5px 5px;
  background-position:95% center;
  
  background-repeat:no-repeat;
}

#loginform_link:hover { background-color:#CE434A; }

.loginform_link_down_arrow { background-image:url('img/icons/arrow_down_8x8.png'); }
.loginform_link_up_arrow { background-image:url('img/icons/arrow_up_8x8.png'); }

.loginform_link_down_arrow:hover { background-image:url('img/icons/white/arrow_down_8x8.png'); }
.loginform_link_up_arrow:hover { background-image:url('img/icons/white/arrow_up_8x8.png'); }


#loginform_box {
  position:absolute;
  right:0;
  top:30px;
  z-index:999;
  background-color:#333;
  padding:5px 25px 13px 25px;
  display:none;
  -o-box-shadow: 0px 0px 10px 0px #333;
  -moz-box-shadow: 0px 0px 10px 0px #333;
  -webkit-box-shadow: 0px 0px 10px 0px #333;
  box-shadow: 0px 0px 10px 0px #333;
-webkit-border-radius: 0px 0px 2px 2px;
        border-radius: 0px 0px 2px 2px;
}





#notifications_link {
  z-index:999;
  padding:0;
  background-position:center center;
  width:14px;
  height:14px;
  background-repeat:no-repeat;
  display: block;
  float: right;
  text-indent: 99px;
  overflow: hidden;
  margin-left:3px;
  position: relative;
}




.notifications_link_grey { background-image:url('img/icons/n/grey.png'); }
.notifications_link_blue { background-image:url('img/icons/n/blue.png'); }
.notifications_link_red { background-image:url('img/icons/n/red.png'); }

.notifications_link_grey:hover { background-image:url('img/icons/n/white.png'); }
.notifications_link_blue:hover { background-image:url('img/icons/n/white.png'); }
.notifications_link_red:hover { background-image:url('img/icons/n/white.png'); }


#notifications_box {
  position:absolute;
  right:0;
  top:30px;
  z-index:999;
  background-color:#333;
  padding:5px 25px 13px 25px;
  display:none;
  -o-box-shadow: 0px 0px 10px 0px #333;
  -moz-box-shadow: 0px 0px 10px 0px #333;
  -webkit-box-shadow: 0px 0px 10px 0px #333;
  box-shadow: 0px 0px 10px 0px #333;
-webkit-border-radius: 0px 0px 2px 2px;
        border-radius: 0px 0px 2px 2px;
  text-align:left;
}

#notifications_box ul {
  list-style-type:none;
  width:100%;
  margin:0;
  padding:0;
}

#notifications_box ul li a {
  border-top:1px solid #333;
  background-color:#232323;
  display:block;
  width:100%;
  padding:6px 0;
  text-indent: 10px;
}

#notifications_box ul li a:hover {
  background-color:#CE434A;
  color:#FFF;
}




#modal-overlay {
  width:100%;
  height:100%;
position:fixed;
  z-index:11;
  background-color:rgba(0,0,0,0.3);
  display:none;
}


p.login-username, p.login-password { vertical-align:middle; margin:0; padding:0; margin-top:3px; }

label[for=user_login], label[for=user_pass] {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  text-indent: 99px;
  width: 30px;
  height: 30px;
  line-height: 32px;
  cursor: pointer;
  color: #CE434A;
  background-color: #CE434A;
  background-position:center center;
  background-repeat:no-repeat;
}
label[for=user_login] { background-image:url('img/icons/white/user_9x12.png'); }
label[for=user_pass] { background-image:url('img/icons/white/key_stroke_12x12.png'); }



.input {
  position:relative;
  border:1px solid #FFF;
  background-color:#FFF;
  color:#333;
  outline:none;
  font-family:Arial;
  padding:6px;
}

.input:focus {
  border-color:#F9F9F9;
}


p.login-submit { text-align:center; }

.button-primary {
  font-family:Arial;
  text-decoration:none;
  color:#333;
  padding:5px;
  font-size:11px;
  font-weight:bold;
  display:inline-block;
  width:165px;
  border:1px solid #F2F2F2;
  background-color:#FFF;
  text-align:center;
  cursor: pointer;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  border-radius:2px;
  
}

.button-primary:hover {
  text-decoration:none;
  background-color:#CE434A !important;
  border:1px solid #C6444A !important;
  color:#FFF !important;
}


/**************************************************************************/
#page-wrapper {
  margin:0px auto;
  position:relative;
  width:800px;
}

#logo, #sidebar, #menu {
  float:left;
  margin:0;
  position:relative;
  width:240px;
}

#logo {
  height:240px;
  background-image:url('img/logo.png');
  background-position:0 0;
  background-repeat:no-repeat;
}

#logo a {
  position:relative;
  height:100%;
  width:100%;
  display:block;
  text-indent:-99999px;
}

#img-slides {
  float:right;
  background-color:#F9F9F9;
  height:240px;
  position:relative;
  width:560px;
  
}
.slides_container {
    width: 560px;
    height: 240px;
}
.slides_container div {
    width: 560px;
    height: 240px;
    display:block;
}

/**************************************************************************/
#menu, #sidebar {
  padding:0;
}

#menu ul {
  list-style-type: none;
  margin:0;
  padding:0;
  width:100%;
}

#menu ul li {
  width:240px;
  margin:2px 0;
}

#menu ul li a {
  display:block;
  width:100%;
  padding:6px 0;
  margin-right:-5px;
  text-align:left;
  text-indent:12px;
  text-decoration:none;
  font-family:'Open Sans', Tahoma, sans-serif;
  font-size:15px;
  border:1px solid #F2F2F2;
  border-right-width:0;
  background-color:#F9F9F9;
  color:#333;
  font-weight:normal;
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;

}

#menu ul li a:hover, li.current_page_item a:hover, li.current_page_item ul a:hover {
  background-color:#333 !important;
  border-color:#000 !important;
  color:#FFF !important;
  text-indent:18px;
}

#menu ul li.current_page_item a {
  background-color:#CE434A;
  border:1px solid #C6444A;
  color:#FFF;
}

#menu ul li.current_page_item ul a {
  border:1px solid #F2F2F2;
  border-right-width:0;
  background-color:#F9F9F9;
  color:#333;
}

#menu ul ul.sub-menu {
  margin-left:10px;
}

#menu ul ul.sub-menu li a {
  padding:5px 0;
  text-indent:10px;
  font-size:12px;
}

#menu ul ul.sub-menu li a:hover {
  text-indent:16px;
}


.toggle-menu-item-down>a {
  background-image:url('img/icons/arrow_down_8x8.png');
  background-position:220px center;
  background-repeat:no-repeat;
}

.toggle-menu-item-up>a {
  background-image:url('img/icons/arrow_up_8x8.png');
  background-position:220px center;
  background-repeat:no-repeat;
}


#content {
  float:right;
  background-color:#F9F9F9;
  border:1px solid #F2F2F2;
  min-height:650px;
  position:relative;
  width:558px;
  padding-bottom:180px;
}





/*****************************************************************************************/
/* widgets */

div#search {
  float:left;
  display:block;
  margin:15px 0;
  width:100%;
  padding:10px;
  background-color:#F9F9F9;
  border:1px solid #F2F2F2;
}

form#searchform { text-align:left; }
form#searchform label[for=s] { display:none; }

form#searchform input#s {
  position:relative;
  border:1px solid #F2F2F2;
  background-color:#FFF;
  color:#333;
  outline:none;
  font-family:Arial;
  padding:6px;
  width:170px;
}
form#searchform input#s:focus { border-color:#E9E4E4; }

form#searchform input#searchsubmit {
  background-image:url('img/icons/white/magnifying_glass_12x12.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#CE434A;
  border:1px solid #C6444A;
  width:28px;
  height:28px;
  text-indent:-9999px;
  cursor: pointer;
}
form#searchform input#searchsubmit:hover {
  background-color:#333;
  border-color:#222;
}


#widgetbar {
  float:left;
  margin:0;
  position:relative;
  width:240px;
  text-align:right;
}

#widgetbar ul {
  text-align:left;
  list-style-type: none;
  margin:0px 0 10px;
  width:221px;
  padding:10px;
  background-color:#F9F9F9;
  border:1px solid #F2F2F2;
}

#widgetbar ul li {
  display:block;
  padding:3px;
  border:1ps solid #888;
  margin:1px 0;
}

#widgetbar ul li a {
  display:inline-block;
  width:auto;
  height:100%;
}

.widgetTitle {
  display:inline-block;
  background-color:#CE434A;
  color:#FFF;
  padding:7px 10px 5px 10px;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:13px;
  text-decoration:none;
  text-align:right;
}



/**************************************************************************/
#footer {
  position:relative;
  background-color:#333;
  clear:both;
  min-height:150px;
  width:100%;
}
#footer:after {
  content:'.';
  font-size:0;
  position:absolute;
  top:-143px;
  width:100%;
  height:100%;
  background-image:url('img/footer2.png');
  background-position:center 0;
  background-repeat:no-repeat;
}


#footer-wrapper {
  width:600px;
  margin:0 auto;
  padding:50px;
  text-align:center;
  font-size:32px;
  font-family:'Open Sans',Arial;
  color:#888;
}

#reklama { text-align:center; padding:10px;}



/***************************************************
 *
 *  Drobečková navigace
 *
 ****************************************************/  

ul.breadcrumb_navigation {
  list-style-type:none;
  margin:0 15px;
  padding:0;
  height:30px;
}

ul.breadcrumb_navigation li {
  margin:0 1px 0 0;
  padding:0;
  display:inline-block;
}

ul.breadcrumb_navigation li {
  height:16px;
  line-height:16px;
  vertical-align:middle;
}

ul.breadcrumb_navigation li a {
  background-color:#FFF;
  position:relative;
  display:block;
  padding:3px 5px;
  text-decoration:none;
  color:#888;
  font-size:11px;
  border:1px solid #F2F2F2;
  border-top-width:0;
}

ul.breadcrumb_navigation li a:hover {
  color:#333;
}

a.breadcrumb_homelink {
  text-indent:-99999px;
  width:20px;
  height:100%;
  padding:0;
  background-image:url('img/icons/home_8x8.png');
  background-position:center center;
  background-repeat:no-repeat;
}

a.breadcrumb_homelink:hover { background-image:url('img/icons/dark/home_8x8.png'); }





/***************************************************
 *
 *  příspěvky
 *
 ****************************************************/   




#posts {
  margin:0;
  padding:0;
}

.post-wrapper {
  color:#000;
}

.postTitle-wrapper {
  position:relative;
}


.postTitle {
  padding-left:10px;
  text-align:right;  
}


.postTitleBckgr {
  display:inline-block;
  background-color:#333;
  color:#FFF;
  padding:7px 10px 5px 10px;
  height:27px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:300;
  font-size:20px;
  text-decoration:none;
}

.postTitleBckgr:hover {
  background-color:#CE434A;
  color:#FFF;
}

.postDate {
  display:block;
  position:absolute;
  top:0px;
  right:-47px;
  width:46px;
  height:39px;
  background-color:#CE434A;
  border-left:1px solid #555;
  color:#FFF;
  font-family:Arial;

  background-image:url('img/date-ribbon.png');
  background-position:right center;
  background-repeat:no-repeat;
}

.postDate-day {
  padding:5px 0 0 4px;
  font-size:20px;
  line-height:17px;
  font-weight:bold;
}
.postDate-month {
  font-size:12px;
  line-height:11px;
  padding:0 0 0 4px;
}

.postText {
  padding:0px 20px;
  margin:0 0 30px;
  line-height:150%;
  text-align:justify;
}






.more-link,
.previous a,
.future a {
  font-family:Arial;
  text-decoration:none;
  color:#333;
  padding:5px;
  font-size:11px;
  font-weight:bold;
  margin:0 auto;
  display:block;
  width:130px;
  border:1px solid #F2F2F2;
  background-color:#FFF;
  text-align:center;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  border-radius:2px;
  
}

.more-link:hover,
.previous a:hover,
.future a:hover {
  text-decoration:none;
  background-color:#CE434A !important;
  border:1px solid #C6444A !important;
  color:#FFF !important;
}

.btn {
  font-family:Arial;
  text-decoration:none;
  color:#333;
  padding:5px;
  font-size:11px;
  font-weight:bold;
  display:block;
  width:130px;
  border:1px solid #F2F2F2;
  background-color:#FFF;
  text-align:center;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  border-radius:2px;
  
}

.btn:hover {
  text-decoration:none;
  background-color:#CE434A !important;
  border:1px solid #C6444A !important;
  color:#FFF !important;
}





.breakline {
  width:100%;
  height:0;
  border-style:solid;
  border-width:1px 0;
  border-top-color:#F0F0F0;
  border-bottom-color:#FFF;
}


ul#pagination {
  list-style-type: none;
}
ul#pagination li {
  display:inline-block;
}


/***************************************************
 *
 *  stránka
 *
 ****************************************************/   



.page-post-wrapper {
  color:#000;
  padding:5px 20px 20px;
}

.page-postTitle-wrapper {
  position:relative;
}


.page-postTitle {
  padding-left:0;
  text-align:left;
  margin:0;
}


.page-postTitleBckgr {
  display:inline-block;
  background-color:#CE434A;
  color:#FFF;
  padding:7px 10px 5px 10px;
  height:27px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:300;
  font-size:20px;
  text-decoration:none;
}

.page-postTitleBckgr:hover {
  background-color:#333;
  color:#FFF;
}



/***************************************************
 *
 *  single - příspěvek
 *
 ****************************************************/   



.single-post-wrapper {
  color:#000;
  padding:5px 20px 20px;
}

.single-postTitle-wrapper {
  position:relative;
}


.single-postTitle {
  padding-left:0;
  text-align:left;
  margin:0;
}


.single-postTitleBckgr {
  display:inline-block;
  background-color:#CE434A;
  color:#FFF;
  padding:7px 10px 5px 10px;
  height:27px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:300;
  font-size:20px;
  text-decoration:none;
}

.single-postTitleBckgr:hover {
  background-color:#333;
  color:#FFF;
}



.single-postMeta {
  font-family:Arial;
  font-size:0px;
}

.single-postMeta span {
  font-size:11px;
  padding:5px;
  padding-left:18px;
  margin-right:1px;
  background-color:#FFF;
  border-top-width:0px;
  display:inline-block;
  color:#888;
}

.single-postMeta span a {
  color:#888;
}

.metaDate,
.metaAuthor,
.metaCategory,
.metaComments {
  background-position:5px center;
  background-repeat:no-repeat;
}
.metaDate { background-image:url('img/icons/calendar_alt_fill_8x8.png'); }
.metaAuthor { background-image:url('img/icons/user_6x8.png'); }
.metaCategory { background-image:url('img/icons/folder_fill_8x8.png'); }
.metaComments { background-image:url('img/icons/comment_stroke_8x7.png'); }



/***************************************************
 *
 *  komentáře
 *
 ****************************************************/   

#comments {
  padding:0 20px;
}

#commentsTitle {
  display:inline-block;
  background-color:#333;
  color:#FFF;
  padding:7px 10px 5px 10px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:normal;
  font-size:15px;
  text-decoration:none;
  margin:0;
}

#commentsTitleHash {
  text-decoration:none;
  color:#888;
}
#commentsTitleHash:hover {color:#CE434A;}






/* CSS Document */
div#koment div.box-content {
  padding-left:0px;
}
ol#commentlist {
  list-style-type: none;
  margin:0;
  padding:0;
}

ol#commentlist li {
  padding:8px;
  margin:3px 0;
}
ol#commentlist li p {
  margin:5px 0 0 0;
}

ol#commentlist li,
ol#commentlist ol ol li,
ol#commentlist ol ol ol ol li,
ol#commentlist ol ol ol ol ol ol li,
ol#commentlist ol ol ol ol ol ol ol ol li
 {
  background-color:#EEE;
  border:1px solid #E0E0E0;
}
ol#commentlist ol li,
ol#commentlist ol ol ol li,
ol#commentlist ol ol ol ol ol li,
ol#commentlist ol ol ol ol ol ol ol li,
ol#commentlist ol ol ol ol ol ol ol ol ol li {
  background-color:#EBEBEB;
  border:1px solid #D2D2D2;
}


.commentTitle span {
  display:inline-block;
  background-color:#F9F9F9;
  border:1px solid #E0E0E0;
  color:#333;
  padding:7px 10px 5px 10px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  text-decoration:none;
  margin:0 1px 0 0;
}
.commentTitle span a { color:#333; text-decoration:none; }

.comment-edit-link {
    
}









#postcomment {
  display:inline-block;
  background-color:#CE434A;
  color:#FFF;
  padding:7px 10px 5px 10px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:normal;
  font-size:15px;
  text-decoration:none;
  margin-bottom:0;
}


#comment {
  max-width:494px;
  width:494px;
  min-width:494px;
  min-height:160px;
  border:1px solid #F2F2F2;
  background-color:#FFF;
  color:#333;
  outline:none;
  font-family:Arial;
  padding:10px;
}

#commentform input {
  position:relative;
  border:1px solid #F2F2F2;
  background-color:#FFF;
  color:#333;
  outline:none;
  font-family:Arial;
  padding:6px;
}

#commentform input:focus, #comment:focus {
  border-color:#E9E4E4;
}

#commentform input:focus:invalid, #comment:focus:invalid {
  border-color:#CE434A;
}

#commentform input:focus:valid, #comment:focus:valid {
  border-color:#B4DF31;
}




/***************************************************
 *
 *  Custom post types
 *
 ****************************************************/   

.postTitleIndent {margin-left:20px;}

.eventlist-cell0,
.eventlist-cell1,
.eventlist-cell-lock {
  width:30px;
  padding:0;
  background-position:center center;
  background-repeat:no-repeat;
}

tr:nth-child(2n) .eventlist-cell0 {
  background-color:#EBEBEB;
  background-image:url('img/icons/dark/x_7x7.png');
}
tr:nth-child(2n+1) .eventlist-cell0 {
  background-color:#F8F8F8;
  background-image:url('img/icons/dark/x_7x7.png');
}

.eventlist-cell1 {
  border-color:#45A2C0;
  background-color:#45A2C0;
  background-image:url('img/icons/white/check_8x6.png');
}

.eventlist-cell-lock {
  border-color:#CE434A;
  background-color:#CE434A;
  background-image:url('img/icons/white/lock_fill_9x12.png');
}

.eventlist-cell-lock, .eventlist-cell0, .eventlist-cell1 {
  position:relative;
}

td .popup-td {
  position:absolute;
  padding:10px;
  background-color:rgba(0,0,0,0.8);
  color:#FFF;
  text-shadow:0 1px 1px #000;
  bottom:-40px;
  right:-10px;
  width:170px;
  text-align:center;
  z-index:20;
  display:none;
  -webkit-transition: all 800ms ease-out;
  -moz-transition: all 800ms ease-out;
  -ms-transition: all 800ms ease-out;
  -o-transition: all 800ms ease-out;
}
td:hover .popup-td { display:block; }

td .popup-td:after {
  content:'.';
  font-size:0;
  position:absolute;
  top:-10px;
  right:20px;
  
  border-width:5px;
  border-style:solid;
  border-color:transparent transparent rgba(0,0,0,0.8) transparent;
}


/* Galerie */
.gallery .gallery-item{
	position:relative;
  padding:0;
}
.gallery .gallery-caption{
	text-indent:-99999px;
  position:absolute;
}
.gallery .gallery-icon img{
	background:#F9F9F9;
	padding:0;
	border:solid 0px #000 !important;
}

.gallery_img_link {
  position:relative;
  display:inline-block;
  overflow: hidden;
}

.gallery_img_link .gallery_title {
  position:absolute;
  left:0;
  bottom:-8px;
  width:144px;
  padding:3px;
  background-color:rgba(0,0,0,0.8);
  color:#FFF;
  text-shadow:0 -1px 1px #000;
  opacity:0.4;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}

.gallery_img_link:hover .gallery_title {
  bottom:0%;
  opacity:1;
}