/********************************************
	AUTHOR:  			Peter Pernyesz
	DATE:          		12-07-2009
	WEB:				pclap.hu
 *******************************************/

/****************************
* ALAPBEÁLLÍTÁSOK           *
****************************/

body {
    font: 12px Arial;
    color: #C0C0C0;
    text-align: center;
    height: 100%;
    background-image: url("images/pclap-background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}

a:link, a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #ffdb05;
}

a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #9B212F;
}

img {
    border: none;
}

input[type="submit"] {
    background-color: #AACDFF;
    border-radius: 8%;

}

input[type="button"] {
    background-color: #AACDFF;
    border-radius: 8%;

}

/***************************************
 * A FŐKERET ÉS FEJLÉC BEÁLLÍTÁSAI     *
 ***************************************/

#fokeret {
    clear: both;
    position: relative;
    width: 980px;
    min-height: 600px;
    height: 100%;
    margin: 0 auto;
    border: 8px solid #000;
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

#fejlec {
    clear: both;
    position: relative;
    width: 980px;
    height: 160px;
    background-color: black;
    text-align: left;
}

#fejlec_szoveg {
    font: 16px Corbel;
    font-weight: Bold;
    width: 100px;
    height: 40px;
    text-align: center;
    padding-top: 20px;
}

/****************************
 * A MENÜSOR BEÁLLÍTÁSAI    *
 ****************************/

#menusor {
    clear: both;
    position: relative;
    width: 980px;
    height: 30px;
    font: 13px Arial;
    text-align: left;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #000000;
    background: url(images/menusor.png);
}

#menusor table {
    height: 30px;
    font-weight: bold;
    vertical-align: middle;
    border-collapse: collapse;
    margin-left: 10px;
    margin-right: 7px;
}

#menusor td.terkoz {
    width: 18px;
}

#menusor td.fake {
    width: 40px;
}

#menusor td.user a:link, #menusor td.user a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #c40d0b;
}

#menusor a:link, #menusor a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #ffdb05;
}

#menusor a:hover, #menusor a:active, #menusor td.user a:hover, #menusor td.active a:active {
    text-decoration: none;
    font-weight: bold;
    color: #2661aa;
}

#menusor a.cikkek:link, #menusor a.cikkek:visited {
    text-decoration: none;
    font-weight: bold;
    color: #f62b3b;
}

#menusor a.cikkek:hover, #menusor a.cikkek:active, #menusor td.user a.cikkek:hover, #menusor td.active a.cikkek:active {
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

/****************************
 * AZ ALSÓ MENÜSOR BEÁLLÍTÁSAI    *
 ****************************/

#alsomenusor {
    clear: both;
    position: relative;
    width: 980px;
    height: 30px;
    font: 11px Arial;
    text-align: center;
    color: #FFFFFF;
/ / text-transform: uppercase;
    background-color: #000000;
/ / background: url(images/menusor.png);
}

#alsomenusor td.user a:link, #alsomenusor td.user a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #c40d0b;
}

#alsomenusor a:link, #alsomenusor a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
}

#alsomenusor a:hover, #alsomenusor a:active, #alsomenusor td.user a:hover, #alsomenusor td.active a:active {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
}

#alsomenusor a.cikkek:link, #alsomenusor a.cikkek:visited {
    text-decoration: none;
    font-weight: bold;
    color: #FFF000;
}

/* #alsomenusor a.cikkek:hover, #alsomenusor a.cikkek:active, #alsomenusor td.user a.cikkek:hover, #alsomenusor td.active a.cikkek:active{
	text-decoration: none;
	font-weight: bold;
	color: #A5D8BB;
	}
*/

#kres {
    clear: both;
    font: 11px Verdana;
    position: relative;
    margin: 0 auto;
}

/****************************
 * A HÍRLEVÉL BOX BEÁLLÍTÁSAI    *
 ****************************/

#hirl {
    clear: both;
    position: relative;
/ / width: 980 px;
/ / height: 30 px;
    font: 11px Arial;
    text-align: center;
    color: #FFFFFF;
/ / text-transform: uppercase;
/ / background-color: #333333;
}

#hirl td:vast {
    font-weight: bold;
}

#hirl table {
    background-color: #222222;

}

#hirl td.user a:link, #hirl td.user a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #c40d0b;
    background-color: #222222;
}

#hirl a:link, #hirl a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
}

#hirl a:hover, #hirl a:active, #hirl td.user a:hover, #hirl td.active a:active {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
    background-color: #222222;

}

/****************************
 * A MAIN BEÁLLÍTÁSAI       *
 ****************************/

#main {
    position: relative;
    clear: both;
    display: block;
    width: 980px;
    min-height: 600px;
}

