/* ==== Google font ==== 

piros:   #42A3E8;
/* === prettify === 
@import url('../js/google-code-prettify/prettify.css');*/
/* === fontawesome === */
/* === custom icon === !!!!!!!toroltem*/
@import url('custom-fonts.css');
@import url('font-awesome.css');



/* ===================================


==================================== */
a, a:hover, a:focus{
	text-decoration: none!important;
}
a{color: #02A6CB;}
.red{color: #CE0160}
/*.kek, .cim3, .color-1{color: #00B4E5}*/
h1, h2, h3, .cim1, .cim2 {
	font-weight: 400;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #02A6CB;
}
h1, .cim1 {
font-size: 28px;
margin-top:15px;
margin-bottom:5px;	
line-height: normal;
}
h2, h3{
font-size:26px;
margin-top:15px;
margin-bottom:5px;	
line-height: normal;
}

.cim2 {font-size: 18px;}

#wrapper {
	width: 100%;
	margin: 0;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-color: #f2f2f2;
	
}
.fcsik{height: 6px;
	background-color: #02A6CB;
}
.csik{
	background-image: url(../images/bg-img.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:6px;
	margin:0;
	}
header .fejhatter{
	-webkit-box-shadow: 5px 0px 10px #999999;
	box-shadow: 5px 0px 10px #999999;
	/*margin-top: 5px;
	background-color: #FFF;
	background-image: url(../img/potty.gif);
	background-repeat: repeat;*/
}
.headcim{float: left;
width: 370px;}	
.logo {
	
	float: left;
	margin-right:5px;
	width:35px;
	height: auto;	
}
.cimd, h1 .cimd{
font-size: 28px;
line-height: 34px;
font-weight: 400;
letter-spacing: -1px;
color: #02A6CB;
}
.cimd span{
color: #CE0160;
}

.f-kapcs {
	float: right;
	text-align: right;	
	padding-top: 5px;
	width:300px;
}
.hivjon{font-size:22px;
color:  #CE0160;
}
.hivjon span {color:#02A6CB;}
.ikonok {
	padding: 5px 15px;
	margin-bottom: 10px;
	list-style: none;
	/*background-color: #f5f5f5;*/
	
}
.ikonok>li {
	display: inline-block;
	
}

.f-kapcs .ikonok a {
	margin-left: 10px;
	color:#02A6CB;
	text-shadow: 1px 1px 3px #ccc;
}
/*
.f-kapcs a.fb {	color: #03BBFD!important;}
.f-kapcs a.goog {color: #CB0016!important;}*/
.f-kapcs .ikonok a:hover {
color: #42A3E8;
}
.ikonok a.gombaj {
	padding: 5px;
	color: #FFF!important;
	background-color: #CE0160!important;
	border: solid 1px #61707B;
	border-radius: 5px;
	margin-top: 0;
	-webkit-box-shadow: 1px 1px 3px #9E9D9D;
	box-shadow: 1px 1px 3px #9E9D9D;
}
.ikonok a.gombaj a:hover, .ikonok a.gombaj a:focus {background-color: #02A6CB!important;}
/*
header .navhatter{		
margin-top: 5px;
background-color: #236DA7
background-image: url(../img/potty.gif);
background-repeat:repeat;}*/	

.clear {
	clear: both;
}
.clear2 {
	clear: both;
	height: 1px;	
	border-bottom: medium double #02A6CB;
	margin-bottom:10px;
}


.sorki, .p2 {
	text-align: justify;
	
}

.ok {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 100px;
}


/* ===================================
2. layout
==================================== */


.feher{padding-top: 10px;
	border-top: solid 1px #E3E3E3;
	background-color:#FFF;
margin:0;}
/* fehér háttér átmenettel*/
.feher3{padding-top: 0;
	border-top: solid 1px #E3E3E3;
	background-color:#FFF;
    margin:0;
	/*background-image: -webkit-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	background-image: -moz-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	background-image: -o-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	background-image: linear-gradient(180deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	*/}
.feherproj{border-top: solid 1px #9E9B9B;}
.arny{
	margin-bottom: 15px;	
	-webkit-box-shadow: 0px 5px 15px 5px rgba(152,152,152,1.00);
	box-shadow: 0px 5px 15px 5px rgba(152,152,152,1.00);
}



/* ===================================
3. Responsive media
==================================== */

.video-container, .map-container, .embed-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%; /*????????????*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: none;
}

iframe {
	border: none;
}
/*
.img-box {
	max-width: 100%;
}*/
/* ===================================
4. Header
==================================== */

/* --- header -- */

header .navbar {
	margin-bottom: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.navbar-default {
	border: none;
}


header .navbar-collapse ul.navbar-nav {
	/*float: right;*/
	margin-right: 0;
	
}
header .navbar-default {
	/*background-color: #000;*/
}
/* menü mozgása*/
header .nav li a:hover, header .nav li a:focus, header .nav li.active a, header .nav li.active a:hover, header .nav li a.dropdown-toggle:hover, header .nav li a.dropdown-toggle:focus, header .nav li.active ul.dropdown-menu li a:hover, header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
header .navbar {
	/*min-height: 90px;*/
}
header .navbar-nav > li {
	
	/*text-transform: capitalize;*/
	font-size: 16px;
	font-weight:normal;
	/**/
	
}
header .navbar-nav > li > a {
		-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	padding-bottom: 15px;
	padding-top: 10px;
	padding-left: 5px; /*20*/
	padding-right: 5px;
	color: #236DA7!important;
	font-family: arial, sans-serif!important;
}


.dropdown-menu li a:hover {
	color:#CB0016!important;
	background-color: #FFF
	/*background-color: #F1F1F1!important; */

}
/*
header .nav .caret {
	border-bottom-color: #CCC;
	border-top-color: #CCC;
}*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*background-color:#666;alap menünél active link*/
	/*color: #CCC!important;jjj
	border: solid 1px #CCC;
	border-radius: 5px;*/
	color:#CB0016!important;
	
}
.dropdown-menu .active
{/*             lenyíló active link - hosszú menünél*/
color:#CB0016;
background-color: #FFF;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	/*background-color:#FFF;  lenyíló háttérszín ha nyitva van - ikonos */
	color: #236DA7;
}

.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	border: none;
}
/*
.dropdown-menu li:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}*/
header .nav li .dropdown-menu {
	padding: 0;
}
header .nav li .dropdown-menu li a {
	line-height: 22px;
	padding: 12px 12px;/*12px*/
	
}
/* --- menu ---

header .navigation {
	float: right;
}
header ul.nav li {
/*border: none;
	margin: 0;
} */
header ul.nav li a {
	/*font-size: 14px;*/
	border: none;
	
	
}

header ul.nav li ul li a {
	
	border-bottom: solid 1px #999;	
	color: #236DA7;
	
}
 

.navbar .nav > li > a {
	/*color: #F00;text-shadow: none;*/
}
.navbar .nav a:hover {
	color:#CB0016!important;
/*background-color:#F9FAFD;*/

}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
	/*color:#f6cf96!important;   *** jjj  active link színe*/
	color:#CB0016;
/*background-color: #F1F1F1;*/
	
}
.navbar .nav > .active > a:active, .navbar .nav > .active > a:focus {
	outline: 0;
}
.navbar .nav li .dropdown-menu {
	z-index: 2000;
}
.dropdown-menu .dropdown i {
	position: absolute;
	right: 0;
	margin-top: 3px;
	padding-left: 20px;
}/*
.navbar .nav > li > .dropdown-menu:before {
	display: inline-block;
	
	content: none;
}*/
ul.nav li.dropdown a {
	z-index: 1000;
	display: block;
}
select.selectmenu {
	display: none;
}





/* ===================================
7. Section: callaction - első szakasz háttere
==================================== */
section.callaction {
	
	padding: 20px 0 20px 0;
}
/* ===================================
8. Section: Content hátterekszínátmenet h.szürkéből fehérbe
==================================== */

.content{
	position: relative;
	padding: 20px 0 20px 0;
	
}

.content2 {
	position: relative;	
	padding: 0 0 20px 0;	
	margin:0;
	
}
.content img, .content2 img {
	max-width: 100%;
	height: auto;
}




ul.breadcrumb li a:hover {
	text-decoration: none;
	/*color:#F00!important;s,störje*/
}
/* ============================
11. Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
	width: 100%;
	border: 1px solid #CCC;
	min-height: 40px;
	padding: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
form#contactform textarea {
	border: 1px solid #CCC;
	width: 100%;
	padding: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
#thumbs {
	margin: 0;
	padding: 0;
}
#thumbs li {
	list-style-type: none;
}
.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}
.item-thumbs a + img {
	width: 100%;
}
.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;
	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
}
.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}
.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}
.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}
@media (max-width: 320px) {}
	

ul.general {
	list-style: none;
	margin-left: 0;
}
ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.link-list li {
	
	margin-bottom:5px;
	margin-left: 10px;
	padding: 2px 0 2px 0;
	list-style: none;
}

ul.list-1, ul.list-12 {
	margin-left: 10px;
	padding: 0;
	list-style: none;
}
ul.list-1 li {
	margin: 0;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 2px;
	list-style: none;
}
ul.list-12 li {
	background:url(../images/marker-1.gif) 0 11px no-repeat;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 10px;
	list-style: none;
}
footer ul.link-list li a {
	color: #FFF;
}
footer .fcim{font-size: 18px;}
footer ul.link-list li a:hover {
	color: #C00;
	text-decoration: none;
}
/* --- Heading style --- */

.widget{padding:10px;}
.heading {
	margin-bottom: 30px;
	position: relative;
	}
/* --- Map --- */

.video-container, .map-container, .embed-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: none;
}
.embed-container iframe, .embed-container object, .embed-container embed, .video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe {
	border: none;
}


.map {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.map iframe {
	width: 100%;
	height: 250px;
	border: none;
}

#fb-root {
    display: none;
}
.padright20{margin-right:20px;}
/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/* ===============================
16. Footer
================================ */



footer {
	padding: 20px 0 0 0;
	border-top: medium double #8E8E8E;
	background-image: -webkit-linear-gradient(270deg,rgba(177,177,177,1.00) 1.55%,rgba(153,153,153,1.00) 28.50%);
	background-image: -moz-linear-gradient(270deg,rgba(177,177,177,1.00) 1.55%,rgba(153,153,153,1.00) 28.50%);
	background-image: -o-linear-gradient(270deg,rgba(177,177,177,1.00) 1.55%,rgba(153,153,153,1.00) 28.50%);
	background-image: linear-gradient(180deg,rgba(177,177,177,1.00) 1.55%,rgba(153,153,153,1.00) 28.50%);
}
footer address {
	
}
/*
ul.social-network {
	list-style: none;
	margin: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
*/
#sub-footer {
	text-shadow: none;
	padding: 0;
	padding-top: 30px;
	margin: 20px 0 0 0;
}
.hon {
	margin-top: 40px;
	text-align: left;
	font-size: 12px;
}
footer, footer strong, footer a, footer a:hover {
	color: #FFF;
}
footer a:hover {
	text-decoration: underline;
}
/* ===============================
 Live preview purpose
================================ */
/* --- buttons --- */


/* ===============================
17. Divider, Line & Misc
================================ */

/* scroll to top */
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background-color:#CE0160!important;
}
a.scrollup {
	outline: 0;
	text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
	opacity: 1;
	text-decoration: none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff!important;
}
a.scrollup i:hover {
	text-decoration: none;
	color: #fff!important;
}

