/* -----------------------------------------------
Horvath Epito Kft.
Screen stylesheet
Author: laszlo.grama@gmail.com
2012-10-13
----------------------------------------------- */


/* !Initialize ----------------------------------------------- */

/* Remove padding and margin */
* {
margin: 0;
padding: 0;
}

/* Remove border for linked images and tables */
img, table, tr, td {
border: 0;
}

/* Removes styling from all list items */
ul, ol {
list-style-type:none;
}

/* Removes bold for headings */
h1, h2, h3, h4 {
font-weight:normal;
}

.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/* !Fonts ----------------------------------------------- */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontinSansItalic';
    src: url('fontin_sans_i_45b-webfont.eot');
    src: url('fontin_sans_i_45b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontin_sans_i_45b-webfont.woff') format('woff'),
         url('fontin_sans_i_45b-webfont.ttf') format('truetype'),
         url('fontin_sans_i_45b-webfont.svg#fontin_sans_rgitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* !Structure ----------------------------------------------- */

body {
background:#000 url(../img/bg.jpg) no-repeat top center;
font-family:OpenSansRegular, Helvetica, Arial, sans-serif;
font-size:62.5%;
line-height:140%;
text-align:left;
color:#bbb;
}

strong, b {
font-family:OpenSansBold, Helvetica, Arial, sans-serif;
}

#header {
position: relative;
}

#header-inner {
position: relative;
margin: 0 auto;
width:960px;
min-height:230px;
}

#logo {
float:left;
width:170px;
height:175px;
margin:0 0 20px 30px;
position: relative;
z-index: 20;
}

#nav {
float:right;
margin:0 30px 0 0;
position: relative;
z-index: 40;
}

#content {
background:transparent url(../img/bg-content.png) top left repeat;
margin-bottom:30px;
position: relative;
}

#content-inner {
width:960px;
margin: 0 auto;
padding:40px 0 30px 0;
}

#content-inner-inner {
width:670px;
min-height: 400px;
margin:0 30px 0 260px;
font-size:1.4em;
}

/* !Logo ----------------------------------------------- */

#logo h1 {
width: 170px;
height: 175px;
}

#logo h1 a {
display: block;
width: 170px;
height: 175px;
line-height: normal;
}

/* !Nav ----------------------------------------------- */

#nav-bg {
position: absolute;
width: 100%;
height: 7em;
background:transparent url(../img/bg-nav.png) top left repeat;
z-index: 0;
}

#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
font-family:OpenSansRegular, Helvetica, Arial, sans-serif;
}

#nav ul li {
float:left;
display:inline;
margin:0 0 0 20px;
list-style:none;
font-size:1.4em;
text-transform:uppercase;
}

#nav ul li:first-child {
margin:0 0 0 0;
}

#nav ul li a {
display:block;
float:left;
padding:0;
margin:0;
height: 5.05em;
line-height:5.4em;
text-decoration:none;
letter-spacing: 0px;
color:#fff;
}

#nav ul li.active a {
color:#999;
}

#nav ul li a:hover {
color:#999;
}

/* !Szlogen ----------------------------------------------- */

#szlogen {
position: absolute;
right: 30px;
bottom: 0;
padding-bottom: 20px;
font-family:OpenSansItalic, Helvetica, Arial, sans-serif;
font-size: 2.1em;
text-shadow: 0px 0px 7px #000;
color:white;
}

/* !Content ----------------------------------------------- */

#content h1 {
width:500px;
height:45px;
margin:0 0 30px 0;
text-indent:-9999px;
line-height:normal;
clear:both;
}

#content h1#bemutatkozas {
background:transparent url(../img/h1-bemutatkozas.png) no-repeat scroll top left;}
#content h1#galeria {
background:transparent url(../img/h1-galeria.png) no-repeat scroll top left;}
#content h1#referenciamunkak {
background:transparent url(../img/h1-referenciamunkak.png) no-repeat scroll top left;}
#content h1#partnerek {
background:transparent url(../img/h1-partnerek.png) no-repeat scroll top left;}
#content h1#elerhetosegek {
background:transparent url(../img/h1-elerhetosegek.png) no-repeat scroll top left;}
#content h1#hiba {
background:transparent url(../img/h1-hiba.png) no-repeat scroll top left;}


#content h2 {
font-family:OpenSansLight, Helvetica, Arial, sans-serif;
padding:2em 0 1em 0;
font-size:1.6em;
clear:both;
}

#content h2.afterh1 {
padding:1em 0 1em 0;
}

p {
line-height:1.4em;
margin:0 0 1em 0;
clear:both;
}

p.sorkizart {
text-align:justify;
}

p.vissza {
text-align:right;
margin:0;
}

#content a {
color:#999;
text-decoration:none;
border-bottom:1px dotted #777;
}

#content a:hover {
color:#fff;
border-bottom:1px dotted #ddd;
}

img.main {
margin:0 0 20px 0;
}

.cleared {
clear:both;
}

div.kezdolap-slideshow {
	overflow: hidden;
	margin-bottom: 2.5em;
}

/* !Galeria ----------------------------------------------- */

ul#galeria {
margin:0;
padding:0 0 20px 0;
list-style:none;
}

ul#galeria li {
float:left;
width:107px;
margin:0 4px 3px 0;
padding:0;
}

ul#galeria li a {
border:none;
}

ul#galeria li a:hover {
border:none;
}

ul#galeria li img {
border:0px solid #EEEEDD;
}

/* !Tablazat ----------------------------------------------- */

table {
width:100%;
margin:1em 0 2em 0;
border-collapse:collapse;
border-top:1px dotted #555;
}

table td {
border-bottom:1px dotted #555;
}

table td {
padding:7px 14px 7px 3px;
vertical-align:top;
line-height:1.3em;
}

table td.ev {
text-align:right;
white-space: nowrap;
}

table tr.paratlan {
xbackground-color:#181818;
}

@media only screen and (max-width: 1000px) {
	#nav ul li a {
		font-size: 1.7em;
		line-height: 3em;
		height: auto;
	}
	#szlogen {
		font-size: 3em;
	}
	#content-inner {
		width: 100%;
	}
	#content-inner-inner {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	#content-inner-inner {
		font-size: 1.2em;
	}
	#kezdolap-slideshow {
		height: 300px !important;
	}
	.fancybox-wrap {
		width: auto;
		width: 90vw !important;
		height: auto !important;
		max-height: 90vh !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
	}
	.fancybox-inner {
		width: auto !important;
		height: auto !important;
	}
	.fancybox-title {
		font-size: 24px !important;
	}
	.elérhetosegek-mobile-p {
		font-size: 30px;
		margin: 0;
	}
	.elérhetosegek-mobile-div {
		position: absolute;
		bottom: 0;
	}
}