/* szervizmiskolc
----------------------------------------------------------*/
body   
{
    background: #BBBBBB;
    font-size: 1.0em;
    font-family: Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
    overflow: auto
}
h1	{	
	white-space: pre-line;
	color: #FB9D00;
	font-size:	1.8em;
	font-weight:	800;
	padding-left: 5px;
	}	
		
h2	{	
	font-size:	1.4em;
	font-weight:	700;
	padding-left: 4px;
	}	
		
h2 a
{
	color: #880015;
	text-decoration: underline;
}

h2 a:hover 
{
	color: #FB9D00;
	text-decoration: none;
}
h2 a:visited
{
	color: #222222;
	text-decoration: underline;
	background-color:inherit;
}	
		
h2 a:active
{
	color: red;
	text-decoration: none;
}	

h3	{	
	font-size:	1.2em;
	font-weight:	700;
	padding-left: 3px;
	display:inline;
	}	

h4	{	
	font-size:	1.1em;
	font-weight:	700;
	color: #FB9D00;
	display:inline;
	}	


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


div#menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div#menu ul li
{
    float: left;
    border-right: 2px solid #E6E6E6;
    border-left: 2px solid #E6E6E6;
}
div#menu ul li:first-child
{
    border-left: 0;
}
div#menu ul li:last-child
{
    border-right: 0;
}

div#menu ul li a
{
    color: #880015;
    font-weight: bold;
    font-size: 1.0em;
    tex-transform: uppercase;
    padding: 10px 15px 10px 15px;
    display: block;
}

div#menu ul li a:hover
{
    background-color: #EDEDED;
}
/* menu----------------------------------------------------------*/

div#menufooter ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div#menufooter ul li
{
    float: left;
    border-right: 2px solid #E6E6E6;
    border-left: 2px solid #E6E6E6;
}
div#menufooter ul li:first-child
{
    border-left: 0;
}
div#menufooter ul li:last-child
{
    border-right: 0;
}

div#menufooter ul li a
{
    color: #880015;
    font-weight: bold;
    font-size: 1.2em;
    tex-transform: uppercase;
    padding: 10px 15px 10px 15px;
    display: block;
}

div#menufooter ul li a:hover
{
    background-color: #EDEDED;
}

/* menufooter----------------------------------------------------------*/

div#leftcont
{
    background-color: #EDEDED;
    width: 180px;
    float: left;
    padding: 10px;
}

div#rightcont
{
    background-color: #EDEDED;
    width: max-740px;
    float: left;
    padding: 10px;
}

div#footer
{
    background-color: #EDEDED;
    max-width: 920px;
    padding: 20px;
    text-align: center;
	
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
img 
{
	border:0;
}
a
{
	color: #880015;
	text-decoration: underline;
}
a:hover 
{
	color: #FB9D00;
	text-decoration: none;
}
a:visited
{
	color: #222222;
	text-decoration: underline;
	background-color:inherit;
}	
		
a:active
{
	color: red;
	text-decoration: none;
}	
.breadcrumb 
{
	font-size: 0.9em;
	background-color:inherit;
}
		

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

div#szervizpage
{
	background-color: #fff;
	margin: 0px auto 0px auto;
	border: 3px solid #EFEFEF;
	padding: 10px;
}

.mainL
{
	left:0px; 
	max-width:320px;
	float:left; 
}
.mainR
{
	float:left; 
	position:relative; 
	left:10px; 
	vertical-align:top; 
	max-width:640px; 
	padding-right: 10px;
}
div#clearfix {
    content:"";
    display:block;
    clear:both;
}

div#clearfixFoot {
    content:"";
    display:block;
    clear:both;
}
div#header
{
	background: url('images/header.png') top;
}

div#menu
{
	background-color: #E1E1E1;
	border-top: 2px solid #EFEFEF;
	border-bottom: 2px solid #EFEFEF;
}
div#menufooter
{
	background-color: #E1E1E1;
	border-top: 2px solid #EFEFEF;
	border-bottom: 2px solid #EFEFEF;
}


@media only screen and (max-width:930px) and (min-width:281px) 
{
	body   
	{
        width: 100%
	}
	div#szervizpage
	{
        width: 98%
	}
	
	div#header
	{
        width: 98%
	}
	
	div#menu
	{
        width: 98%
	}
	div#menufooter
	{
        width: 98%
	}
}

@media only screen and (min-width:931px) 
{
	body   
	{
        margin: 0;
        padding: 0;
	}
	div#szervizpage
	{
		width: 960px;
        margin-left: auto;
        margin-right: auto;
	}
	
	div#header
	{
		width: 960px;
		height:60px;
	}
	
	div#menu
	{
		width: 960px;
		height:40px;
	}
	div#menufooter
	{
		width: 960px;
		height:40px;
	}
}