/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

html {
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-size: 16px;
	line-height:1.5;
}

* {
    box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}

img {
	border:none;
}

h1, h2, h3 {
	margin-bottom: 5px;
	padding: 0;
	font-weight: 500;
	clear:both;
}



h4{
	padding-bottom:5px;
	margin-bottom:0px;
	clear:both;
}

p, ul, ol {
	margin-top: 0;
}

a {
	text-decoration: none;
}


#wrapper {
	width:100%;
	min-height:800px;
}

.container {
	width: 100%;
	margin: 0px auto;

}

/* Logo */

#logo {
	width:100%;
	/*padding:0px 10px 20px 10px;*/
	padding:0px;
}

#logo-inner {
	width:100%;
	margin: 0 auto;
	position:relative;
}

#logo-small {
	padding-top: 10px;
}

#site-logo {
	padding-top:0px;
	text-align:center;
	font-weight:bold;

	font-size:2rem;
	letter-spacing: 0.4rem;
}

#site-motto {
	text-align: center;
	font-family: 'Oxygen';
	font-weight: 300;
	letter-spacing: 0.1rem;
	margin-top:-10px;
}

/* Menu */

#menu-wrapper {
	height: 52px;
	z-index:100;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

.sf-menu {
	text-align: center;
}

#menu li {
	/*display: inline-block;
	float:left;*/
}

#menu a {
	display: block;
	padding-left:20px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;
	border: none;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

#menu a:hover {
}

.current_page_item a {
	text-decoration: none;
}

.submenu a {
	line-height: 32px;
    /*width:280px;*/
    height:51px;
}

.submenu .current_page_item a {
}

.submenu a:hover{
	text-decoration: none;
}

.selected-menu-item {
}


/* Mobile menu */

.menu-mobile-item {
	height:2.5rem;
	display: table;
	width:100%;
}

.menu-mobile-item a {
	display:table-cell;
	vertical-align: middle;
}

#menu-mobile-container {
	display:none;
}

#menu-wrapper {
	display:none;
}

/* Page */

#page {
	overflow: hidden;
	padding: 20px 20px 40px 20px;
	text-align:left;
}

/* Content */

#content {
	float: right;
	padding: 0px 0px 0px 0px;
	width:100%;
}


/* Sidebar */

.sidebar {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar a {
	border: none;
}


/* Footer */

#footer-bg {
	padding: 20px 0px 10px 0px;
	text-align: center;
	font-size:85%;
}

#footer-bg a {
}

/* Footer */

#footer {
	height: 20px;
	margin: 0 auto;
	padding: 50px 0px 0px 0px;
}


h1 {font-size: 1.36rem;}
h2 {font-size: 1.30rem;}
h3 {font-size: 1.24rem;}
h4 {font-size: 1.18rem;}
h5 {font-size: 1.12rem;}
h6 {font-size: 1.06rem;}

.mas-orvosok {
    float:left;
    min-height:85px;
    width:170px;
    text-align:center;
    padding:5px;
    margin:5px;
}

.hide_under_730 {
	display:none;
}

.hide_under_960 {
	display:none;
}

.hide_under_1200 {
	display:none;
}

@media (min-width:730px){
	#site-logo {
		font-size:2.6rem;
		letter-spacing: 0.55rem;
	}

	#site-motto {
		letter-spacing: 0.2rem;
	}

	h1 {font-size: 1.54rem;}
	h2 {font-size: 1.45rem;}
	h3 {font-size: 1.36rem;}
	h4 {font-size: 1.27rem;}
	h5 {font-size: 1.18rem;}
	h6 {font-size: 1.09rem;}

	.hide_under_730 {
		display:block;
	}
	
	.float_right_over_730 {
		float:right;
		margin-left:5px;
	}
}

@media (min-width:960px){
	#site-logo {
		font-size:3.2rem;
		letter-spacing: 0.67rem;
	}

	#site-motto {
		letter-spacing: 0.3rem;
	}

	h1 {font-size: 1.66rem;}
	h2 {font-size: 1.55rem;}
	h3 {font-size: 1.44rem;}
	h4 {font-size: 1.33rem;}
	h5 {font-size: 1.22rem;}
	h6 {font-size: 1.11rem;}

	.hide_under_960 {
		display:block;
	}
	
	.float_right_over_960 {
		float:right;
	}
}


@media (min-width:1200px){
	#site-logo {
		font-size:3.7rem;
		letter-spacing: 0.8rem;
	}

	#site-motto {
		letter-spacing: 0.4rem;
	}

	#logo-small {
		float:left;
	}

	#menu-wrapper {
		display:block;
		height: 42px;
	}

	#menu-mobile-top {
		display:none;
	}

	#content {
		width:750px;
		min-height:550px;
	}

	.sidebar {
		float: left;
		width: 384px;
	}

	.container {
		width: 1200px;
	}

	#logo-inner {
		width:1160px;
	}

	#logo {
		min-height: 115px;
		padding: 0px 0px 5px 0px;
	}

	#site-motto {
		font-size: 18px;
	}

	#menu a {
		line-height: 42px;
	}

	.submenu a {
		height:42px;
	}



	h1 {font-size: 1.75rem;}
	h2 {font-size: 1.625rem;}
	h3 {font-size: 1.5rem;}
	h4 {font-size: 1.375rem;}
	h5 {font-size: 1.25rem;}
	h6 {font-size: 1.125rem;}

	.hide_under_1200 {
		display:block;
	}
	
	.float_right_over_1200 {
		float:right;
	}
}


.menu_mobile_dropdown {
	display:none;
}









.bold {
	font-weight:bold;
}

.hand{
	cursor:pointer;
}

.top {
	vertical-align: top;
}

.center {
	text-align:center;
}

.nap {
    line-height:1.2em;
}

.green {
    color:green;
}

.red  {
    color:red;
}

.right {
    text-align:right;
}

.underline {
    text-decoration:underline;
}

.gray {
    color:gray;
}

.silver{
    color:silver;
}



.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}