/* gordex.hu - default.css  - copyright Gordex Bt.*/

* {
	margin: 0;
	padding: 0;
}
/* "always show vertical scrollbar" trick */
html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
} 
body {
	font-family: tahoma, arial;
	background: fixed url('../images/background.jpg') repeat top center;
	font-size: 13px;
	color: #eaeaea;
}
.hidden {
	display: none;
}
.fix {
	display: block;
	float: none !important;
	clear: both !important;
	height: 1px;
	overflow: hidden;
}
#left-side a, #left-side  a:visited, #left-side  a:active {
	color: #eaeaea;
	font-weight: bold;
}
#left-side  a:hover {
	background: #fa0;
	color: #222;
	text-decoration: none;
}
form#form-message input, form#form-message textarea {
	font-family: tahoma, arial;
	font-size: 14px;
	color: #b4b4b4;
}
html form#form-message input#submit-message {
	width: 74px;
	height: 30px;
	background: url('../images/form-message-submit.png');
	color: #ddd;
	border: 0;
	padding: 0;
	margin: 0 0 0 70px;
	cursor: pointer;
}
form#form-message textarea {
	overflow: auto;
	/* resize: none; <- Safari need this, but not valid */
}
p.error , p.succes{
	margin-left: 30px;
	font-weight: bold;
	color: #db190a;
}
p.succes {
	color: #3ba887;
}

#akcio-div{
	display: block;
	height: 130px;
	width: 300px;
	float:right;
}
#akcio-div h2, #akcio-div a span{
	display: none;
}
#akcio-div a {
	display: block;
	height: 130px;
	width: 220px;
	background: url('../images/akcio.png') no-repeat 0 0;
}

#header {
	width: 986px;
	height: 170px;
	margin: 0 auto;
	background: url('../images/gordex-logo.png') no-repeat;
}
#header h1 a span{
	display: none;
}
#header h1 a {
	position: absolute;
	display: block;
	width: 230px;
	height: 90px;
	top: 50px;
	margin-left: 40px;
	z-index: 10;
	color: #000;
}
#header p#h1{
	width: 200px;
	position:relative;
	font-size: 11px;
	font-weight: bold;
	color: #71a389;
	top: 120px;
	left: 100px;
	cursor: default;
}
#header p#h1 em {
	font-style: normal;
}

#menu{
	display: block;
	width: 986px;
	height: 39px;
	position:relative;
	color: #b4b4b4;
	background: url('../images/header-menu-background.png') no-repeat;
}
#menu ul{
	
	list-style-type: none;
	width: 865px;
	height: 39px;
	margin: 0 auto;
}
#menu ul li {
	display: block;
	height: 39px;
	float: left;
	padding: 0 7px 0 7px;
	line-height: 39px;
}
#menu ul li a {
	display: block;
	height: 39px;
	text-decoration: none;
	color: #b4b4b4;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-position: top center;
}
#menu_bemutatkozas a { width: 100px; background: url('../images/menu_bemutatkozas-active-background.png');}
#menu_weboldal-keszites a { width: 127px; background: url('../images/menu_weboldal-keszites-active-background.png');}
#menu_webaruhaz-keszites a { width: 142px; background: url('../images/menu_webaruhaz-keszites-active-background.png');}
#menu_grafikai-tervezes a { width: 120px; background: url('../images/menu_grafikai-tervezes-active-background.png');}
#menu_referenciaink a { width: 100px; background: url('../images/menu_referenciaink-active-background.png');}
#menu_ajanlatkeres a { width: 91px; background: url('../images/menu_ajanlatkeres-active-background.png');}
#menu_kapcsolat a { width: 77px; background: url('../images/menu_kapcsolat-active-background.png');}
#menu ul li a:hover {
	color: #ddd;
}
#menu ul li.active a {
	background-position: bottom center;
}
#menu_bemutatkozas.active a, #menu_bemutatkozas.active a:hover  { color: #ed5c1d; }
#menu_weboldal-keszites.active a, #menu_weboldal-keszites.active a:hover { color: #8d1ded; }
#menu_webaruhaz-keszites.active a, #menu_webaruhaz-keszites.active a:hover { color: #edba11; }
#menu_grafikai-tervezes.active a, #menu_grafikai-tervezes.active a:hover { color: #fb5246;}
#menu_referenciaink.active a, #menu_referenciaink.active a:hover { color: #69ed1d; }
#menu_ajanlatkeres.active a, #menu_ajanlatkeres.active a:hover { color: #db4fbb; }
#menu_kapcsolat.active a, #menu_kapcsolat.active a:hover { color: #1db5ed; }

