@charset "utf-8";
/* CSS Document */

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 580px) and (max-width: 767px) {
.uzenet_gombok {
	width: 70px;
	height:300px;
	margin:200px auto auto -20px;
	position:fixed;}

	.uzenet_gombok .ajanlatkeres {
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/ajanlatkeres_uzenet.png) top left no-repeat;
		background-size:100%;}
		
		.uzenet_gombok .ajanlatkeres:hover {
			margin-left: 0px;}
	
	.uzenet_gombok .uzenet {		
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/uzenetkuldes_uzenet.png) top left no-repeat;
		background-size:100%;}


		.uzenet_gombok .uzenet:hover {
			margin-left: 0px;}		
		
	.uzenet_gombok .berles  {		
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/berles_uzenet.png) top left no-repeat;
		background-size:100%;}

		.uzenet_gombok .berles:hover {
			margin-left: 0px;}		

.gridContainer {
	width: 100%;
	margin: auto;
	background: #ffffff top left repeat;
	min-height:80.0em;
}
.gridContainer2 {
	width: 95%;
	padding-left: 1.125%;
	padding-right: 1.125%;
	margin: auto;
	background: #ffffff top left repeat;
	min-height:80.0em;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


		#LayoutDiv1 img.left {
			width:35%;
			float:left;
			margin:1.0%;}
			
			#LayoutDiv1 img.left_small {
				width:15%;
				float:left;
				margin:1.0%;}

		#LayoutDiv1 img.little {
			float:right;
			margin:auto 2.0% auto  0px;
			width:12.0%;}

		#LayoutDiv1 img.right {
			width:35%;
			float:right;
			margin:1.0%;}

			#LayoutDiv1 img.right_small {
				width:15%;
				float:right;
				margin:1.0%;}
	
		#LayoutDiv1 img.full {
			width:95%;
			float: none;
			margin:1.0%;}	
			
		#LayoutDiv1 img.big {
			width:60%;
			float: none;
			margin:1.0%;
			border: none;}	
			
.jelentkezes {
	height: 2.0em;
	width:100.0%;
	background:#A62603;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	color: #fff;
	margin-top:0;
	padding-top: 0;
	padding-bottom:1.0em;
	font-weight:lighter;}
	
	.jelentkezes:hover {
		opacity:0.8; }


.fejlec {
	height: auto;
	width:100%;}

.fejlec .logo {
	height:10.0em;
	float:left;
	width:100%;}
	.fejlec .logo img {
		height:9.0em;
		margin:-1.0em auto auto auto;}

.fejlec .logo a {
	text-decoration:none;
	}

.fejlec .fejlec_tartalom {
	height: auto;}

.fejlec .fejlec_tartalom p {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.8em;
	padding-left:0%;
	color: #636466;
	margin:0.5em 0 auto 0px;
	font-weight: bold;
	text-align: center;}


/* tartalom */	
.tartalom {
	width:96%;
	float:left;
	min-height:20em;
	height:auto;
	margin-top: 0;
	padding-left:1%;
	}	

.tartalom ul {
	text-align:left;
	margin: 0em auto 1.0em 2.0%;
	font-weight:normal;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 80%;
	color:#636466;
	list-style: disc;
	}
	
.tartalom ol {
	text-align:left;
	margin: 0em auto 1.0em 2.0%;
	font-weight:normal;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 80%;
	color:#636466;
	}

	.tartalom .keresoszavak {
		text-align:left;
		margin: 0em auto 1.0em 0;
		font-weight:normal;
		font-family: 'Didact Gothic', sans-serif;	
		font-size:0.9em;
		width: 100%;
		color:#222;
		font-weight:lighter;
		list-style: none;
		}
	.tartalom .keresoszavak h2 {
		font-size:1.3em;
		text-align:center;}

