section.historia {
    width: 100%;
    height: 891px;
    background: transparent url(../../pic/bg_historia.jpg) no-repeat top center;
}

ul#slider {
    width: 100%;
    height: 891px;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}
ul#slider li {
    width: 100%;
    height: 891px;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    z-index: 10000;
    text-align: center;
}

.rhino-btn {
	background:url(../../pic/slider-prev.png) 0 0 no-repeat;
	z-index: 1000;
	width: 81px;
	height: 89px;
	display: block;
	text-indent:-999%;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select: none;
    position: absolute;
    top: 415px;
    left: 68px;
}
.rhino-next {
	left: auto;
    right: 51px;
    background:url(../../pic/slider-next.png) 0 0 no-repeat;
}

ul#slider li div {
    width: 385px !important;
    height: 320px !important;
    margin: 0 auto !important;
    padding: 455px 0 0 0;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -192px !important;
    text-align: center;   
}
ul#slider li div h1 {
    text-indent:  -10000px;
    display: block;
    width: 210px;
    height: 75px;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
}
h1.y2008 { background:url(http://infinitmedia.hu/media/pic/historia/2008.png) 0 0 no-repeat }
h1.y2009 { background:url(../../pic/historia/2009.png) 0 0 no-repeat }
h1.y2010 { background:url(../../pic/historia/2010.png) 0 0 no-repeat }
h1.y2011 { background:url(http://infinitmedia.hu/media/pic/historia/2011.png) 0 0 no-repeat }
h1.y2012 { background:url(../../pic/historia/2012.png) 0 0 no-repeat }
h1.y2013 { background:url(../../pic/historia/2013.png) 0 0 no-repeat }

ul#slider li div h2 {
    font-family: 'ChevinMedium';
    color: #fff;
    font-size: 24px;
    margin: 20px 0 !important;
    font-weight: normal;
    line-height: 26px;
}
ul#slider li div p {
    font: 13px Arial;
    line-height: 18px !important;
    color: #fff;
    /*text-transform: uppercase;*/
    font-weight: bold;
    margin: 15px 0 0 0 !important;
    padding: 0 60px !important;
    text-align: center;
}
ul#slider li div span.buttons {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 385px;
    height: 36px;
    float: left;
    z-index: 10000 !important;
}
ul#slider li div span.buttons button {
    height: 36px !important;
    /*line-height: 30px !important;*/
    color: #fff;
    background:url(../../pic/historia/btn1.png) 0 0 no-repeat;
    width: 215px;
    padding: 0 2px 5px 13px !important;
    font-size: 14px;
    font-family: 'ChevinExtraBold';
    cursor: pointer;
    font-weight: normal;
    border: 0;
    display: block;
    float: left;
    margin-right: 0 !important;
    position: relative !important;
    z-index: 10000 !important;
    text-align: left;
}
ul#slider li div span.buttons button span {
    float: right;
    font: 11px arial;
    font-weight: bold;
    display: block;
    color: #28dee1;
    width: 30px;
    height: 24px;
    text-align: center;
    padding-top: 4px;
}
/*
ul#slider li div span.buttons button.btn2 {
    width: 168px;
    background:url(../../pic/historia/btn2.png) 0 0 no-repeat;
    padding: 0 0 5px 15px !important;   
    margin-right: 0; 
}
*/




ul#slider li div span.buttons button.btn2 {
    height: 36px !important;
    /*line-height: 30px !important;*/
    color: #fff;
    background:url(../../pic/btn1.png) 0 0 no-repeat;
    width: 148px;
    padding: 6px 2px 5px 10px !important;
    font-size: 14px;
    font-family: 'ChevinExtraBold';
    cursor: pointer;
    font-weight: normal;
    border: 0;
    display: block;
    float: left;
    margin-right: 10px !important;
    position: relative !important;
    z-index: 10000 !important;
}
ul#slider li div span.buttons button.btn2 span {
    float: right;
    font: 11px arial;
    font-weight: bold;
    display: block;
    color: #28dee1;
    width: 30px;
    height: 24px;
    text-align: center;
    padding-top: 4px;
}