/***** KULCSSZÓ CSS - FIREFOX v0.3 *****/

/*** TARTALOM 
1. Általános
2. Fejléc
- 
3. Oszlopok, dobozok a főoldalon
4. Oszlopok, dobozok a belső oldalakon

5. Lábléc
- Copyright
- Alsó menü

6. Űrlapok
***/


/******************************************************
* 1. Általános                                        *
******************************************************/ 

*, html { margin: 0; padding: 0; } /* Az egész oldalra érvényes. */

body {
background: #fff;
font-family: Arial, Tahoma, "Lucida Grande", sans-serif;
color: #000;
font-size: 62.5%; 
/* A betűméret a továbbiakban em-ben van megadva és nem px-ben, ami segít akkor, ha valaki a méretet nagyítja, és minden böngésző egyformán kezeli. 									Azért kell 62.5%-ra kicsinyíteni, mert ez lesz az alap betűméret. 62.5% = 10px = 1em. */
}

p {
font-size: 1.2em; /* A fentiből kiindulva: 1.2em = 12px */
}

a:link {
color: #c00;
}

#tarto {
width: 780px;
margin: 0 auto;
}

/******************************************************
* 2. Fejléc, logó, főmenü                             *
******************************************************/ 

#fejlec {
position: relative;
height: 100px;
width: 780px;
margin: 0 auto;
}

#logo {
float:left;
width: 185px;
height: 100px;
margin-left: 20px;
position: relative;
}

#fomenu {
float: right;
margin-top: 35px;
margin-right: 30px;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}

#fomenu li {
display: inline;
font-size: 1.2em;
border-left: 1px solid #009;
}

#fomenu li:first-child { /* Eltünteti a menü/lista első eleméről a bal oldali szegélyt */
border-left: none;
}

#fomenu li a {
padding-left: 20px;
	padding-right: 15px;
padding-top: 12px;
padding-bottom: 12px;
text-decoration: none;
font-weight: bold;
color: #036;
}

#fomenu li a:hover {
background: #036;
padding-top: 12px;
padding-bottom: 12px;
color: #fff;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
padding-right: 15px;
}

#fejleckep {
margin: 0 auto;
width: 741px;
height: 226px;
background: url('images/cms/fejleckep.jpg') no-repeat;
}

/******************************************************
* 3. Oszlopok, dobozok a főoldalon                    *
******************************************************/ 

		/*****************************************
		 *  3a. Oszlopok                         *
		 ****************************************/
		
		#bal, #kozepso, #jobb { float:left; width: 250px; margin-left: 22px; margin-top: 20px; }
		#jobb {  width: 196px;  }
		
		

/** Bekezdések az oszlopokon belül */
#bal p, #kozepso p, #jobb p { margin-left: 3px; text-align: justify; }

/** Baloldali oszlop **/
#kereso_opt h1, #szolgaltatasaink h1, #szolgaltatasaink_oldal h1 {
color: #900;
background: url(images/cms/cim_keresoopt.png) bottom left repeat-x;
height: 30px;
font-size: 1.3em;
}

#kereso_opt h2 { color: #900; }
#szolgaltatasaink h2 { color: #c00; }

#kereso_opt a:link, #kereso_opt a:visited, #kereso_opt a:active { color: #900; text-decoration: none; }
#kereso_opt a:hover { text-decoration: underline; }

#szolgaltatasaink a:link, #szolgaltatasaink a:visited, #szolgaltatasaink a:active { color: #900; text-decoration: none; }
#szolgaltatasaink a:hover { text-decoration: underline; }

/** Középső oszlop **/
#ugyfeleink_mondtak h1, #miert_valasszon h1, #ugyfeleinkmondtak_oldal h1 {
color: #2f9100;
background: url(images/cms/cim_ugyfeleinkmondtak.png) bottom left repeat-x;
height: 30px;
font-size: 13px;
}

#ugyfeleink_mondtak h1 {
margin-bottom: 15px;
}

#miert_valasszon h2 { color: #2F9100; }

#ugyfeleink_mondtak a:link, #ugyfeleinkmondtak_oldal a:link, #ugyfeleink_mondtak a:visited, #ugyfeleinkmondtak_oldal a:visited, #ugyfeleink_mondtak a:active, #ugyfeleinkmondtak_oldal a:active { color: #2f9100; text-decoration: none; }
#ugyfeleink_mondtak a:hover, #ugyfeleinkmondtak_oldal a:hover { text-decoration: underline; }

#miert_valasszon a:link, #miert_valasszon a:visited, #miert_valasszon a:active { color: #2f9100; text-decoration: none; }
#miert_valasszon a:hover { text-decoration: underline; }

