@font-face {
/*    font-family: "Sony Sketch EF";
    src: url(../Sony_Sketch_EF.ttf); */
}
@font-face {
    font-family: "Arial";
    src: url(../arial.ttf); 
} 

@font-face {
    font-family: "Arial Bold";
    src: url(../arialbd.ttf); 
} 

body {
font: normal 100% Arial, sans-serif;
margin:0;
padding:0;
background: #001836;
/*background-color:#001836 ;*/
color:#7d7d7d;
font-size:15px;
}

a:link img, a:visited img {
border:0;
}
p a {
text-decoration:none;
color:#7d7d7d;
}

#felso {
height:20px;
width:100%;
float:left;
/* fallback (Opera) */
    background: #001836;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #001836, #00355f);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#001836), to(#00355f));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#001836', EndColorStr='#00355f', GradientType=1);
}

/*
Középso fo tartalom
------------------------*/ 
#kozep {
margin:0 auto;
padding:0 auto;
width:960px;
clear:both;
}

#fejlec, #menusor, #key_visual, #alsonegy, #szoveg_tartalom {
float:left;
width:960px;
}

.moduletable h3 {
color:#25a9df;
text-transform:uppercase;
padding-left:16px;
}
.inputbox,
input[type="text"],
input[type="password"]  {
	color:#000000;
	background:#ffffff;
	border:1px solid #ddd;
	box-shadow:inset -1px -1px 0 #555, inset 1px 1px 0 #999 ;
	margin:0 0.25em 0 0;
	padding:4px 7px;
/*	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in;  */
}
	
.inputbox:hover,
.inputbox:focus,
	input[type="text"]:hover,
	input[type="text"]:focus,
	input[type="password"]:hover,
	input[type="password"]:focus  {
		background:#fff;
		color:#000000;
}

button,
input.button,
a.button  {
	font-family:"Sony Sketch EF", Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	background:#25a9df;
	background: -moz-linear-gradient(100% 100% 90deg, #25a9df, #25a9df);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#25a9df), to(#25a9df));
	border:1px solid #f8d2c3;
	box-shadow:inset -1px -1px 0 rgba(255,255,255,.4), inset 1px 1px 0 rgba(255,255,255,.4);
	color:#ffffff!important;
	text-shadow: inset 1px 1px 1px #000; 
	display:inline-block;
	padding:2px 12px 4px; 
	cursor:pointer;
	font-size:1.1em;
	margin:0 0;
	text-decoration:none;
/*	-moz-transition: box-shadow .3s ease-out;
	-o-transition: box-shadow .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	transition: box-shadow .3s ease-out; */ }
	
	button:hover,
	input.button:hover,
a.button:hover {
		box-shadow:inset -1px -1px 0 rgba(255,255,255,.9), inset 1px 1px 0 rgba(255,255,255,.9); 
		background: #002244;
}
		
button:focus,
input.button:focus,
a.button:focus { background:#ddd;
}
			
	
a.button {
}
	
#fejlec {
height:90px;
}

#logo_container {
float:left;
background:#fff;
}

#logo {
margin-top:20px;
margin-left:15px;
float:left;
}

#slogan {
margin-left:8px;
margin-top:40px;
float:left;
}

#fb_language_container {
float:right;
background-color:#fff;
}

#language {
float:right;
height:53px;
background:url(../images/nyelvv.png) no-repeat top right;
width:101px;
padding-top:37px;
text-align:right;
padding-right:15px;
}

#language span {
font-size:12px;
}


#language2 {
float:right;
height:53px;
background:url(../images/nyelvv.png) no-repeat top left;
width:181px;
padding-top:37px;
text-align:right;
padding-right:15px;
display:none;
}

#language2 span {
font-size:12px;
}

#social {
float:right;
margin-top:37px;
}

#social a{
text-decoration:none !important;
}
#menusor {
height:60px;
background-color:#25a9df;
clear:both;
}

#menusor ul {

}

#menusor li {

}

#menusor ul a:link,
#menusor ul a:visited {
font-size:12px;
font-weight:normal;
text-transform:uppercase;
text-align:left;
font-family: Arial, sans-serif;
}

#key_visual {

}

#key_visual p {
margin:0;
}

#szoveg_tartalom {

}

#szoveg_tartalom h1, h2 {
color:#25a9df;
text-transform:uppercase;
padding-left:16px;
font-size:12pt;
font-family: Arial;
}


#szoveg_tartalom h2 a {
text-decoration:none;
color:#25a9df;
}