#content-holder {
	margin: 0 auto;
	width: 986px;
}
#content-holder .top{
	display: block;
	height: 24px;
	width: 686px;
	background: url('../images/content-top-background.png');
}
#content-holder .bottom{
	display: block;
	height: 8px;
	width: 686px;
	background: url('../images/content-bottom-background.png');
	
}

#content {
	display: block;
	width: 666px;
	background: url('../images/content-background.png') repeat;
	padding: 0 10px 10px 10px;
	
}
#content h2 {
	font-size: 18px;
	padding-bottom: 4px;
	margin-left: 10px;
}
#content h2 em {
	font-style: normal;
}
#content  h2#h2{
	font-size: 12px;
	font-weight: normal;
	color: #c2e9d5;
	padding-bottom: 20px;
	margin-left: 10px;
}
#left-side {
	width: 686px;
	float:left;
}
#right-side {
	display: block;
	width: 290px;
	float: right;
}
#social-links {
	display: block;
	height: 30px;
	width: 290px;
	background: url('../images/social-links/none.png') no-repeat;
}
#social-links ul {
	text-decoration: none;
	float: right;
}
#social-links li {
	display: block;
	height: 30px;
	width: 34px;
	float: left;
}

#social-links li a{
	display: block;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: top center;
}
#social-links li a:hover {
	background-position: bottom center;
}
#social-links span {
	display: none;
}
#social_facebook a{ background: url('../images/social-links/facebook.png'); }
#social_twitter a{ background: url('../images/social-links/twitter.png'); }
#social_e-mail a{ background: url('../images/social-links/email.png'); }
#social_skype a{ background: url('../images/social-links/skype.png'); }

#bemutato-video-div {
	display: block;
	height: 79px;
	width: 290px;
	background: url('../images/right-side-bemutato-video.png') no-repeat top left;
	margin-top: 10px;
}
#bemutato-video-div  h3 a {
	display: block;
	height: 79px;
	width: 290px;
}
#bemutato-video-div span {
	display: none;
}

#legutobbi-munkank, #most-dolgozunk {
	display: block;
	height: 212px;
	width: 290px;
	margin-top: 10px;
}
#legutobbi-munkank { background: url('../images/right-side-legutobbi-munkank.png') no-repeat top left; }
#most-dolgozunk { background: url('../images/right-side-most-dolgozunk.png') no-repeat top left; }
#legutobbi-munkank h3 span , #most-dolgozunk h3 span {
	display: none;
}
#legutobbi-munkank p.url, #most-dolgozunk p.url {
	font-size: 12px;
	font-weight: bold;
	color: #94c646;
	padding: 40px 0 0 20px;
	letter-spacing: 1px;
}
#legutobbi-munkank p.desc, #most-dolgozunk p.desc {
	font-size: 12px;
	padding: 5px 20px 0 10px;
	color: #cecece;
}
#legutobbi-munkank img, #most-dolgozunk img {
	display: block;
	width: 252px;
	height: 85px;
	margin: 15px 0 0 8px;
	border: 2px solid #48273f;
}

#ceginformacio {
	display: block;
	height: 162px;
	width: 290px;
	background: url('../images/right-side-ceginformacio.png') no-repeat top left;
	margin-top: 10px;
}
#ceginformacio h3 span {
	display: none;
}
#ceginformacio dl {
	font-size: 14px;
	padding: 50px 0 0 60px;
	line-height: 25px;
}
#ceginformacio dl dt {
	font-weight: bold;
	color: #bbb5bb; 
	float: left;
	padding-right: 5px;
	
}
#ceginformacio dl dd {
	color: #eee;
}
#ceginformacio  a{
	color: #eee;
	text-decoration: none;
}
#ceginformacio  a:hover{
	text-decoration: underline;
}

#hatterkep-div {
	display: block;
	height: 79px;
	width: 290px;
	background: url('../images/right-side-hatterkep.png') no-repeat top left;
	margin-top: 10px;
}
#hatterkep-div  h3 a {
	display: block;
	height: 79px;
	width: 290px;
}
#hatterkep-div span {
	display: none;
}