.tartalom iframe {
	max-width:80%;
	margin:1.0em auto 1.0em auto;
	border: 0.5em solid #CCC;}

.tartalom table {
	width:100%;
	margin: 1.0em auto 1.0em auto;}
	
	.tartalom table tr td {
		width:auto;
		font-family: 'Didact Gothic', sans-serif;	
		font-size:1.0em;
		text-align: left;
		width: 100%;
		color:#222;
		font-weight:lighter;
		padding:0.5em;}
	
	.tartalom table tr td p {
		width:auto;
		font-family: 'Didact Gothic', sans-serif;	
		font-size:1.0em;
		text-align: left;
		color:#fff;
		font-weight:lighter;
		padding:2.0em ;}
	
	.tartalom table tr td h1 {
		width:auto;
		font-family: 'Didact Gothic', sans-serif;	
		font-size: 2.0em;
		text-align: left;
		color:#5C5959;
		font-weight:lighter;
		padding:0em;
	    margin: 0em auto -0.5em auto;}
		
	.tartalom table tr td img.tablazat_img_left {
		width: 100%;
		height: auto;
		margin-left: 0;
		 -webkit-transition: all 0.5s ease;
			 -moz-transition: all 0.5s ease;
			   -o-transition: all 0.5s ease;
			  -ms-transition: all 0.5s ease;
				  transition: all 0.5s ease;}
	
		.tartalom table tr td img.tablazat_img_left:hover {
			  	margin-left:15px;}

	.tartalom table tr td img.tablazat_img_right {
		width: 100%;
		height: auto;
		margin-left: 0;
		 -webkit-transition: all 0.5s ease;
			 -moz-transition: all 0.5s ease;
			   -o-transition: all 0.5s ease;
			  -ms-transition: all 0.5s ease;
				  transition: all 0.5s ease;}


		.tartalom table tr td img.tablazat_img_right:hover {
			  	margin-left:-20px;}

	.tartalom img.profilkep {
		width: 22%;
		float: left;
		margin-right: auto;
		border-radius: 50.0%;
		border: #4eadd1 5px solid;
		}

		.tartalom img.forog {
		width: 22%;
		height: auto;
		border-radius: 50.0%;
		float: left;
		margin-left: 0px;
		border: #4eadd1 5px solid;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}	
	
		.tartalom img.forog:hover {
			margin-left:-20px;}


			.tartalom img.forog_menu {
			width: 90%;
			height: auto;
			border-radius: 50.0%;
			float: left;
			border: #4eadd1 5px solid;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;}


			.forog_menu:hover {
			  border-radius: 50%;
	  -webkit-transform: rotate(360deg);
		 -moz-transform: rotate(360deg);
		   -o-transform: rotate(360deg);
		  -ms-transform: rotate(360deg);
			  transform: rotate(360deg);}



 img.pdf{
		width: 7.0%;
		padding-right:93%;
		margin:1.0%;
		float:left;}
	
	 img.pdf:hover {
		opacity: 0.8;
		cursor:pointer;}
		
/* footer */	

#footer {
	width:100%;
	border-top:2px solid #CCC;
	height: auto;
	background:#ffd100;
	padding:2.0em 0;
	}
	
	#footer .webasz {
		text-align:center;
		width:auto;
		font-family: 'Oxygen', sans-serif;
		font-size:0.7em;
		color:#222;
		}
	#footer .webasz a {
		color:#222222;
		text-decoration:none;}

.bottom_menu {
	width:80%;
	min-height: 90px;
	margin: 0px auto 180px 10.0%;
	color: #222;}
	
	.bottom_menu .bottom_menu_text {
		width:100%;
 		float:left;
		height:auto;
		}
	
	.bottom_menu .bottom_menu .bottom_menu_text {
		color:#222;
		}
		
	.bottom_menu .bottom_menu_text a {
		color:#222;
	}
	.bottom_menu .bottom_menu_text a:hover {
		color:#fcc808;
		}		
		
		.bottom_menu .bottom_menu_text td.table_left {
			text-align:right;
			font-weight: normal;
			padding: 5px;}
			
		.bottom_menu .bottom_menu_text td.table_right {
			text-align:left;
			font-weight: lighter;
			padding: 5px;}
		
	.bottom_menu .bottom_map {
		width:100%;
		float:left;
		margin: 0px auto 25px 5.0%;}

	
	
	
p {
	margin:0 ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.9em;
	width: 98%;
	line-height:1.3em;
	text-align:justify;
	color: #636466;
	padding: 1.0em;
	font-weight:lighter;}

h1 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:2.0em;
	font-weight: 300;
	padding-left:0.0%;
	color: #4eadd1;
	margin:0em auto 0.8em 0px;
	text-align:left;}
	