#szoveg_tartalom p {
font-size:15px;
padding:0 16px;
text-align:justify;
}

#alsonegy {
width:960px;
/* height:385px; */
background-color:#ffffff;
}

#copyright {
float:left;
margin-left:16px;
margin-right:16px;
}

#copyright hr {
width:928px;
color:#a6a8ab;
background-color:#a6a8ab;
}

#copyright p {
padding:0;
color:#a6a8ab;
font-size:9px;
font-family: Arial, sans-serif;
}

#lablec {
min-height:270px;
width:100%;
float:left;
/* fallback (Opera) */
    background: #001836;
    /* Mozilla: */
/*    background: -moz-linear-gradient(left, #001836, #00355f);*/
    /* Chrome, Safari:*/
 /*   background: -webkit-gradient(linear,
                left top, right top, from(#001836), to(#00355f));*/
    /* MSIE */
/*    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#001836', EndColorStr='#00355f', GradientType=1);*/
}

#footer_container {
width:924px;
margin:0 auto;
padding:0 auto;
height:250px;
color:#fff;
font-size:12px;
margin-top:20px;
font-family: Arial, sans-serif;
}

#footer_title {
}

#footer_title span {
text-transform:uppercase;
}
#footer_title hr {
float:left;
width:924px;
color:#fff;
}

#footer_tartalom {
margin-top:13px;
float:left;
width:924px;
}

#footer_linkek {
float:left;
width:800px;
}

#footer_linkek #elso_oszlop, #footer_linkek #masodik_oszlop, #footer_linkek #harmadik_oszlop, #footer_linkek #negyedik_oszlop {
float:left;
margin-right:40px;
font-size:11px;
}


#footer_linkek #otodik_oszlop {
float:left;
font-size:11px;
}

#footer_linkek #elso_oszlop ul, #footer_linkek #masodik_oszlop ul, #footer_linkek #harmadik_oszlop ul, #footer_linkek #negyedik_oszlop ul, 
#footer_linkek #otodik_oszlop ul {
padding: 0;
margin: 0;
list-style-type:none;
line-height: 130%;
}

#footer_linkek ul a:link, #footer_linkek ul a:visited {
display:block;
text-decoration:none;
color:#fff;
}

#footer_linkek li.active a:link,
#footer_linkek li.active a:visited {
        color:#7bccee;
}

#footer_linkek li a:hover {
color:#7bccee;
}

#footer_kereso {
float:left;
height:30px;
width:124px;
}

.search label {
display:none;
}

#footer_social {
float:right;
width:124px;
height:20px;
margin-top:75px;
}

.search .inputbox {
width:94px;
height:13px;
}

.search .button {
    background: url("../images/search_button.png") no-repeat scroll 0 0 transparent;
    border: 0 none !important;
    cursor: pointer;
    float: right;
    font-size: 1px;
    height: 19px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    text-indent: -9999px;
    width: 24px;
}
#teljeshatter {
background: url(../images/manta_bg.png) no-repeat center top;
background-color: #ffffff;
width:100%;
padding:0;
margin:0;
}

.swimCollection a,.budapest2017 a,.racingCollection a,.beach a,.waterpolo a, .junior a,.superior a,.kiegeszito a {
text-decoration:none;
color:#7d7d7d;
font-size:14px;
display:block;
float:left;
}
.felirat {
float:left;
}
.circle {
width:24px;
height:24px;
border-radius: 12px;	
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
display:block;
float:left;
position:relative;
margin-top: -4px;
-webkit-transition: color 300ms, background-color 300ms;
-moz-transition: color 300ms, background-color 300ms;
-o-transition:  color 300ms, background-color 300ms;
transition:  color 300ms, background-color 300ms;
}
.swimCollection .circle, .budapest2017 .circle,.racingCollection .circle,.beach .circle, .waterpolo .circle,.junior .circle, .superior .circle,.kiegeszito .circle {
background-color: #25a9df;
}

.budapest2017 .circle:hover {
background-color: #000000;
}

.swimCollection .circle:hover {
background-color: #86c548;
}
.racingCollection .circle:hover {
background-color: #02b291;
}
.junior .circle:hover {
background-color: #f15936;
}
.beach .circle:hover {
	background-color: #ec532b;
}	
.superior .circle:hover {
	background-color: #658ec9;
}	
.waterpolo .circle:hover {
	background-color: #ed1a3b;
}	
.kiegeszito .circle:hover {
	background-color: #00a651;
}	
.circle .circlecontent{
position:absolute;
top:6px;
left:8px;
}