﻿/***
* Körömdíszítőklub.hu CSS - Firefox, Opera, stb.
***********/


/**********************************
* 1. ÁLTALÁNOS                    *
**********************************/
*, html { margin: 0; padding: 0; }

body {
	background: #C80D46 url('/images/koromdiszitoklub-hatter.jpg') repeat-y center ;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #fff;
}


a:link, a:active, a:visited { font-family: Arial, sans-serif; 	text-decoration: underline;
	color: #fff; }

a:hover { text-decoration: none; }

p { 	font-size: 1.2em; }

/**********************************
* 2. OLDAL SZERKEZET              *
**********************************/
#tarto {
	width: 982px;
	margin: -200px auto 0;
	overflow: auto;
	
}

#fejlec {
	background: #C80D46 url('/images/koromdiszitoklub-fejlec.jpg') top center no-repeat;
    width: 1651px;
    height:480px;
    width: 100%;
    margin: 0 auto;
}

#fejlec_en {
    background: #C80D46 url('/images/nailart-head.jpg') top center no-repeat;
    width: 1651px;
    height:480px;
    width: 100%;
    margin: 0 auto;
}

#fejlec_es {
    background: #C80D46 url('/images/nailart-head.jpg') top center no-repeat;  
    width: 1651px;
    height:480px;
    width: 100%;
    margin: 0 auto;
}

#fejlec_ro {
    background: #C80D46 url('/images/unghiifalse-head.jpg') top center no-repeat;
    width: 1651px;
    height:480px;
    width: 100%;
    margin: 0 auto;
	padding:0;
}

#fejlec_sk {
    background: #C80D46 url('/images/nechtyclub-head.jpg') top center no-repeat;
    width: 1651px;
    height:480px;
    width: 100%;
    margin: 0 auto;
}

#logo { 	width: 980px !important; width: 980px; height: 212px; 	margin: 0 auto; }

#logo a { 	width: 613px; 	height: 112px; overflow: hidden; display: block; }
	
#tarto-belso {
	float:left;
	display:inline;
	overflow:hidden;
}

#bal {
	width: 207px !important;
	width: 209px; /*205*/
	float: left;
	/*display:inline;*/
	overflow:hidden;
	}

#kozep {
	width: 585px !important;
	width: 583px;
	float: right;
	display:inline;
	overflow:hidden;
}

#jobb {
	width: 176px;
	float: right;
	display:inline;
	overflow:hidden;
	}

#lablec {
	width: 100%;
	background: url('/images/koromdiszitoklub-lablec.jpg') no-repeat bottom center;
	height: 160px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0;
	clear: both;
	}


/**********************************
* 3. BAL OSZLOP                   *
**********************************/

#bal .banner120x240 { width:120px; height:240px; margin: 30px auto; }

/** 3a. Menü
********************************/
#menu { font-size: 1.3em; width: 208px !important; 	width: 209px;  }

#menu ul li { list-style: none; background: url('/images/koromdiszitoklub-menu-hatter.png') repeat-x;	height: 18px;
	padding: 5px 5px 5px 10px; overflow:hidden;}

#menu ul li.double { list-style: none; background: url('/images/koromdiszitoklub-menu-hatter-dupla.png') repeat-x;	height: 36px;
	padding: 5px 5px 5px 10px; overflow:hidden;}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
	color: #fff; text-decoration: none; font-weight: bold; }

#menu ul li a:hover { 	color: #ffcc00; }


/** 3b. Belépés doboz
********************************/
#belepesbox { 	width: 208px !important; width: 209px;  	margin-top: 10px; }

#belepesbox h3 { background: #94032F url('/images/koromdiszitoklub-belepesbox-cim-hatter.png') repeat-y left;
	font-size: 1.6em; height: 24px; width: 183px; padding-left: 20px !important; padding-left: 25px; padding-top: 2px; }

#belepesbox p { margin-left: 5px; }

#belepesbox form label { font-weight: bold; margin-left: 5px; }

#belepesbox form p { margin-top: 5px; margin-bottom: 5px; }

