/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Clanek 2
:: Fotogalerie 3
:: Typography 4
:: Right Column 5
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
header {
  background: rgb(255,255,255);
}
header div.logo {
  background: rgb(255,255,255) url(/assets/templates/images/lapp/Mu_MB_logo.gif) left top no-repeat;
  height: 160px;
}

ol, ul {
    list-style: none outside none;
}

body {
    background: rgb(236,236,236);
    border: 0 none;
    color: rgb(83,83,83);
    font: 14px/24px Arial,Helvetica,sans-serif;
}
a, a:visited {
  color: #CB0E21;
  text-decoration: underline;
}
a:hover {
  color: #CB0E21;
}
a.button1 {
  text-decoration: none;
}
a.button1:visited, a.button1:hover {
  color: rgb(255,255,255);
}
a.button1:hover {
  text-decoration: underline;
}
figure {
    margin: 0;
    padding: 0;
}

.row {
    width: 980px;
}

#search {
    padding: 60px 10px 0 0;
}

#search .input {
    font: 14px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 3px 13px;
    height: 23px;
    width: 194px;
}
.logo-heading {
    /**/
}
.logo-heading a {           
    display: block;
    width: 600px;
    height: 150px;
    padding: 50px 0 0 170px;
    color: #CB0E21;
    text-decoration: none;
    text-transform: uppercase;
    font-family: tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
}
.logo-heading a:hover, .logo-heading a:visited {
    color: #CB0E21;
}

.language ul {
  margin-top: 30px;
  text-align: right;
  
}
.language li {
  display: inline;
  margin-right: 20px;
  
}
.language li img {
  margin-right: 5px;
}
.language li a, .language li a:visited {
  color: rgb(208,208,208);
}
.language a.active, .language li a:hover, .language li a.active:visited {
  color: #CB0E21;
}
ul#menu {
  margin: 0;
  line-height: 45px;
}

#menu > li {
    float: left;
    margin-right: 5px;
}
#menu .last {
    margin-right: 0;
}
#menu > li > a {
    background: none repeat scroll 0 0 rgb(144,144,144);
    /*border-radius: 4px 4px 0 0;*/
    /*border-top: 1px solid #1F1F1F;*/
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 186px;
}
#menu > li > a:hover, #menu > .active > a {
    background: #CB0E21;
    border-color: #CB0E21;
}
#menu > li > a span {
    display: block;
    position: relative;
}

.divide {
    border: 2px solid #CB0E21;
    margin: 0 0 25px 0;
    padding: 0;
}
header .divide {
  margin: 0;
}

.breadcrumbs ul {
  margin-top: 30px;
  margin-bottom: 5px;
}
.breadcrumbs li {
  display: inline;
}

.signature {
    text-align:right;
    display:block;
    color:#5f870e;
    line-height:20px;
    padding-top:6px
}

.signature strong {
    display:block;
    color:#fff
}

.list1 a {
    background: url("../images/marker_1.png") no-repeat scroll 0 5px transparent;
    color: #808080;
    padding-left: 15px;
}

.list2 li {
    background: url("../images/marker_1.png") no-repeat scroll 0 9px transparent;
    padding-bottom: 12px;
    padding-left: 15px;
}

.head-picture {
    float: left;
    margin: 0 20px 0 0;
    padding-top: 2px;
}

#icons {
    float: right;
    width: 184px;
}

#icons li {
    float: left;
    padding-right: 10px;
}

#icons .first {
    color: #FFFFFF;
    float: none;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin-top: -15px;
    padding-bottom: 9px;
}

#publicita {
  background: rgb(255,255,255);
  margin-top: 50px;
  text-align: center;
  padding-top: 15px;
}