/* =============================
18. Position & alignment
============================= */


.floatright {
	float: right;
}

.floatrightimg {
	float: right;
	margin-left: 10px;
	width: 150px;
	height: auto;
	border-radius: 5px;
	border: 2px solid #e2ceb7;
}
.floatleft {
	float: left;
}
.floatleftimg {
	float: left;
	margin-right:10px;
	width: 150px;
	height: auto;
	border-radius: 5px;
	border: 2px solid #e2ceb7;
	
}
/* =============================
21. Media queries -flex slider
============================= */


@media (max-width: 767px) {
body {
	padding-right: 0;
	padding-left: 0;
}

.navbar-header {
	margin-top: 10px;
	border-bottom: none;
}
.navbar-nav {
	border-top: none;
	float: none;
	width: 100%;
}
header .navbar-nav > li {
	padding-bottom: 0;
	padding-top: 0;
	padding-left:20px;
}
header .nav li .dropdown-menu {
	margin-top: 0;
}
.dropdown-menu {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	/* background-color: #000;      jjj   háttér menünél - kisebb képernyő*/
	background-clip: padding-box;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-collapse.collapse {
	/*border-top: solid 1px #F6CF96;    lenyíló menü ikon m-nél*/
	overflow: hidden;
	
}

	
.navbar-default .navbar-nav.dropdown-menu	li a {border-bottom: solid 1px #CCC!important;}
header ul.nav li a {
	
	border-bottom: solid 1px #999;
	
	/*font-weight: 300;text-transform:uppercase;*/
}

}

.breadcrumb > li {
	font-size: 14px;
}
/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline {
	background-color: #236DA7!important;
	
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
	border: solid 2px #1F5987;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 10px #666666;
	box-shadow: 5px 5px 10px #666666;
	background-image: -webkit-linear-gradient(270deg,rgba(35,109,167,1.00) 5.70%,rgba(40,123,188,1.00) 47.67%,rgba(35,109,167,1.00) 89.64%);
	background-image: -moz-linear-gradient(270deg,rgba(35,109,167,1.00) 5.70%,rgba(40,123,188,1.00) 47.67%,rgba(35,109,167,1.00) 89.64%);
	background-image: -o-linear-gradient(270deg,rgba(35,109,167,1.00) 5.70%,rgba(40,123,188,1.00) 47.67%,rgba(35,109,167,1.00) 89.64%);
	background-image: linear-gradient(180deg,rgba(35,109,167,1.00) 5.70%,rgba(40,123,188,1.00) 47.67%,rgba(35,109,167,1.00) 89.64%);
}/* 
#inner-headline .inner-heading h2 {
	color: #fff;
	margin: 20px 0 0 0;
}


 .breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	
}
#inner-headline.breadcrumb>li {
	display: inline-block
}
#inner-headline .breadcrumb >li+li:before {
	content: "/\00a0";  
	padding: 0 5px;
	color: #FFF;
}
#inner-headline.breadcrumb>.active {
	color: #FFF;
}



#inner-headline .breadcrumb {
	float: left;
	clear: both;
	width: 100%;
}
#inner-headline ul.breadcrumb {
	margin: 20px 0 0;
	float: left;
}
#inner-headline ul.breadcrumb li {
	margin-bottom: 0;
	padding-bottom: 0;
}
#inner-headline ul.breadcrumb li {
	font-size: 22px;
	color: #fff;
}

#inner-headline ul.breadcrumb li a {
	color: #fff;
}

ul.portfolio li article a i.icon-48 {
	width: 20px;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
}
.left-sidebar {
	border-right: none;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #e6e6e6;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.right-sidebar {
	margin-top: 30px;
	border-left: none;
	padding: 0 0 0 0;
}*/
footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12 {
	margin-bottom: 20px;
}
#sub-footer ul.social-network {
	float: left;
}
[class*="span"] {
	margin-bottom: 20px;
}
}
.col-lg-kepek{width: 25%;
float: left;}
@media (max-width: 480px) {
.bottom-article a.pull-right {
	float: left;
	margin-top: 20px;
}
.flexslider .flex-caption {
	display: none;
}
.col-lg-kepek{width: 50%;
float: left;}
.headcim{
width: 270px;
}	
.cimd, h1 .cimd{
font-size: 20px;
line-height: 28px;
font-weight: 400;
letter-spacing: -1px;
color: #02A6CB;
}

}