#belepesbox form input { border: 1px solid #e759ae; background: #fff; height: 16px; padding: 2px; 	margin-left: 0;
	font-size: 1.0em; font-family: Tahoma, sans-serif; }

#belepesbox .gomb { 	width: 80px; height: 18px !important; height: 20px;
	background: url('/images/koromdiszitoklub-belepes-gomb.png') no-repeat; margin-top: 10px; margin-left: 5px; padding-top: 2px;
	color: #fff;	font-size: 1.2em; font-weight: bold; font-family: Arial, sans-serif; text-align: center; }
	
#belepesbox .gomb_120 { 	width: 120px; height: 18px !important; height: 20px;
	background: url('/images/koromdiszitoklub-belepes-gomb-120.png') no-repeat; margin-top: 10px; margin-left: 5px; padding-top: 2px;
	color: #fff;	font-size: 1.2em; font-weight: bold; font-family: Arial, sans-serif; text-align: center; }
	
#belepesbox .gomb a, #belepesbox .gomb a:visited, #belepesbox .gomb a:hover, #belepesbox .gomb a:active {
	text-decoration: none;
}


/** 3b. Belépés doboz helyén - belépés után
********************************/
#belepesbox ul li { list-style: none; background: url('/images/koromdiszitoklub-menu-hatter.png') repeat-x; height: 18px;
	padding: 5px 10px; font-size: 1.3em;}
	
#belepesbox ul li.verseny { list-style: none; background: url('/images/koromdiszitoklub-menu-hatter.png') repeat-x; height: 18px;
	padding: 5px 10px; font-size:13px;}


#belepesbox ul li a:link, #belepesbox ul li a:visited, #belepesbox ul li a:active {
	color: #fff; text-decoration: none; font-weight: bold; }

#belepesbox ul li a:hover { 	color: #ffcc00; }


/**********************************
* 4. TARTALOM                     *
**********************************/

#kozep h1 { font-size: 1.6em; font-family: Verdana, sans-serif; background: url('/images/virag.gif') no-repeat;
	padding-left: 35px; padding-top: 5px; margin-left: 15px; margin-right: 15px; margin-bottom: 5px; height: 29px; clear: both; }

#kozep p { margin-left: 15px; margin-right: 15px; font-size: 1.2em; margin-bottom: 20px; line-height: 18px; }

#kozep .fooldal-box {
	width: 268px;
	height: 298px; /* előző: 198px */
	margin-left: 15px;
	margin-right: 0px;
	float: left;
	background: #93032F url('/images/cimlap-box.png') no-repeat bottom left;
	overflow: hidden;
	border: 1px solid #fff;
}

#kozep .fooldal-box a img { border: none; }

#kozep .fooldal-box h3 { font-size: 1.4em;  background: #000 url('/images/kdk-fdoboz-cim-bg.png') no-repeat; height: 23px; margin: 0; padding: 0; padding-top: 5px; padding-left: 25px; } 

#kozep .fooldal-box p { margin: 5px; margin-bottom: 0; margin-top: 3px; }

#kozep .fooldal-box a, #kozep .kategoria-box a:visited, #kozep .kategoria-box a:active {
	text-decoration:none; color: #efb921; }

#kozep .fooldal-box a:hover { text-decoration: underline; }

#kozep .fooldal-box .tovabb { text-align:right; font-weight:bold; }

#kozep input, #kozep textarea { border: 1px solid #e759ae; /*background: #fff;*/ padding: 2px; }

#kozep .bal { width:20%; }

#kozep .jobb { width: 35%; }

#kozep h5 {
	font-size: 1.3em;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
}

.felsorol {     margin-left: 15px;    margin-right: 15px;    margin-bottom: 10px;    line-height: 18px;    font-size: 1.2em;}
.felsorol li {    list-style: none;}


#kozep .center {
	text-align: center;
}

/** 4-0. Díszítés kategória
**************************/
#kozep .diszites-kat-box {
	width: 268px;
	height: 298px;
	margin-left: 15px;
	margin-right: 0px;
	float: left;
	background: #93032F url('/images/cimlap-box.png') no-repeat bottom left;
	overflow: hidden;
	border: 1px solid #fff;
}