h2 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.5em;
	padding:0.5% 0;
	color:#636466;
	margin: auto;
	}
		

h3 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	font-weight:100;
	color: #636466;
	background: #636466;
	margin:0 auto 1.0em auto;
	font-weight:lighter;
	text-align: justify;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	width:96%;
	line-height:1.2em;}


h4 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.3em;
	width: 95% !important;
	text-align: left;
	color:#636466;
	font-weight:normal;
	margin: auto auto auto 0;
	padding: 0.5em 1.0em;
	font-weight:lighter;}

h5 {
	margin:0 auto 0 auto;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.9em;
	width: 90.0%;
	line-height:1.3em;
	text-align:justify;
	color: #fff;
	padding-top: 2.0em;
	padding-bottom: 3.0em;
	padding-left:1.0em;
	padding-right: 1.0em;
	background-color: #4eadd1;
	font-weight:lighter;}
	

h6 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.8em;
	text-align: left;
	color:#636466;
	margin: auto auto 2.0em auto;
	font-weight:lighter;}

address {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.8em;
	font-weight:lighter;
	color:#636466;
	margin:1.5em auto 1.5em 1.0%;
	text-align:left;}


	
/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #999; padding: 0; width:90%; margin: 5% auto; clear:both;  }

ins { 
	background: #F00; 
	color: #fff; 
	padding: 0.8em;
	text-decoration: none; 
	font-size:1.0em;  
	margin:15px 2.0em;}

	a:hover ins {
		background: #900;
		cursor:pointer;}

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

.marker {
	background:#FFFF00;}

big {
	margin:0 ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 99%;
	line-height:1.3em;
	text-align:left;
	color: #fff;
	padding: 0.0em;
	font-weight:lighter;}
	
	
pre { 
	font-family:  'Didact Gothic', sans-serif; 
	font-size: 1.0em; 
	float: inherit; 
	padding: 0.2em 0;
	border: 0.5px solid #C4C4C4; 
	background-color:#4eadd1; 
	color: #fff; 
	text-align: center;
	margin:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}

	pre a { 
		color: #fff;}
	pre a:hover {
		color: #4eadd1;}	
	
	pre:hover {  
		background-color: #fff; 
		cursor:pointer; 
		color: #4eadd1; }
	pre:hover a {  
		cursor:pointer; 
		color: #4eadd1; }
	



q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small {
	font-size: 0.6em;
	color:#636466;}

tt {	
	margin:0 ;
	font-family: "Times New Roman", Times, serif;	
	font-size:1.0em;
	width: 98%;
	line-height:1.0em;
	text-align:justify;
	color: #900;
	padding: 0.2em;
	font-weight:lighter;}

code {	
	font-size:0.9em;
	line-height:1.3em;
	color: #fff;
	padding: 1.0em;
	font-weight:lighter;
	width: 100%;
	display: inline-block;
	font-family: 'Didact Gothic', sans-serif;
	font-style: normal;	
	text-align: justify;
	margin-left: -14.5%;
	padding-left: 14.0%;
	padding-right: 13.0%;
	background-color: #4eadd1;}

	code img {
		height: 15px;
		float: left;
		margin:  1.0em 0em 2.0em 0;
	}
	code img.last {
		height: 15px;
		float: left;
		margin: 1.0em 3.0em 2.0em 0;
	}

kbd {
	font-size:1.0em;
	margin: 1.0em;}
	
samp {
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 300;
	padding-left:1.0%;
	color: #fff;
	margin:0;
	text-align:left;}
	
var {
	font-size:1.0em;
	margin: 1.0em;}
del {
	font-size:1.0em;
	margin-top: 1.0em;}
cite {
	font-size:1.0em;
	margin: 1.0em;}

blockquote {
	border-left:#CCC 5px solid;
	background:#FFF;
	margin:0 auto auto auto ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 80%;
	line-height:1.3em;
	text-align:justify;
	color: #636466;
	padding: 1.0em;
	font-weight:lighter;}

}

@media only screen and (min-width: 480px) and (max-width: 579px) {
.uzenet_gombok {
	width: 70px;
	height:300px;
	margin:200px auto auto -20px;
	position:fixed;}

	.uzenet_gombok .ajanlatkeres {
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/ajanlatkeres_uzenet.png) top left no-repeat;
		background-size:100%;}
		
		.uzenet_gombok .ajanlatkeres:hover {
			margin-left: 0px;}
	
	.uzenet_gombok .uzenet {		
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/uzenetkuldes_uzenet.png) top left no-repeat;
		background-size:100%;}


		.uzenet_gombok .uzenet:hover {
			margin-left: 0px;}		
		
	.uzenet_gombok .berles  {		
		height:100px;
		width:70px;
		margin-left:-10px;
		background: url(../image/berles_uzenet.png) top left no-repeat;
		background-size:100%;}

		.uzenet_gombok .berles:hover {
			margin-left: 0px;}		

.gridContainer {
	width: 100%;
	margin: auto;
	background: #fff top left repeat;
	min-height:80.0em;
}
.gridContainer2 {
	width: 95%;
	padding-left: 1.125%;
	padding-right: 1.125%;
	margin: auto;
	background: #f4eed4 top left repeat;
	min-height:80.0em;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



		#LayoutDiv1 img.left {
			width:35%;
			float:left;
			margin:1.0%;}
			
			#LayoutDiv1 img.left_small {
				width:15%;
				float:left;
				margin:1.0%;}

		#LayoutDiv1 img.little {
			float:right;
			margin:auto 2.0% auto  0px;
			width:8.0%;}

		#LayoutDiv1 img.right {
			width:35%;
			float:right;
			margin:1.0%;}

			#LayoutDiv1 img.right_small {
				width:15%;
				float:right;
				margin:1.0%;}
	
		#LayoutDiv1 img.full {
			width:95%;
			float: none;
			margin:1.0%;}	
			
		#LayoutDiv1 img.big {
			width:60%;
			float: none;
			margin:1.0%;
			border: none;}	
			

