body{
	font-family: Arial;
	background: url('../images/hatter.jpg') top left repeat;
}
.clear{ clear: both; }

.carousel-inner img {margin: 0 auto;}

#seomenu .nav li a,
#head .navbar-default .navbar-nav > li > a,
#akciosav .reszletek,
#content .termek_lista_box {-moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

#head {background: #424854;}
	#head .navbar-header .navbar-toggle {background-color: #646d7d; border-color: #979fad;}
	#head .navbar-default .navbar-toggle .icon-bar {background-color: #979fad;}
	#head .navbar {margin: 0px; border-width: 0px; border-top: 1px solid #d0161b; background: transparent;}
	#head .navbar ul, 
	#head .navbar-brand {color: #ddd;}
	#head .navbar-brand:hover {color: #a7a19d;}
	#head .navbar-default .navbar-nav > li > a {background: none; text-decoration: none; color: #82899b; text-transform: uppercase; font-family: "Arial"; font-size: 12px;}
	#head .navbar-default .navbar-nav > li a:hover,
	#head .navbar-default .navbar-nav > li.active a {background: transparent; color: #fff;}
	#head .navbar-default .navbar-nav > li.jobbra a {background: #d0161b; color: #fff;}
        #head .navbar-default .navbar-nav > li.jobbra a:hover {color: yellow;}

#logo {background: #FFF; padding: 15px;}
	#logo img {margin-left: auto; margin-right: auto;}
	#logo .kereses {width: 100%; margin-top: 15px;}

#seomenu {background: #e5e5e5; border-top: 1px solid #bdbdbd;}
	#seomenu .navbar-default {background: transparent; margin: 0px; box-shadow:none;}
        #seomenu .nav {display: table; float: none; margin-left: auto; margin-right: auto;}
	#seomenu .nav li {border-right: 1px solid #bdbdbd;}
	#seomenu .nav li ul li {border-right-width: 0px; padding: 4px;}
	#seomenu .nav li ul li a {padding: 5px;}
	#seomenu .nav li:last-child {border-right-width: 0px;}
	#seomenu .nav li a {text-decoration: none; color: #303030; font-family: "Arial"; font-size: 12px; font-weight: bold;}
	#seomenu .nav li:hover a, #seomenu .nav li.active a {color: #d0161b;}

#slider {}
	#slider_csik {background: url('../images/slider_csik_hatter.png') repeat; color: #FFF;}

#akciosav {background: #FFF; padding-top: 30px; padding-bottom: 30px;}
	#akciosav h2 {color: #d0161b; text-transform: uppercase;}
	#akciosav p {color: #a7a19d;}
	#akciosav .reszletek {background: #5083c5; color: #FFF; padding: 10px 20px; float: right;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border: 1px solid #2d5d9c; text-transform: uppercase; font-size: 16px; text-transform: uppercase; }
	#akciosav .ar {color: #5083c5; font-size: 36px; float: right; margin-right: 10%; text-decoration: none;}
	#akciosav .reszletek:hover {background: #d0161b; text-decoration: none; border-color: #a50012;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
	#akciosav .carousel-indicators {bottom: -20px;}
	#akciosav .carousel-indicators li {border-color: #dcdcdc;}
	#akciosav .carousel-indicators .active {border-color: #cfcfcf; background: #eeeeee;}

#vezeto{background: #31353d; text-align: center;}
	#vezeto h1 {color: #FFF; font-size: 24px; line-height: 24px; margin: 20px;}
	#vezeto h1.adatlap {margin: 0px; margin-top: 20px;}
	#vezeto h2 {color: #778190; font-size: 16px; line-height: 16px; text-transform: uppercase; margin: 0px; margin-bottom: 20px; margin-top: 5px;}