#main table, #main tr, #main td {
    border-collapse: collapse;
    vertical-align: top;
}

#main table.keret {
    width: 980px;
    background-color: #000000;
}

#main td.oldal {
    width: 190px;
    height: 600px;
    text-align: center;
    background-color: #000000;
}

/****************************
 * A BAL OLDAL BEÁLLÍTÁSAI  *
 ****************************/

#bal_oldal {
    position: relative;
    clear: both;
    width: 190px;
    text-align: center;
}

#login {
    width: 190px;
    font: 10px Arial;
    text-align: center;
}

#login table {
    width: 190px;
    border-collapse: collapse;
    text-align: center;
}

#login td.bal {
    text-align: right;
    vertical-align: middle;
    height: 20px;
    width: 50px;
}

#login input.beir {
    width: 100px;
}

#login input.belep {
    width: 70px;
}

#banner_01 {
    position: relative;
    clear: both;
    width: 190px;
}

/****************************
 * A KÖZÉP BEÁLLÍTÁSAI      *
 ****************************/

#hirdetes input.kekmezo {
    background-color: #CCEEFF;
    color: black;
    opacity: 1.0;
}

#hirdetes table {
    width: 580px;
    height: 100px;
    border-collapse: collapse;
}

#hirdetes td.hirdet1 {
    width: 144px;
}

#hirdetes td.hirdet2 {
    width: 105px;
}

#hirdetes td.hirdet3 {
    width: 151px;
}

/* Hírek */

#hirek table.main {
    border-top: 1px dotted;
}

#hirek table.main a:link, #hirek table.main a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #ffdb05;
}

#hirek table.main a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #ffbb05;
}

#hirek table.naptar {
    width: 80px;
    height: 70px;
    background: url(images/calendar.png);
    background-repeat: no-repeat;
    vertical-align: top;
    border-collapse: collapse;
    text-align: center;
}

#hirek td.honap {
    width: 80px;
    height: 23px;
    vertical-align: middle;
    font-weight: bold;
}

#hirek td.nap {
    vertical-align: middle;
    height: 30px;
    font: 20px Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
}

#hirek td.ev {
    vertical-align: middle;
    height: 15px;
    font: 10px Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: top;
}

#hirek td.szoveg {
    width: 500px;
    text-align: left;
    font-family: Arial;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#hirek td.szoveg b.cim {
    font: 15px Arial;
    font-weight: bold;
    color: #ffdb05;
    line-height: 23px;
    vertical-align: middle;
}

#keresesform {
    font: 14px Arial;
    color: #FCFDD6;
    text-align: center;
    font-weight: bold;
}

#rendezesform {
    font: 14px Arial;
    color: #FCFDD6;
    text-align: center;
    font-weight: bold;
}

/* Termékek */

#termekek {
    position: relative;
    clear: both;
}

#termekek img { /* IE old version */
    border: none;
}

#termekek table.keret {
    border-collapse: collapse;
    border-top: 1px dotted;
    width: 580px;
    margin-bottom: 15px;
}

#termekek td.nev {
    text-align: left;
    vertical-align: middle;
    height: 17px;
    font: 15px Arial;
    font-weight: bold;
    background-color: #020318;
}

#termekek table.belso {
    border-collapse: collapse;
    width: 580px;
}

#termekek td.leiras {
    height: 180px;
    width: 250px;
    text-align: left;
}

#termekek td.ar {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

#termekek td.db {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}

#termekek td.kep {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

#select {
    width: 100px;
    height: 40px;
    text-align: center;
}

#webmorzsa {
    font: 12px Arial;
    color: #FCFDD6;
    text-align: center;
    font-weight: bold;
}

#webmorzsa a:link, #webmorzsa a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
}

#webmorzsa a:hover, #webmorzsa a:active {
    text-decoration: none;
    font-weight: bold;
    color: #FCFDD6;
}

.delete-checkbox {
    position: relative !important;
    left: 0 !important;
}

.user-input-table .reg {
    width: 200px;
    line-height: 30px;
    height: 30px;
}

/* Termékek Hírlevélhez */

#termekekhl {
    position: relative;
    clear: both;
    color: #000000;
    background-color: #CCCCCC;
}

#termekekhl h2 {
    text-decoration: none;
    color: #000000;

}

/* Fórumlista */

#forumlista table {
    width: 580px;
    border-collapse: collapse;
}

#forumlista th {
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #000000;
    border-collapse: separate;
    background-color: #020318;
}

#forumlista td.nev {
    text-align: left;
    width: 300px;
}

#forumlista td.nev a:link, #forumlista td.nev a:visited, #tamogatas td.file a:link, #tamogatas td.file a:visited {
    text-decoration: none;
    color: #85B8FF;
}