.jelentkezes {
	height: 2.0em;
	width:100.0%;
	background:#636466;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	color: #fff;
	margin-top:0;
	padding-top: 0;
	padding-bottom:1.0em;
	font-weight:lighter;}
	
	.jelentkezes:hover {
		opacity:0.8; }


.fejlec {
	height: auto;
	width:100%;}

.fejlec .logo {
	height:10.0em;
	float:left;
	width:100%;}
	.fejlec .logo img {
		height:9.0em;
		margin:-1.0em auto auto auto;}

.fejlec .logo a {
	text-decoration:none;
	}

.fejlec .fejlec_tartalom {
	height: auto;}

.fejlec .fejlec_tartalom p {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.8em;
	padding-left:0%;
	color: #636466;
	margin:0.5em 0 auto 0px;
	font-weight: bold;
	text-align: center;}


/* tartalom */	
.tartalom {
	width:96%;
	float:left;
	min-height:20em;
	height:auto;
	margin-top: 0;
	padding-left:1%;
	}	

.tartalom ul {
	text-align:left;
	margin: 0em auto 1.0em 2.0%;
	font-weight:normal;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 80%;
	color:#636466;
	list-style: disc;
	}
	
.tartalom ol {
	text-align:left;
	margin: 0em auto 1.0em 2.0%;
	font-weight:normal;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 80%;
	color:#636466;
	}

	.tartalom .keresoszavak {
		text-align:left;
		margin: 0em auto 1.0em 0;
		font-weight:normal;
		font-family: 'Didact Gothic', sans-serif;	
		font-size:0.9em;
		width: 100%;
		color:#222;
		font-weight:lighter;
		list-style: none;
		}
	.tartalom .keresoszavak h2 {
		font-size:1.3em;
		text-align:center;}

