@font-face {
    font-family: Familiar;
    src: url(../font/Familiar.otf);
}

.sliderwrapper{
	height: 120px;
	/*overflow: hidden;
	border: 10px solid navy;
	border-bottom-width: 6px;
	background-color:#600;*/
}
.sliderwrapper .contentdiv{
	visibility: hidden; 
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color:#fff;
	font-size:120%;
	/*text-shadow: 0px 0px 2px #888;
	left: 0; 
	top: 0;  
	background: white;*/
}
.contentdiv em {
	color: #222;
	font-size:80%;
}
.contentdiv p {
	font-size:220%;
	padding:0px;
	margin:0px;
    font-family: Familiar;
}
.pagination{
	text-align: center;
	/*background-color: navy;*/
	padding: 0 6px;
	margin:auto;
	font-size:100%;
}
.pagination a{
	padding: 0 6px;
	text-decoration: none; 
	color: #fff;
}
.pagination a:hover, .pagination a.selected{
	color: #fff;
	font-weight:bolder;
	font-size:130%;
	padding: 0 4px;
}
/*****************************RESZPONZÍV ALAKÍTÁS*****************************/
@media only screen
and (min-width : 588px)
and (max-width : 980px) {
.sliderwrapper .contentdiv{
}
.contentdiv p {
	padding:0px;
	margin:0px;
}
.pagination{
	text-align: center;
	/*background-color: navy;*/
	padding: 0 6px;
	margin:auto;
	font-size:100%;
	display:none;
}

}

@media only screen
and (min-width : 200px)
and (max-width : 588px) {
.sliderwrapper .contentdiv{
	font-size:100%;
	/*left: 0; 
	top: 0;  
	background: white;*/
}
.pagination{
	text-align: center;
	/*background-color: navy;*/
	padding: 0 6px;
	margin:auto;
	font-size:100%;
	display:none;
}
.contentdiv p {
	padding:0px;
	margin:0px;
	font-size:170%;
}
}