/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

@font-face {
  font-family: Raleway;
  src: url(/fonts/raleway-regularraleway.ttf);
  src: local("☺"),
    url("/fonts/raleway-regularraleway.woff") format("woff"),
    url("/fonts/raleway-regularraleway.otf") format("opentype"),
    url("/fonts/raleway-regularraleway.svg") format("svg");
  }
  
  
  @font-face {
  font-family: Raleway bold;
  src: url(/fonts/raleway-boldraleway.ttf);
  src: local("☺"),
    url("/fonts/raleway-boldraleway.woff") format("woff"),
    url("/fonts/raleway-boldraleway.otf") format("opentype"),
    url("/fonts/raleway-boldraleway.svg") format("svg");
  }

.coin-slider {
    overflow: hidden;   
    position: relative;
    margin-bottom: 15px;
    margin-top: 6px;
    width: 760px;
    height: 296px;
}

.coin-slider a {
    text-decoration: none;
    outline: none;
    border: none;
}

.cs-buttons {
    font-size: 0px;
    padding: 10px;
    float: left;
}
.cs-buttons a, a.cs-button-coin-slider.cs-active:hover {
    background: url(../../images/portal/kolo.png) no-repeat;
    margin-left: 5px;
    height: 17px;
    width: 17px;
    float: left;
    text-indent: -1000px;   
    border-radius: 15px;
}
a.cs-active, a.cs-button-coin-slider:hover  { 
    background: url(../../images/portal/koloh.png) no-repeat;
    
}

.cs-title {   
    padding: 0px 0px 30px 0px;
    margin: 0px;
    color: #000;
    width: 230px;
    top: 0px !important;
    right: 0px !important;
    height: 262px;
    font-size: 12px;
}

.cs-title:hover {
    color: red;
}


.cs-title .tytul-text{
    font-size: 14px;
    font-family: Raleway bold;
    color:#0099cb;
}

.cs-title .tytul-text:hover{
    color:#f32b2b;
}

#promowane_newsy{
	background: none !important;
}

.cs-prev, 
.cs-next {
    background-color: #000000;
    color: #FFFFFF;
    padding: 0px 10px;
}

a.cs-promowane_newsy{  
	width: 760px;
	height: 293px;

}

a.cs-promowane_newsy:hover{
/*    border: 1px solid red;*/
}

.coin-slider > div#promowane_newsy{
        height: 293px;
	width: 760px !important;
	overflow: hidden;
}

.cs-title .link{
    color: #FFF;
    padding: 3px 10px 3px 15px;
    text-decoration: none;
    text-transform: none;
    background: url('../../images/portal/link.png') no-repeat scroll 0px 0px;
    font-family: PT sans Narrow;
    font-size: 13px;
    font-weight: normal !important;
}

.cs-title .link:hover{
    cursor: pointer;
    background: url('../../images/portal/linkh.png') no-repeat scroll 0px 0px;
}

#cs-buttons-promowane_newsy{
    float: left;
	padding: 10px 0px;	
}


.cs-title .tresc{
    max-height: 130px;
    overflow: hidden;
    float: left;
    width: 228px;
    font-family: Arial;
    font-size: 12px;
    color: #000;
    margin-bottom: 22px;
    text-align:left;
}

#cs-buttons-promowane_newsy a:first-child{
	margin-left: 0px;
}

.cs-title .tytul:hover,
.cs-title .tresc:hover{
    cursor:pointer;
    color: red;      
}

.cs-title .tytul{
        margin-bottom: 15px;
        display: block;		
	background: #FFF;
	padding: 0px;
	padding-right: 0px;
	width: auto;	
	max-height: 47px;
	overflow: hidden;
	text-align: left;
	float: left;
	min-width: 205px;
}

.cs-but-content{
	width: 216px;
        position: absolute;
        bottom: 13px;
        right: 10px;
        z-index: 1;
}