#footer {
	display: block;
	height: 70px;
	width: 986px;
	background: url('../images/footer.png') no-repeat 0 0;
	margin: 0 auto;
}
#footer p{
	padding: 25px 0 0 20px;
	font-weight: bold;
	color: #151515;
	font-size: 13px;
}
#footer a{
	color: #151515;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

#bemutatkozas .temporary {
	width: 580px;
	height: 20px;
	background: url('../images/akcio-img.png') no-repeat;
	color: #a2d0bd;
	padding: 150px 0 0 20px;
	margin: 0 auto 20px auto;
}
#bemutatkozas .horizontal .icon {
	display: block;
	width: 112px;
	height: 141px;
	background: url('../images/bemutatkozas_horizontal-icon.png') no-repeat 0 0;
	float:left;
}
#bemutatkozas .horizontal .text {
	display: block;
	width: 509px;
	float:right;
	padding: 10px;
}
#bemutatkozas .horizontal {
	width: 641px;
	height: 170px;
	background: url('../images/bemutatkozas_horizontal-background.png') no-repeat right top;
	color: #a2d0bd;
	margin-left: 10px;
}
#bemutatkozas #left-side h3 {
	font-size: 14px;
}
#bemutatkozas #left-side p {
	margin-top: 7px;
}
#bemutatkozas #left-side a:hover {
	color: #222;
	background: #ed5c1d;
}
#bemutatkozas .vertical-left .icon, #bemutatkozas .vertical-center .icon, #bemutatkozas .vertical-right .icon {
	display: block;
	width: 179px;
	height: 51px;
	margin: 10px auto;
}
#bemutatkozas .vertical-left, #bemutatkozas .vertical-center, #bemutatkozas .vertical-right {
	width: 190px;
	height: 275px;
	padding: 10px;
	margin: 20px 5px 0 5px;
	background: url('../images/bemutatkozas_vertical-background.png') no-repeat right top;
	float:left;
}
#bemutatkozas .vertical-left a, #bemutatkozas .vertical-center a, #bemutatkozas .vertical-right a { margin-left: 130px; }
#bemutatkozas .vertical-left p, #bemutatkozas .vertical-center p, #bemutatkozas .vertical-right p { margin-bottom: 5px; }
#bemutatkozas .vertical-left h3, #bemutatkozas .vertical-center h3, #bemutatkozas .vertical-right h3 {	text-align: center;}
#bemutatkozas .vertical-left .icon { background: url('../images/bemutatkozas_vertical-left-icon.png') no-repeat 0 0; }
#bemutatkozas .vertical-center .icon { background: url('../images/bemutatkozas_vertical-center-icon.png') no-repeat 0 0; }
#bemutatkozas .vertical-right .icon { background: url('../images/bemutatkozas_vertical-right-icon.png') no-repeat 0 0; }
#bemutatkozas .vertical-left { color: #a3b6d1; }
#bemutatkozas .vertical-center {	color: #d1b8a3; }
#bemutatkozas .vertical-right { color: #d1a3b9; }

#weboldal-keszites #left-side p {
	margin: 10px;
	text-align: justify;
	color: #e8e8e8;	
}
#weboldal-keszites #left-side p strong {
	font-weight: bold;
	color: #c685ff;
}
#weboldal-keszites #left-side a {
	color: #c685ff;
}
#weboldal-keszites #left-side a:hover {
	color: #222;
	background: #c685ff;
}
#weboldal-keszites #left-side h3 {
	margin: 20px 10px 10px 10px;
	font-size: 15px;
	color: #c685ff;
}

#webaruhaz-keszites #left-side p {
	margin: 10px;
	text-align: justify;
	color: #e8e8e8;	
}
#webaruhaz-keszites #left-side p strong {
	font-weight: bold;
	color: #edba11;
}
#webaruhaz-keszites #left-side a {
	color: #edba11;
}
#webaruhaz-keszites #left-side a:hover {
	color: #222;
	background: #edba11;
}
#webaruhaz-keszites #left-side h3 {
	margin: 20px 10px 10px 10px;
	font-size: 15px;
	color: #edba11;
}