.tartalom iframe {
	max-width:80%;
	margin:1.0em auto 1.0em auto;
	border: 0.5em solid #CCC;}

.tartalom table {
	width:100%;
	margin: 1.0em auto 1.0em auto;}
	
	.tartalom table tr td {
		width:auto;
		font-family: 'Didact Gothic', sans-serif;	
		font-size:1.0em;
		text-align: left;
		width: 100%;
		color:#222;
		font-weight:lighter;
		padding:0.5em;}
	
	.tartalom table tr td p {
		width:auto;
		font-family: 'Didact Gothic', sans-serif;	
		font-size:1.0em;
		text-align: left;
		color:#fff;
		font-weight:lighter;
		padding:2.0em ;}
	
	.tartalom table tr td h1 {
		width:auto;
		font-family: 'Didact Gothic', sans-serif;	
		font-size: 2.0em;
		text-align: left;
		color:#5C5959;
		font-weight:lighter;
		padding:0em;
	    margin: 0em auto -0.5em auto;}
		
	.tartalom table tr td img.tablazat_img_left {
		width: 100%;
		height: auto;
		margin-left: 0;
		 -webkit-transition: all 0.5s ease;
			 -moz-transition: all 0.5s ease;
			   -o-transition: all 0.5s ease;
			  -ms-transition: all 0.5s ease;
				  transition: all 0.5s ease;}
	
		.tartalom table tr td img.tablazat_img_left:hover {
			  	margin-left:15px;}

	.tartalom table tr td img.tablazat_img_right {
		width: 100%;
		height: auto;
		margin-left: 0;
		 -webkit-transition: all 0.5s ease;
			 -moz-transition: all 0.5s ease;
			   -o-transition: all 0.5s ease;
			  -ms-transition: all 0.5s ease;
				  transition: all 0.5s ease;}


		.tartalom table tr td img.tablazat_img_right:hover {
			  	margin-left:-20px;}

	.tartalom img.profilkep {
		width: 22%;
		float: left;
		margin-right: auto;
		border-radius: 50.0%;
		border: #4eadd1 5px solid;
		}

		.tartalom img.forog {
		width: 22%;
		height: auto;
		border-radius: 50.0%;
		float: left;
		margin-left: 0px;
		border: #4eadd1 5px solid;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}	
	
		.tartalom img.forog:hover {
			margin-left:-20px;}


			.tartalom img.forog_menu {
			width: 90%;
			height: auto;
			border-radius: 50.0%;
			float: left;
			border: #4eadd1 5px solid;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;}


			.forog_menu:hover {
			  border-radius: 50%;
	  -webkit-transform: rotate(360deg);
		 -moz-transform: rotate(360deg);
		   -o-transform: rotate(360deg);
		  -ms-transform: rotate(360deg);
			  transform: rotate(360deg);}



 img.pdf{
		width: 7.0%;
		padding-right:93%;
		margin:1.0%;
		float:left;}
	
	 img.pdf:hover {
		opacity: 0.8;
		cursor:pointer;}
		

/* footer */	

#footer {
	width:100%;
	border-top:2px solid #CCC;
	height: auto;
	background:#ffd100;
	padding:2.0em 0;
	}
	
	#footer .webasz {
		text-align:center;
		width:auto;
		font-family: 'Oxygen', sans-serif;
		font-size:0.7em;
		color:#222;
		}
	#footer .webasz a {
		color:#222;
		text-decoration:none;}

.bottom_menu {
	width:80%;
	min-height: 90px;
	margin: 0px auto 180px 10.0%;
	color: #222;}
	
	.bottom_menu .bottom_menu_text {
		width:100%;
 		float:left;
		height:auto;
		}
	
	.bottom_menu .bottom_menu .bottom_menu_text {
		color:#222;
		}
		
	.bottom_menu .bottom_menu_text a {
		color:#222;
	}
	.bottom_menu .bottom_menu_text a:hover {
		color:#fcc808;
		}		
		
		.bottom_menu .bottom_menu_text td.table_left {
			text-align:right;
			font-weight: normal;
			padding: 5px;}
			
		.bottom_menu .bottom_menu_text td.table_right {
			text-align:left;
			font-weight: lighter;
			padding: 5px;}
		
	.bottom_menu .bottom_map {
		width:100%;
		float:left;
		margin: 0px auto 25px 5.0%;}

	
	
	
	
p {
	margin:0 ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.9em;
	width: 97%;
	line-height:1.3em;
	text-align:justify;
	color: #636466;
	padding: 1.0em;
	font-weight:lighter;}

h1 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:2.0em;
	font-weight: 300;
	padding-left:0.0%;
	color: #4eadd1;
	margin:0em auto 0.8em 0px;
	text-align:left;}
	