footer {
  background-color: rgb(82,82,82);
  padding: 30px 0;
  color: rgb(255,255,255);
}
footer a, footer a:visited {
  color: rgb(192,192,192);
}
a.button1 {
    font-family: tahoma, Geneva, Verdana, sans-serif;
    background: none repeat scroll 0 0 #CB0E21;
  -webkit-border-radius: 3px;
          border-radius: 3px;
 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    border: 2px solid rgb(255,255,255);
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    /*letter-spacing: -1px;*/
    /*margin-top: -4px;*/
    padding: 3px 15px;
    position: relative;
}
 a img {
  border: 0 none;
 }

.color1 {
    color:#5f870e
}

.pad_bot1 {
    padding-bottom:12px
}

.dropcap_1 {
    float:left;
    background:url(../images/dropcap_1.png) 0 0 no-repeat;
    width:45px;
    height:45px;
    text-align:center;
    font-size:33px;
    line-height:42px;
    color:#fff;
    font-weight:700;
    margin-right:15px;
    margin-top:2px;
    margin-bottom:10px
}

.marg_right1 {
    margin-right:40px
}

.marg_right2 {
    margin-right:20px
}

/* -----------------------------------------
   Slider
----------------------------------------- */

#slider {
    left:0;
    width:100%;
    height:453px;
    overflow:hidden;
    z-index:1
}
#slider .items {
    display:none
}

#slider .pagination {
    position:absolute;
    bottom:5px;
    right:274px;
    z-index:9999;
}

#slider .pagination li {
    float:left;
    padding-left:3px;
}

#slider .pagination a {
    display:block;
    width:17px;
    height:17px;
    background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px
}

#slider .pagination a:hover, .pagination .current a {
    background-position:left
}

#slider .banner {
    position:absolute;
    top:0px;
    z-index:1;
    right:0px;
    color: rgb(110,110,110);
    width:350px;
    height: 448px;
    background-color: rgb(255,255,255);
    opacity:0.9;
    filter:alpha(opacity=90);
    overflow: hidden;
}

#slider .title {
    font-size:30px;
    line-height:1.2em;
    letter-spacing:-2px;
    /*display:block;*/
    padding:15px 15px 0 15px;
    color: #CB0E21;
    margin-bottom: 0; 
    
}
#slider .banner p {
  padding:15px;
  /*color: rgb(255,255,255);*/
}

#slider .banner .button1 {
    font-size:22px;
}

#slider .banner .button1:hover {
    color:#fff
}

/* -----------------------------------------
   Youtube Player
----------------------------------------- */

#myytplayer {
    height: 356px;
}

/* -----------------------------------------
   Uvod 1
----------------------------------------- */
.home-news {
  clear: both;
  margin-bottom: 50px;
  min-height: 160px;
}
.home-news .more {
  text-align: right;
}
.home-news .introtext {
  min-height: 70px;
}
.home-news .content {
  margin-bottom: 5px;
}

/* -----------------------------------------
   Clanek 2
----------------------------------------- */
article h1 {
  color: rgb(119,119,119);
}

article img {
  border: 10px solid rgb(200,200,200);
}
article img.left {
  margin-right: 15px;
}
article p.introtext {
  min-height: 140px;
}
article p.more {
  clear: both;
  /*padding-top: 15px;*/
  
}

/* -----------------------------------------
   Fotogalerie 3
----------------------------------------- */
div.gallery h3 {
  color: rgb(255,255,255);
}
div.gallery {
  background-color: rgb(208,208,208);
}
div.gallery a {
  margin-right: 10px;
}
div.gallery img {
  border: 5px solid rgb(112,112,112);
}

.hidden {
  display: none;
}

/* -----------------------------------------
   Typography 4
----------------------------------------- */
h1 {
  font-size: 32px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 20px;  
}
h4 {
  font-size: 18px;
}



table {
  border: 0 none;
  -webkit-border-radius: 0;
          border-radius: 0;
}

table tbody tr:nth-child(2n) {
  background: rgb(236,236,236);
}
table tbody tr td {
  border: 0 none;
}

/* -----------------------------------------
   Right Column 5
----------------------------------------- */
.rightColumn table {
  width: 100%;
}