#grafikai-tervezes #left-side p {
	margin: 10px;
	text-align: justify;
	color: #e8e8e8;	
}
#grafikai-tervezes #left-side p strong {
	font-weight: bold;
	color: #fb5246
}
#grafikai-tervezes #left-side a {
	color: #fb5246
}
#grafikai-tervezes #left-side a:hover {
	color: #222;
	background: #fb5246
}
#grafikai-tervezes #left-side h3 {
	margin: 20px 10px 10px 10px;
	font-size: 15px;
	color: #fb5246
}

#referenciaink #left-side a {
	color: #69ed1d;
}
#referenciaink #left-side a:hover {
	color: #222;
	background: #69ed1d;
}
#referenciaink .note {
	margin: 10px 10px 20px 10px;
}
#referenciaink .horizontal .icon {
	display: block;
	width: 180px;
	height: 120px;
	background: url('../images/referenciaink_horizontal-icon-background.png') no-repeat 0 0;
	float:left;
}
#referenciaink .horizontal .icon a img{
	display: block;
	width: 170px;
	height: 110px;
	margin: 5px;
	border: 0;
}
#referenciaink .horizontal .text-top, #referenciaink .horizontal .text-bottom  {
	display: block;
	width: 440px;
	height: 10px;
	float:right;
	
}
#referenciaink .horizontal .text-top { background: url('../images/referenciaink_horizontal-text-top.png') no-repeat; }
#referenciaink .horizontal .text-bottom  { background: url('../images/referenciaink_horizontal-text-bottom.png') no-repeat; }
#referenciaink .horizontal .text {
	display: block;
	width: 420px;
	float:right;
	background: url('../images/referenciaink_horizontal-text-background.png') repeat;
	padding: 0 10px 0 10px;
}
#referenciaink .horizontal .text h3 {
	padding-bottom: 10px;
	color: #eee;
	letter-spacing: 1px;
}
#referenciaink .horizontal .text p {
	text-indent: -50px;
	margin-left: 50px;
	color: #aba;
}
#referenciaink .horizontal {
	width: 641px;
	height: 170px;
	color: #eee;
	margin-left: 10px;
}
#referenciaink #left-side h3 { font-size: 14px; }
#referenciaink #left-side p { margin-top: 7px; }
#referenciaink #referencia {
	display: block;
	width: 620px;
	height: 401px;
	background: url('../images/referencia-background.png');
	margin: 0 auto 10px auto;
	padding: 10px;
}
#referencia img {
	position: absolute;
	z-index: 0;
}
#referencia object {
	position: absolute;
	z-index: 10;
}
#referenciaink #ref_back {
	margin-left: 20px;
}

#ajanlatkeres #left-side .left {
	margin-top: 35px;
	width: 400px;
	float:left;
}
#ajanlatkeres #left-side .right {
	width: 250px;
	float:right;	
}
#ajanlatkeres #left-side form#form-message .left p {
	height: 50px;
}
#ajanlatkeres #left-side form#form-message .left span {
	font-size: 11px; 
	font-style: italic;
}
#ajanlatkeres #left-side form#form-message .left label, #ajanlatkeres #left-side form#form-message .text-message {
	display: block;
	width: 140px;
	float:left;
	line-height: 26px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
#ajanlatkeres form#form-message .left input {
	width: 225px;
	height: 25px;
	background: url('../images/kapcsolat-input-background.png');
	border: 0;
	padding: 5px 5px 0 5px;
}
#ajanlatkeres #left-side form#form-message .right p {
	margin-top: 5px;
}
#ajanlatkeres #left-side form#form-message .right h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}
#ajanlatkeres #left-side form#form-message .right label {
	display: block;
	width: 145px;
	padding-left: 20px;
} 
#ajanlatkeres form#form-message textarea {
	width: 383px;
	height: 214px;
	background: url('../images/ajanlatkeres-textarea-background.png');
	border: 0;
	padding: 5px 5px 0 5px;
}
#ajanlatkeres form#form-message input#submit-message {
	margin: 20px 0 0 140px;
}
#ajanlatkeres form#form-message .right input {
	float:left;
}
#ajanlatkeres form#form-message .right span.checkbox {
   width: 0px;
   height: 20px;
   padding: 0 13px 0 0;
   background: url(../images/checkbox.png) no-repeat;
   cursor: default;
   float:left;
}