h2 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.5em;
	padding:0.5% 0;
	color:#636466;
	margin: auto;
	}
		

h3 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	color: #636466;
	background: #fff;
	margin:0 auto 1.0em auto;
	font-weight:lighter;
	text-align: justify;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	width:96%;
	line-height:1.2em;}


h4 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.3em;
	width: 95% !important;
	text-align: left;
	color:#636466;
	font-weight:normal;
	margin: auto auto auto 0;
	padding: 0.5em 1.0em;
	}
	
h5 {
	margin:0 auto 0 auto;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.9em;
	width: 90.0%;
	line-height:1.3em;
	text-align:justify;
	color: #fff;
	padding-top: 2.0em;
	padding-bottom: 3.0em;
	padding-left:1.0em;
	padding-right: 1.0em;
	background-color: #4eadd1;
	font-weight:lighter;}
	
	

h6 {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.8em;
	text-align: left;
	color:#636466;
	margin: auto auto 2.0em auto;
	font-weight:lighter;}

address {
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.8em;
	font-weight:lighter;
	color:#636466;
	margin:1.5em auto 1.5em 1.0%;
	text-align:left;}


	
/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #999; padding: 0; width:90%; margin: 5% auto; clear:both;  }

ins { 
	background: #F00; 
	color: #fff; 
	padding: 0.8em;
	text-decoration: none; 
	font-size:1.0em;  
	margin:15px 2.0em;}

	a:hover ins {
		background: #900;
		cursor:pointer;}

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

.marker {
	background:#FFFF00;}

big {
	margin:0 ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 99%;
	line-height:1.3em;
	text-align:left;
	color: #fff;
	padding: 0.0em;
	font-weight:lighter;}
	
	
pre { 
	font-family:  'Didact Gothic', sans-serif; 
	font-size: 1.0em; 
	float: inherit; 
	padding: 0.2em 0;
	border: 0.5px solid #C4C4C4; 
	background-color:#4eadd1; 
	color: #fff; 
	text-align: center;
	margin:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}

	pre a { 
		color: #fff;}
	pre a:hover {
		color: #4eadd1;}	
	
	pre:hover {  
		background-color: #fff; 
		cursor:pointer; 
		color: #4eadd1; }
	pre:hover a {  
		cursor:pointer; 
		color: #4eadd1; }
	



q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small {
	font-size: 0.6em;
	color:#636466;}

tt {	
	margin:0 ;
	font-family: "Times New Roman", Times, serif;	
	font-size:1.0em;
	width: 98%;
	line-height:1.0em;
	text-align:justify;
	color: #900;
	padding: 0.2em;
	font-weight:lighter;}


code {	
	font-size:0.9em;
	line-height:1.3em;
	color: #fff;
	padding: 1.0em;
	font-weight:lighter;
	width: 100%;
	display: inline-block;
	font-family: 'Didact Gothic', sans-serif;
	font-style: normal;	
	text-align: justify;
	margin-left: -14.5%;
	padding-left: 14.0%;
	background-color: #4eadd1;}

	code img {
		height: 15px;
		float: left;
		margin:  1.0em 0em 2.0em 0;
	}
	code img.last {
		height: 15px;
		float: left;
		margin: 1.0em 3.0em 2.0em 0;
	}

kbd {
	font-size:1.0em;
	margin: 1.0em;}
samp {
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 300;
	padding-left:1.0%;
	color: #fff;
	margin:0;
	text-align:left;}
	
var {
	font-size:1.0em;
	margin: 1.0em;}
del {
	font-size:1.0em;
	margin-top: 1.0em;}
cite {
	font-size:1.0em;
	margin: 1.0em;}

blockquote {
	border-left:#CCC 5px solid;
	background:#FFF;
	margin:0 auto auto auto ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	width: 80%;
	line-height:1.3em;
	text-align:justify;
	color: #636466;
	padding: 1.0em;
	font-weight:lighter;}

}