#timeline,#sluzby,#vyrprogram,#kontakty  {position:relative; top: 20px; left:10px}
#timeline .row .timebox {border:1px solid #ff0000; border-radius:2% !important; margin-bottom:5%; margin-right:5%; min-height:150px; -moz-box-shadow:inset -6px -6px 18px #eeeeee; -webkit-box-shadow:inset -6px -6px 18px #eeeeee; box-shadow:inset -6px -6px 18px #eeeeee;}
#sluzby .box1,#vyrprogram .box1,#kontakty .box1,#kontaktni-formular .box1{animation: 0.8s fadeIn;}
#sluzby .box2,#vyrprogram .box2,#kontakty .box2,#kontaktni-formular .box2{animation: 1.6s fadeIn;}
#sluzby .box3,#vyrprogram .box3,#kontakty .box3,#kontaktni-formular .box3{animation: 2.4s fadeIn;}
#timeline .box4,#kontakty .box4,#kontaktni-formular .box4{animation: 3.2s fadeIn;}
#timeline .box5,#kontakty .box5,#kontaktni-formular .box5{animation: 4s fadeIn;} 
#timeline .box6,#kontakty .box6,#kontaktni-formular .box6{animation: 4.8s fadeIn;}
#timeline .box7,#kontakty .box7,#kontaktni-formular .box7{animation: 5.6s fadeIn;}
#timeline .box8{animation: 6.4s fadeIn; padding:0px !important}
#timeline .box9{animation: 7.2s fadeIn;}
#timeline .timebox h3 {color:#ff0000; font-weight:bold; text-align:left}
#timeline .glyphicon {color:#ff0000; float:left; position:relative; top: 12px; margin-right:10px}
#timeline img,#sluzby img {width:100%}
#vyrprogram {position:relative; left:20px; width:90%}
#vyrprogram .glyphicon {color:#ff0000; position:relative; top:3px; margin-right:10px; margin-bottom:150px; float:left}
#vyrprogram .row .timebox {border:1px solid #ff0000; border-radius:2% !important; min-height:140px; -moz-box-shadow:inset -6px -6px 18px #eeeeee; -webkit-box-shadow:inset -6px -6px 18px #eeeeee; box-shadow:inset -6px -6px 18px #eeeeee; padding-top:10px}
#sluzby .row .timebox{border:1px solid #ff0000; border-radius:2% !important; margin-bottom:5%; margin-right:5%; min-height:150px; -moz-box-shadow:inset -6px -6px 18px #eeeeee; -webkit-box-shadow:inset -6px -6px 18px #eeeeee; box-shadow:inset -6px -6px 18px #eeeeee;}
#sluzby .box1,#vyrprogram .box1{animation: 0.8s fadeIn;}
#sluzby .box2,#vyrprogram .box2{animation: 1.6s fadeIn;}
#sluzby .box3,#vyrprogram .box3{animation: 2.4s fadeIn;}
#sluzby .timebox h3 {color:#ff0000; font-weight:bold; text-align:left}
#kontakty .glyphicon {color:#ff0000; margin-right:5px;}
#kontakty .row .timebox {border:1px solid #ff0000; border-radius:2% !important; margin-bottom:5%; margin-right:5%; min-height:50px; -moz-box-shadow:inset -6px -6px 18px #eeeeee; -webkit-box-shadow:inset -6px -6px 18px #eeeeee; box-shadow:inset -6px -6px 18px #eeeeee; padding-top:10px}
#kontakty .cerveny {color:#ff0000; }
#kontaktni-formular .row .timebox { min-height:50px; margin-bottom:3%; -moz-box-shadow:inset -6px -6px 18px #eeeeee; -webkit-box-shadow:inset -6px -6px 18px #eeeeee; box-shadow:inset -6px -6px 18px #eeeeee; padding-top:10px}
#kontaktni-formular legend {font-size:120%}
#kontaktni-formular fieldset {}
#kontaktni-formular .glyphicon {color:#ff0000; }

.hp-news {display: inline !important; min-height:200px}
.news-container {width:800px !important; overflow: hidden}
.one-columnhomepage .news-container {width:1170px !important; overflow: hidden}
.hp-news .thumbnail-style h3 a {color: #ff0000; font-size: 16px}
.hp-news .thumbnail-style h3 {line-height: 90% !important}
.hp-news {font-size:110% !important; font-weight:normal}
.hp-news .thumbnail-img {display:none; visibility:hidden}

#vyhody h3 {color:#ff0000; font-weight:bold; text-align:left}
#vyhody .kam { -webkit-animation: cssAnimation 0.3s 1 ease-in;-moz-animation: cssAnimation 0.3s 1 ease-in;-o-animation: cssAnimation 0.3s 1 ease-in;}
    @-webkit-keyframes cssAnimation {from { -webkit-transform: translate(-140px); }to { -webkit-transform: translate(0px); }    }
    @-moz-keyframes cssAnimation {from { -moz-transform: translate(-140px); } to { -moz-transform: translate(0px); }  }
    @-o-keyframes cssAnimation {from { -o-transform: translate(-140px); } to { -o-transform: translate(0px); }  }
#vyhody .dod { -webkit-animation: cssAnimation 0.5s 1 ease-in;-moz-animation: cssAnimation 0.5 1 ease-in;-o-animation: cssAnimation 0.5s 1 ease-in}
    @-webkit-keyframes cssAnimation {from { -webkit-transform: translate(-280px); }to { -webkit-transform: translate(0px); }    }
    @-moz-keyframes cssAnimation {from { -moz-transform: translate(-280px); } to { -moz-transform: translate(0px); }  }
    @-o-keyframes cssAnimation {from { -o-transform: translate(-280px); } to { -o-transform: translate(0px); }  }	
#vyhody .kon { -webkit-animation: cssAnimation 0.7s 1 ease-in;-moz-animation: cssAnimation 0.7s 1 ease-in;-o-animation: cssAnimation 0.7s 1 ease-in}
    @-webkit-keyframes cssAnimation {from { -webkit-transform: translate(-420px); }to { -webkit-transform: translate(0px); }    }
    @-moz-keyframes cssAnimation {from { -moz-transform: translate(-420px); } to { -moz-transform: translate(0px); }  }
    @-o-keyframes cssAnimation {from { -o-transform: translate(-420px); } to { -o-transform: translate(0px); }  }	
/* #vyhody .dod {animation: 1.6s fadeIn}	 */
/* #vyhody .kon {animation: 2.4s fadeIn;}	 */
#vyhody ul,#vyhody .textleft {margin-top:45px}
#vyhody ul li.vyhodylist {list-style-type: none; background: #fff url("/userfiles/image/ikony/list.jpg") top left no-repeat; padding: 6px 0 6px 30px; background-position:left center; font-size:120%}
#vyhody ul li.prvni {animation: 1.6s fadeIn;}
#vyhody ul li.druhy {animation: 2.1s fadeIn;}
#vyhody ul li.treti {animation: 2.8s fadeIn;}
#vyhody ul li.ctvrta {animation: 3.5s fadeIn; color: #ff0000}
#vyhody img.globe {}
#vyhody .textleft {text-align:right}

#refloga img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);opacity: 0.3;}
#refloga img:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);opacity: 1;}

#refloga .blok {display:inline-block; text-align:center;vertical-align: middle !important; }
.refloga2 {position:relative; left:50px}