#kapcsolat #left-side dt {
	display: block;
	height: 30px;
	margin: 0 10px 0 20px;
	padding-left: 40px;
	color: #dadada;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	float:left;
	line-height: 26px;
}
#kapcsolat #left-side  dd {
	display: block;
	height: 30px;
	color: #f2fff6;
	font-size: 17px;
	margin: 10px 10px 20px 10px;
	line-height: 24px;
}
#kapcsolat #left-side  dd a{
	/* font-weight: normal;*/
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
}
#kapcsolat #left-side dt.person { background: url('../images/social-links/kapcsolat/szemely.png') no-repeat 0 0; }
#kapcsolat #left-side dt.telefon { background: url('../images/social-links/kapcsolat/telefon.png') no-repeat 0 0; }
#kapcsolat #left-side dt.e-mail { background: url('../images/social-links/kapcsolat/email.png') no-repeat 0 0; }
#kapcsolat #left-side dt.facebook { background: url('../images/social-links/kapcsolat/facebook.png') no-repeat 0 0; }
#kapcsolat #left-side dt.twitter { background: url('../images/social-links/kapcsolat/twitter.png') no-repeat 0 0; }
#kapcsolat #left-side dt.skype { background: url('../images/social-links/kapcsolat/skype.png') no-repeat 0 0; }
#kapcsolat #left-side .left {
	margin-top: 20px;
	width: 310px;
	float:left;
}
#kapcsolat #left-side .right {
	margin-top: 10px;
	width: 340px;
	float:right;
}
#kapcsolat #left-side .right h3 {
	display: block;
	height: 30px;
	margin: 0 10px 0 20px;
	padding-left: 40px;
	color: #f2fff6;
	font-size: 17px;
	font-weight: normal;
	line-height: 26px;
	background: url('../images/social-links/kapcsolat/online.png') no-repeat 0 0;
}
#kapcsolat form#form-message {
	margin-top: 20px;
}
#kapcsolat form#form-message p {
	padding: 10px 0 10px 0;
}
#kapcsolat form#form-message label {
	display: block;
	width: 70px;
	float:left;
	line-height: 30px;
}
#kapcsolat form#form-message input {
	width: 225px;
	height: 25px;
	background: url('../images/kapcsolat-input-background.png');
	border: 0;
	padding: 5px 5px 0 5px;
}
#kapcsolat form#form-message textarea {
	width: 225px;
	height: 215px;
	background: url('../images/kapcsolat-textarea-background.png');
	border: 0;
	padding: 5px 5px 0 5px;
}
#kapcsolat #left-side .ajanlat {
	display: block;
	height: 30px;
	width: 100px;
	margin: 0 10px 0 20px;
	padding-left: 40px;
	color: #f2fff6;
	font-size: 17px;
	font-weight: normal;
	line-height: 26px;
	background: url('../images/social-links/kapcsolat/ajanlat.png') no-repeat 0 0;
}

#bemutato-video #video {
	display: block;
	width: 620px;
	height: 348px;
	background: url('../images/bemutato-video-background.png');
	margin: 0 auto 10px auto;
	padding: 10px;
}

#akcio #left-side p {
	margin: 20px;
	text-align: justify;
	color: #e8e8e8;	
}
#akcio #left-side p strong {
	font-weight: bold;
	font-size: 15px;
	color: #ed3232;
}
#akcio #left-side a {
	color: #ed3232;
}
#akcio #left-side a:hover {
	color: #222;
	background: #ed3232;
}
#akcio #left-side h3 {
	margin: 20px 10px 10px 10px;
	font-size: 15px;
	color: #ed3232;
}
#akcio #left-side .img {
	display: block;
	width: 600px;
	height: 150px;
	margin: 30px auto;
	background: url('../images/akcio-img.png');
}

#hatterkep #left-side #background-th {
	display: block;
	height: 255px;
	width: 405px;
	background: url('../images/hatterkep-background.png');
	padding: 5px 0 0 5px;
	margin: 30px;
}
#hatterkep #left-side select {
	margin-left: 50px;
}
#hatterkep #left-side a {
	margin-left: 10px;
}
#hatterkep #left-side a:hover {
	background-color: #ffff00;
}