#kozep .diszites-kat-box a img { border: none; }

#kozep .diszites-kat-box h3 { font-size: 1.6em; 	background: #000 url('/images/kdk-fdoboz-cim-bg.png') no-repeat;
	height: 23px; margin: 0; padding: 0; padding-top: 5px; padding-left: 25px; }

#kozep .diszites-kat-box p { margin: 5px; margin-bottom: 0; margin-top: 3px; }

#kozep .diszites-kat-box a, #kozep .kategoria-box a:visited, #kozep .kategoria-box a:active {
	text-decoration:none; color: #efb921; }

#kozep .diszites-kat-box a:hover { text-decoration: underline; }

#kozep .diszites-kat-box .tovabb { text-align:right; font-weight:bold; }

/** 4a. Díszítések
********************************/
.diszites {    margin: 15px !important;  font-size: 1.2em; } 


.diszites-kep { width: 240px; float: left; padding: 0; 	margin: 0 auto; }

.diszites-kep img { border: 1px solid #fff; margin: 0; padding: 0; }

.diszites-kep .nagyito { background: url('/images/diszites-nagyito.png') no-repeat; margin: -15px auto 0;
	width: 72px; height: 18px; text-align: right; font-weight: bold; padding-right: 4px; padding-top: 3px; }

.diszites-kep .nagyito a:link, .diszites-kep .nagyito a:visited, .diszites-kep .nagyito a:hover, .diszites-kep .nagyito a:active {
	text-decoration: none; color: #ffcc00; }
.diszites-info { width: 270px; float: left;}
.diszites-info ul  { float:left; } 

.diszites-info ul li    { float:left; width: 135px; margin: 0; margin-bottom: 5px; padding: 0; list-style: none; font-size: 12px; } 

.diszites-info .beljebb { margin-left: 15px; }

.szavazas {  clear:both; margin: 10px auto; display: table; white-space: nowrap; }

.szavazas input { float:left; margin-right: 5px; }

.szavazas label { float:left; margin-right: 10px; }

.szavazogomb { margin: 0 auto; text-align: center; }

.szavazogomb input { border: 1px solid #ff80e5;
background: url('/images/gomb-bg.png') repeat-x; font-weight: bold; color: #fff; }

#kozep .lapozo {
	clear: both;
	position: relative;
	margin: 0 20px 30px;
	padding-top: 10px;
	font-size: 1.2em;
	text-align: center;
}

#kozep .lapozo a, #kozep .lapozo a:link, #kozep .lapozo a:visited, #kozep .lapozo a:active {
	margin: 2px;
	padding: 4px 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background: #92032F;
	border: 1px solid #FF80E5;
}

#kozep .lapozo a:hover {
	color: #F8BC07;
	background: #92032F;
	border: 1px solid #92032F;
}

#kozep .lapozo span.jelenlegi {
	margin: 2px;
	padding: 4px 5px;
	color: #92032F;
	background: #FF80E5;
	border: 1px solid #92032F;
}


/** 4b. Regisztráció
********************************/
TABLE {
	FONT-SIZE: 9pt;
	FONT-FAMILY: verdana;
	margin-left: auto;
}

/** 4c. Belépés, Regisztráció, Keresés
********************************/