#content {padding-top: 20px; padding-bottom: 20px;}
	.termek_lista_box_padding {padding: 10px; height: 360px}
	.termek_lista_box {background: #FFF; border: 1px solid #CECECE; padding: 0px; overflow: hidden; display: block;}
	.termek_lista_box .kep {min-height: 292px; padding: 15px; padding-bottom: 5px;border-bottom: 1px solid #CECECE;}
	.termek_lista_box .kep img {margin-left: auto; margin-right: auto;}
	.termek_lista_box h2 {color: #000; font-size: 16px; font-weight: bold; margin: 0px; margin-bottom: 5px;}
	.termek_lista_box .szoveg {color: #a7a19d; margin: 0px 0px 5px 0px; line-height: 14px; font-size: 12px;}
	.termek_lista_box .ar_megvasarolhato {color: #5083c5; width: 50%; float: left;}
	.termek_lista_box .ar_berelheto {color: #d0161b; width: 50%; float: left; border-right: 1px solid #CECECE;}
	.termek_lista_box .ar_box {text-align: center;}
	.termek_lista_box .ar_box .ar {font-size: 14px; font-weight: bold;}
	.termek_lista_box .ar_box .ar2 {font-size: 12px; font-weight: normal; color: #777777;}
	.termek_lista_box .ar_box p {font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0px;}
	.termek_lista_box:hover {border-color: #989898; -webkit-box-shadow: 0px 0px 5px 0px rgba(97,97,97,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(97,97,97,0.75);box-shadow: 0px 0px 5px 0px rgba(97,97,97,0.75); text-decoration: none;}
	
	.termek_adatlap  {color: #a2a2a2;}
	.termek_adatlap .ar_sor {margin-top: 25px;}
	.termek_adatlap .ar_sor button {float: right; background: #778190; color: #FFF; border-color: #31353d; text-transform: uppercase;}
	.termek_adatlap .ar_sor button:hover {background: #31353d; }
	.termek_adatlap .ar_sor a {color: #a2a2a2; text-decoration: none;}
	.termek_adatlap .ar_sor a:hover {color: #d0161b; text-decoration: none;}
	.termek_adatlap h5 {border-bottom: 1px solid #CECECE; font-size: 16px;color: #000; font-weight: bold;}
	.termek_adatlap h5 i { color: #a2a2a2;}
	.termek_adatlap .ar {font-size: 26px; color: #d0161b;}
	.termek_adatlap .ar span {font-size: 20px; color: #a2a2a2;}
	
	.visszalepes {padding: 5px 10px; margin-top: 10px; margin-bottom: -20px; background: #778190; color: #FFF; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px; text-decoration: none; }
	.visszalepes p {text-align: center; font-size: 14px; margin: 0px;}
        .visszalepes a {color: #fff; font-size: 14px;}
	.visszalepes a:hover {color: #31353d; text-decoration: none; }
	.visszalepes i {color: #9ea7b5; font-size: 14px;}
	
	/*.szoveg {background: #FFF; border: 1px solid #CECECE; padding: 15px;}*/

#lablec {background: #31353d; width: 100%; min-height: 200px; border-top: 1px solid #FFF; border-bottom: 1px solid #17191d; color: #59616d; padding-top: 20px;}
	#lablec h5 {color: #c1c1c1; text-transform: uppercase; font-size: 16px;}
	#lablec i {font-size: 48px; float: left; color: #f15f43; margin-right: 20px;}
	#lablec span {color: #59616d;}
	
#footer {background: #24272d; width: 100%; min-height: 80px; border-top: 1px solid #4c5058; color: #59616d;}
	#footer div.logo {width: 230px; height: 60px; margin-top: 7px;margin-left: auto; margin-right: auto;}
	#footer div.logo a {color: #59616d; text-decoration: none; font-size: 11px; line-height: 11px; }
	#footer div.logo a.ufotech {display: block; background: url('../images/logo_ufotech.png') left no-repeat; height: 60px; width: 79px; float: left; margin-right: 10px;opacity: 0.4; filter: alpha(opacity=40);}
	#footer div.logo a.ufotech:hover { background: url('../images/logo_ufotech.png') right no-repeat; }
	#footer div.logo a:hover {color: #444;opacity: 1.0; filter: alpha(opacity=100);}
	#footer div.logo ul {list-style: none; padding-left: 10px; float: left;  margin: 0px;}
	#footer div.logo ul li {line-height: 16px;}
        #footer .left p {margin: 14px 0px;}



@media (max-width:480px){
}			
@media (min-width:480px){
	#akciosav h2 {font-size: 20px;}
	#akciosav .kep {margin-left: auto; margin-right: auto;}
}	
@media (max-width:768px){
	#lablec .ures {display: none;}
	#seomenu .nav {float: left;}	
	#seomenu .nav li { border-width: 0px; }
	#akciosav h2,#akciosav p {text-align: center;}	
	#akciosav .ar, #akciosav .reszletek {float: none; text-align: center; display: block; margin: 10px;}	
}		
@media (min-width:768px){
	#footer .left {text-align: left;}
	#footer .logo {float: right;}
	.navbar-brand { display: none; }
	#seomenu .nav li a { padding: 20px 7px; font-size: 11px;}
	#akciosav h2 {font-size: 30px;}	
	#head .navbar-default .navbar-nav > li > a { padding: 15px 6px; font-size: 12px; text-transform: none; }
	#logo .kereses {width: 80%; margin-top: 5px; float: right;}
}	
@media (min-width:960px){
}
@media (max-width:991px){

}
@media (min-width:991px){
	#seomenu .nav li a { padding: 20px 15px; font-size: 12px;}
	#head .navbar-default .navbar-nav > li > a { padding: 15px 12px; font-size: 11px; text-transform: uppercase;  }
	#logo .kereses {width: 60%; margin-top: 9px;}	
}	
@media (min-width:1200px){
	#head .navbar-default .navbar-nav > li > a { padding: 15px 20px; font-size: 12px;}
	#logo .kereses {width: 50%; margin-top: 9px;}		
}
@media (max-width:1200px){
}	
@media (min-width:1440px){
}	

ol.breadcrumb > li.breadcrumb-separator {display: none;}

.socialshares {margin: 10px; min-height: 20px;}