#forumlista td.nev a:hover, #tamogatas td.file a:hover {
    text-decoration: none;
    color: #ffffff;
}

#forumlista td.letrehozo {
    text-align: center;
    width: 90px;
}

#forumlista td.datum {
    text-align: center;
    width: 120px;
}

#forumlista td.torles {
    text-align: center;
    width: 70px;
}

#tartalom {
    position: relative;
    clear: both;
}

#tartalom table.blogos {
    width: 580px;
    border-collapse: collapse;
    text-align: left;
}

#tartalom input.blogos_cim {
    width: 580px;
}

#tartalom table.ujbeiras {
    width: 580px;
    border-collapse: collapse;
    text-align: center;
}

/* Támogatás */

#tamogatas {
    width: 580px;
    min-height: 443px;
    background: url(images/tam_backg.png);
    overflow: auto;
}

#tamogatas table {
    width: 560px;
    border-collapse: separate;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    color: #ffffff;
}

#tamogatas td.nev {
    width: 480px;
    text-align: left;
    vertical-align: middle;
    background-color: #000000;
    color: #ffffff;
}

#tamogatas td.file {
    width: 80px;
    text-align: center;
    vertical-align: middle;
    background-color: #000000;
}

/* Admin_rendelések */

#admin_rendelesek {
    width: 580px;
}

#admin_rendelesek table.rendelesek {
    width: 580px;
    font: 10px Arial #ffffff;
    border-collapse: separate;
    margin-bottom: 10px;
    border-top: 1px dotted #ffffff;
    border-bottom: 1px dotted #ffffff;
}

#admin_rendelesek table.rendelesek th {
    font: 10px Arial #ffffff;
    font-weight: bold;
    background-color: #00041E;
}

#admin_rendelesek table.rendelesek tr.elso_sor, #admin_rendelesek table.rendelesek tr.masodik_sor {
    background-color: #A0A0A0;
    color: #000000;
}

#admin_rendelesek table.rendelesek tr.harmadik_sor {
    background-color: #282828;
    color: #ffffff;
}

#admin_rendelesek table.rendelesek td.rendelo {
    width: 150px;
    font: 10px Arial #000000;
    font-weight: bold;
    vertical-align: middle;
}

#admin_rendelesek table.rendelesek td.megjegyzes {
    font: 10px Arial #000000;
    width: 210px;
}

#admin_rendelesek table.rendelesek td.status {
    width: 100px;
}

/****************************
 * A JOBB OLDAL BEÁLLÍTÁSAI *
 ****************************/

#jobb_oldal {
    position: relative;
    clear: both;
}

#jobb_oldal h3 {
    color: #85B8FF;
    font: 14px Arial;
    font-weight: bold;
}

#velemeny {
    text-align: center;
    position: relative;
    clear: both;
    font: 11px Verdana;
    color: #BCDAFE;
    font-style: italic;
}

#velemeny2 {
    text-align: left;
    position: relative;
    clear: both;
    font: 11px Verdana;
    color: #FCFDD6;
    font-weight: bold;
}

#share {
    text-align: left;
    position: relative;
    clear: both;
    font: 10px Arial;
    color: #c40d0b;
}

#share a {
    text-align: left;
    position: relative;
    clear: both;
    font: 10px Arial;
    color: #FCFDD6;
}

#keres input.kekmezo {
    background-color: #CCEEFF;
    color: black;
    opacity: 0.9;
}

#banner_02 {
    position: relative;
    clear: both;
    width: 190px;
    margin-top: 10px;
}

#kezdolap {
    text-align: left;
    position: relative;
    clear: both;
    font-weight: bold;
    font: 12px Arial;
    padding-top: 5px;

}

#regbanner {
    text-align: right;
    position: relative;
    clear: both;
    padding-top: 8px;

}

/****************************
 * A CIKKEK BEÁLLÍTÁSAI    *
 ****************************/

#cikklista a:link, #cikklista a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
}

#cikklista a:hover, #cikklista a:active {
    text-decoration: none;
    font-weight: bold;
    color: #FCFDD6;
}

#cikklista h2 {
    text-decoration: none;
    font-weight: bold;
    color: #85B8FF;
}

/****************************
 * A LABLEC BEÁLLÍTÁSAI     *
 ****************************/

#lablec {
    position: relative;
    clear: both;
    width: 980px;
    height: 30px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

#lablec table {
    border-collapse: collapse;
    color: #82B7FD;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    width: 980px;
    height: 30px;
}

#lablec td {
    vertical-align: middle;
    text-align: center;
}

body.staging {
    background-image: url("images/under-construction.jpeg");
}