input { 	border: 1px solid #e759ae;/* background: #fff; */}

.kereses a, .kereses a:active, .kereses a:visited { 	text-decoration: none; }

.kereses a:hover { color: #ffcc00; }

#kozep .kereses p { 	margin: 3px 0; }

.kereses .valaszto { background: url('/images/valaszto-csik-nagy.jpg') no-repeat; width: 570px; height: 13px; margin: 10px auto; }

#kozep .button{ background:url('/images/koromdiszitoklub-menu-hatter.png') repeat-x; border: 1px solid #ff80e5; color: #fff; font-weight: bold;
	font-family: Arial, sans-serif; text-align: center; padding: 2px 5px; margin: 10px 0 !important; margin: 5px 0; background-color:#9D0B3A; cursor:pointer;}

#kozep input[type="submit"]{ background:url('/images/koromdiszitoklub-menu-hatter.png') repeat-x; border: 1px solid #ff80e5; color: #fff; font-weight: bold;
	font-family: Arial, sans-serif; text-align: center; padding: 2px 5px; margin: 10px 0 !important; margin: 5px 0; background-color:#9D0B3A; cursor:pointer;}
	
/** 4d. Táblázatok a külön css-ből
********************************/
.textbox { color: #93032F; }


/**********************************
* 5. JOBB OSZLOP                  *
**********************************/

#jobb .banner120x240 { width:120px; height:240px; margin: 50px auto 20px; }
#jobb .banner120x600 { width:120px; height:600px; margin: 50px auto 20px; }
#jobb .banner160x600 { width:160px; height:600px; margin: 20px 0 20px 10px; } 

#jobb p { 	margin-left: 5px; 	margin-right: 5px; line-height: 17px; }
#jobb ul { margin-top: 50px; }
#jobb ul li { margin-left: 20px;  font-size: 1.2em;}

/* 5a. Hírlevél feliratkozás
*****************************/
#hirlevel { 	/*width: 208px !important; width: 209px; */ 	margin-top: 60px;  }

#hirlevel h3 { background: #94032F url('/images/koromdiszitoklub-hirlevelbox-cim-hatter.png') repeat-y;
	font-size: 1.6em; height: 24px; width: 183px; padding-left: 20px !important; padding-left: 25px; padding-top: 2px; }

#hirlevel p { margin-left: 5px; }

#hirlevel form label { font-weight: bold; margin-left: 5px; }

#hirlevel form p { margin-top: 5px; margin-bottom: 5px; }

#hirlevel form input { border: 1px solid #e759ae; background: #fff; height: 16px; padding: 2px; 	margin-left: 0;
	font-size: 1.0em; font-family: Tahoma, sans-serif; }

#hirlevel .gomb { 	width: 80px; height: 18px !important; height: 20px;
	background: url('/images/koromdiszitoklub-belepes-gomb.png') no-repeat; margin-top: 10px; margin-left: 5px; padding-top: 2px;
	color: #fff;	font-size: 1.2em; font-weight: bold; font-family: Arial, sans-serif; text-align: center; }
	
#hirlevel .gomb a, #belepesbox .gomb a:visited, #belepesbox .gomb a:hover, #belepesbox .gomb a:active {
	text-decoration: none;
}

/** Üzenetek
****************/

.uzenet-tabla {
	margin: 0 auto;
}

/**********************************
* 6. LÁBLÉC                       *
**********************************/
#lablec .szoveg { width: 570px; 	margin: 0 auto; text-align: center; 	padding-top: 20px; padding-left: 30px; }

#lablec .szoveg p { 	margin: 5px 0; font-family: Tahoma, sans-serif; font-size: 1.2em; }

.banner468x60 { text-align: center; }

div.verseny{
width:140px;
text-align:center;
float:left;
}

div.clear{clear:both;}

div.verseny .verseny_szavaz{
margin-left:28px;
}

.verseny_szavaz{
border: 1px solid #ff80e5;
background: url('/images/gomb-bg.png') repeat-x; font-weight: bold; color: #fff; 
width:81px;
height:19px;
display:block;
line-height:19px;
font-size:12px;
text-align:center;
}

div.verseny_nagy_kep{
width:540px;
height:405px;
margin-top:20px;
margin-left:30px;
}

.login_box_gomb{
border: 1px solid #ff80e5;
background: url('/images/gomb-bg.png') repeat-x; font-weight: bold; color: #fff; 
width:150px;
height:19px;
display:block;
line-height:19px;
font-size:12px;
text-align:center;
cursor:pointer;
}

div.tl_share_text{
width:555px;
text-align:center;
margin:10px 0;
}

div.tl_share_iwiw{
width:258px;
float:left;
text-align:center;
}

div.tl_share_fbook{
width:277px;
float:left;
text-align:center;
}

div.vv_box_fejlec_nev{
padding-left:5px;
font-size:14px;
width:350px;
float:left;
}

div.vv_box_fejlec_datum{
width:100px;
float:left;
}

div.forum_box_text{
font-size:12px;
margin-bottom:5px;
margin-top:10px;
}