/* Idézet */
#idezet { width: 243px; height: 187px; background: url('images/cms/idezet_box.png') no-repeat; margin: 20px auto 10px; padding-top: 10px; }

#idezet p { margin-left: 31px; margin-top: 13px; margin-right: 31px; }
#idezet .idezo { text-align: right; color: #fff; font-weight: bold; margin: 15px 20px 0 20px; }
#idezet .idezo p:first-child { color: #ffc; }


/** Jobb oldali oszlop **/


#referenciaink a:link, #referenciaink a:visited, #referenciaink a:active {
	color: #FFA927;
	text-decoration: none;
}

#referenciaink a:hover { text-decoration: underline; }


#jo_tudni h1, #jo_tudni_oldal h1 {
color: #92dfff;
background: url(images/cms/cim_jotudni.png) bottom left repeat-x;
height: 30px;
font-size: 1.3em;
}

#jo_tudni h2 { color: #7ED9FF; }

#jo_tudni a:link, #jo_tudni a:visited, #jo_tudni a:active { color: #7ED9FF; text-decoration: none; }
#jo_tudni a:hover { text-decoration: underline; }

/*
#jo_tudni img {
margin-top: 10px;
margin-bottom: 10px;
}
*/

.jotudni a:link, .jotudni a:visited, .jotudni a:active {
color: #7ED9FF;
font-weight: bold;
text-decoration: none;
position: absolute;
bottom: 15px;
left: 40px;
}

.jotudni a:hover {
text-decoration: underline;
}

/******************************************************
* 4. Oszlopok, dobozok a belső oldalakon              *
******************************************************/



/** Bal oldali tartalmi rész **/
#tartalom {
	width: 528px;
	margin-left: 22px;
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
}

#tartalom p {
	margin-right: 20px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

/* H2 alcím, H1 főcím */
#tartalom h2 { font-size: 1.2em; color: #036; margin-top: 20px; margin-bottom: 20px; }
#tartalom h1 { font-size: 1.4em; color: #036; margin-top: 20px; margin-bottom: 30px; }

/** Oldalsáv és minden ami benne van **/
#oldalsav { width: 196px; float: left; }

/* Szolgáltatások menü */
#szolgaltatasok_menu { margin: 0; margin-top: 10px; }

#szolgaltatasok_menu li {
background: url(images/cms/jobb_nyil.png) no-repeat;
list-style: none;
padding-left: 20px;
margin-bottom:12px;
}

#szolgaltatasok_menu li a {
font-size: 1.2em;
font-weight: bold;
color: #c00;
text-decoration: none;
}

#szolgaltatasok_menu li a:hover {
text-decoration: underline;
}


/*** oldalsó dobozok méretei ***/
.doboz {
	min-height: 440px;
}


/*** CÍMEK ***/

/* Doboz főcímek */
#bal h1, #kozepso h1, #jobb h1 { font-size: 1.3em; padding-left: 3px; }

/* Doboz alcímek */
#bal h2, #kozepso h2, #jobb h2 { margin-top: 15px; margin-left: 3px; font-size: 1.2em; }









#referenciaink h1 {
color: #FF9900;
background: url(images/cms/cim_referenciaink.png) bottom left repeat-x;
height: 30px;
font-size: 1.3em;
margin-bottom: 15px;
}

#jo_tudni h1, #jo_tudni_oldal h1 {
color: #92dfff;
background: url(images/cms/cim_jotudni.png) bottom left repeat-x;
height: 30px;
font-size: 1.3em;
}

#jo_tudni_oldal h2 {
margin-top: 15px;
padding-left: 3px;
font-size: 1.2em;
color: #92dfff;
}

#szolgaltatasaink_oldal, #jo_tudni_oldal, #referenciak_oldal, #ugyfeleinkmondtak_oldal {
/*height: 350px;*/
position: relative;
margin-top: 15px;
height: 400px;
}

#jo_tudni_oldal {
	/*height: 350px;*/
}

#szolgaltatasaink_oldal p, #jo_tudni_oldal p {
margin-left: 3px;
text-align: justify;
}

#jo_tudni_oldal a:link, #jo_tudni_oldal a:active, #jo_tudni_oldal a:visited {
color: #92dfff;
text-decoration: none;
}

#jo_tudni_oldal a:hover {
text-decoration: underline;
}

#idezet h2 {
margin-left: 15px;
margin-right: 15px;
margin-top: 18px;
font-size: 1.4em;
color: #fff;
}

#szolgaltatasaink_oldal a:link, #szolgaltatasaink_oldal a:visited, #szolgaltatasaink_oldal a:active {
	color: #900;
	text-decoration: none;
}