/*style 2*/

/*********font************/
.color-1, .cim3 {
	color:#01a5ca;/*kék*/
}
p.color-sz{color:#02A6CB;
font-weight:bold;
margin-bottom:2px;
padding-bottom:0px;
text-align: left;
font-size: 16px;
}
.kiemel1{color: #CE0160}
.cim3, .kiemel1{font-size: 18px;
line-height: 28px;}
.color-1n {
	color:#01a5ca;/*kék*/
	font-size:20px;
	font-weight: normal;
	line-height: 28px;
}
.color-z {
	color:#99C404;
}
.color-2 {
	color:#CE0160; /*piros*/
	
}
.color-2n {
	color:#CE0160; /*piros*/
	font-size:20px;
	font-weight: normal;
	line-height: 28px;
}
.color-3 {
	color:#FFF;
}
.color-3n{
	color:#FFF;
	font-size: 24px;
}
.akciokeret3 {
	
	font-size: 14px;
	font-weight: 400;
	margin: 8px;
	padding: 8px;
	border-top:  medium double #02A6CB;
	 border-bottom: medium double #02A6CB;
	padding-bottom: 10px;
	text-align: center;
	
	
}
.list-1p{padding-left:5px;}
.list-1p li {
	background:url(../images/pip.png) 0 3px no-repeat;
	
	padding-left: 20px;
	margin-left:10px;
	list-style:none;
}
.list-szam li {
	padding-left: 5px;
	margin-left: 5px;
	list-style-type: decimal;
}
.list-sorol li {
	padding-left: 5px;
	margin-left: 5px;
	list-style-type: square;
}
.list-1p li a {color:#333}

.font-1{
	font-size:30px;
	color:#CE0160;
	letter-spacing:-1px;
		
	
	
}

p .font-1{margin-top:5px;}
.invert2 {
	background-color: #06AFD0!important;
	font-weight: bold;
	color: #FFF;	
	padding: 5px;
	font-size:16px;
	text-align:center;
}
a.reszlet{
	background-image: url(../images/nyilkek.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 8px;
	margin-left: 8px;
	padding-right: 12px;
}
a.reszlet:hover{
	text-decoration: underline;	
}
strong{color: #666;}
.trans{text-transform:uppercase;}
.margin3{margin: 3px;}
.urlap{ width:100%;
padding:3px;

}
.lev{width: 100%;
margin-top:5px;
color: #00A5DC;}