div.talalati_lista{
padding-left:5px;
}

div.forum_topicname{
width:300px;
float:left;
font-size:12px;
}

div.forum_topic_count{
width:50px;
float:left;
}

div.forum_topic_last{
width:200px;
float:left;
text-align:right;
}

div.forum_topiclist{
margin-bottom:20px;
border-bottom:1px dotted #696969;
padding-bottom:5px;
margin-top:10px;
}

div.forum_hozzaszol{
margin-bottom:20px;
border-bottom:1px dotted #696969;
padding-bottom:5px;
}

div.kosar_gombok{
margin-bottom:15px;
text-align:center;
font-size:12px;
padding-left:100px;
}

div.vv_box_fejlec{
background-color:#ee1457;
height:18px;
}

.ta_410x206{
width:410px;
height:206px;
}

div.forum_elkuld_nev{
margin-top:10px;
font-size:12px;
}

div.forum_elkuld_szab{
font-size:12px;
margin-top:5px;
}

div.forum_fotopiclist{
background-color:#ee1457;
padding:5px 0;

}

div.forum_fotopicname{
font-size:14px;
padding-left:5px;
margin:5px 0;

}

div.kozep_content_belso{
padding-left:5px;
}

a.gomb_forum{ 	width: 110px; height: 18px !important; height: 20px;
	background: url('/images/forum_gomb.gif') no-repeat; margin-top: 10px; margin-left: 5px; padding-top: 2px;
	color: #fff;	font-size: 10px; font-family: Arial, sans-serif; text-align: center; text-decoration:none; display:block; float:left; }
	
a.gomb_forum_ajanl{ 	width: 110px; height: 18px !important; height: 20px;
	background: url('/images/forum_gomb.gif') no-repeat; margin-top: 10px; margin-left: 5px; padding-top: 2px;
	color: #fff;	font-size: 10px; font-family: Arial, sans-serif; text-align: center; text-decoration:none; display:block;}
	
div.kep_figyelo{
padding-left:10px;
}

div.kep_figyel_bread{
font-size:10px;
}

div.kep_figyel_bread a{
color:#fff;
font-size:10px;
}

div.kep_figyel_text{
font-size:12px;
padding-left:15px;
margin-top:40px;
}

div.kep_figyel_form{
padding-left:30px;
margin-top:20px;
}

div.kep_figyel_form_text{
width:150px;
float:left;
font-size:12px;
height:22px;
line-height:22px;
margin-top:5px;
}

div.kep_figyel_form_input{
float:left;
margin-top:5px;
}

.felir_gomb{
color:#fff;
padding:0 10px;
background:url(/images/felir_gomb.jpg) repeat-x;
display:block;
font-size:12px;
border:1px solid #e951a4;
cursor:pointer;
}

.kereses .figyelo_gomb{
padding:1px 15px;
background:url(/images/figyelo_gomb.jpg) repeat-x;
border:1px solid #72021a;
color:#000;
line-height:19px;
width:200px;
font-weight:bold;
}

.figyelo_gomb{
padding:1px 15px;
background:url(/images/figyelo_gomb.jpg) repeat-x;
border:1px solid #72021a;
color:#000;
line-height:19px;
width:200px;
font-weight:bold;
text-decoration:none;
}

.kereses .figyelo_gomb:hover{
color:#000;
}

div.diszites-kep-text{
padding-right:5px;
}


div.head_pic_cont{
z-index:100000;
margin-left:25px;
}

div.head_pic_cont_pic_1{
width:234px;
height:159px;
background:url(images/head_pic_1_bg.jpg) no-repeat;
float:left;
display:inline;
}

div.head_pic_cont_pic_2{
width:207px;
height:159px;
background:url(images/head_pic_2_bg.jpg) no-repeat;
float:left;
display:inline;
margin-left:43px;
}

div.head_pic_cont_pic_3{
width:210px;
height:159px;
background:url(images/head_pic_3_bg.jpg) no-repeat;
float:left;
display:inline;
margin-left:54px;
}

div.head_pic_pic_inner{
padding-top:3px;
padding-left:3px;
}