#szolgaltatasaink_oldal a:hover {
	text-decoration: underline;
}

/*** ***/

#kereso_opt, #szolgaltatasaink, #ugyfeleink_mondtak, #miert_valasszon {
width: 250px;
height: 380px;
}

#referenciaink {
width: 196px;
height: 380px;
position: relative;
text-align: left;
}

.ref a {
color:#FFA927;
text-decoration: none;
font-weight: bold;
position: absolute;
left: 20px;
bottom: 40px;
}

.ref a:hover {
text-decoration: underline;
}

#szolgaltatasaink, #miert_valasszon {
width: 250px;
height: 420px;
}


#jo_tudni {
width: 196px;
height: 420px;
position: relative;
}

.jotudni a:link, .jotudni a:visited, .jotudni a:active {
color: #7ED9FF;
font-weight: bold;
text-decoration: none;
position: absolute;
bottom: 15px;
left: 5px;
}

.jotudni a:hover {
text-decoration: underline;
}

/******************************************************
* 5. Lábléc                                           *
******************************************************/                                  

#lablec { clear:both; width: 741px; margin: 5px auto; border-top: 5px solid #014261; }

	/** Copyright rész **/
	#copyright { float: left; font-size: inherit; margin-top: 15px; margin-left: 15px; }
	
	#copyright p { margin-bottom: 5px; font-size: 1.0em; color: #036; font-weight: bold; }
	#copyright p:first-child { font-size: 1.2em; }
	
	#copyright a:link, #copyright a:active, #copyright a:visited { color: #036; text-decoration: none; }
	#copyright a:hover { text-decoration: underline; }

	/** Alsó menü **/
	#alsomenu { float: right; margin-top: 15px; margin-right: 30px; }
	#alsomenu li { display: inline; font-size: 1.2em; border-left: 1px solid #036; }
	
	#alsomenu li a { padding-left: 10px; padding-right: 10px; color: #036; font-weight: bold; text-decoration: none; }
	#alsomenu li:first-child { border-left: none; }
	#alsomenu li a:hover { text-decoration: underline; }
	

/******************************************************
* 6. Űrlapok                                          *
* - ajanlat_urlap = Ajánlat űrlap                     *
* - contactform = Elérhetőség űrlap                   *
******************************************************/


.arajanlat_urlap fieldset, .contactform fieldset { /* eltünteti a körülvevő keretet, beállítja a betűméretet */
	border: none;
	background: #fff;
	font-size: 1.2em;
}

.contactform { /* az elérhetőség űrlap külseje */
	background: #fff;
}

.required { /* a kötelezően kitöltendő szövege */
	color: #c00;
}

.arajanlat_urlap textarea, .contactform textarea { /* üzenet mező */
	width: 480px;
	height: 90px;
	padding: 5px;
	border: 1px solid #000;
	background: #fff;
	font-size: 1.2em;
	margin-top: 10px;
}

.contactform div, .arajanlat_urlap div { /* űrlap sor */
	margin: 10px 0;
}

.contactform div label, .arajanlat_urlap div label { /* űrlap sor szövege */
	font-weight: bold;
}


.contactform div input, .arajanlat_urlap div input { /* űrlap mező kinézete */
	border: 1px solid #000;
	padding: 3px;
	background: #fff;
	font-size: 1.2em;
	margin-left: 15px;
}

#m2fbrp__24, #m2fbrp__4 { /* ÁRAJÁNLAT/ELÉRHETŐSÉG űrlap NÉV mező poziciója */
	margin-left: 85px;
}

#m2fbrp__25, #m2fbrp__5 { /* ÁRAJÁNLAT/ELÉRHETŐSÉG űrlap E-MAIL mező poziciója */
	margin-left: 40px;
}

#m2fbrp__26, #m2fbrp__23 { /* ÁRAJÁNLAT/ELÉRHETŐSÉG űrlap TELEFONSZÁM mező poziciója */
	margin-left: 30px;
}

#m2fbrp__27 { /* ÁRAJÁNLAT űrlap ÜZENET mező poziciója */
	margin-left: 18px;
}

.captcha input { /* captcha mező kinézete */
	border: 1px solid #000;
	background: #fff;
	font-size: 1.2em;
	margin-left: 15px;
}

.submit input { /* az űrlap és a captcha elküldő gombja */
	color: #000;
}

.arajanlat_szolgaltatasok div label, .arajanlat_seo_ideje div label { /* szolgaltatas kiválasztása és ideje normál betűvel */
	font-weight: normal;
}

.arajanlat_szolgaltatasok div, .arajanlat_seo_ideje div {
	margin-top: 15px;
}

#m2fbrp__31 {
	margin-top: 10px;
	margin-left: 0;
}