/*hírlevélhez*/

.box {
    /*margin: 0px 5px 20px 5px;   */
    clear: both;
    background-color: #f4e9c9;
    padding: 4px;
    margin: 6px 0;
}

.box .title {
    /*text-transform: uppercase;*/
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    padding: 6px 5px;
    color: #762d24;
}

.input_box_container {
    padding: 0px 4px;
}

.input_box,
.input_box_wsubmit {
    padding: 2px 10px 3px 10px;
    _margin: 2px;
    background-color: #eeeeee;
    border: 1px solid #BABABA;
    /*display: block;*/
    clear:both;
	float:left;
    width: 260px;
    height: 21px;
    margin: 4px 0;
	border-radius:10px;
    /*color: #b3ab9e;*/
}

.input_textarea {
    padding: 2px 10px 3px 10px;
    _margin: 2px;
    background-color: #eeeeee;
    border: 1px solid #BABABA;
    /*display: block;*/
    clear:both;
    width: 260px;
    height: 70px;
    margin: 0;
	border-radius:10px;
    /*color: #b3ab9e;*/
}

.input_box_kapcsa {
   padding: 2px 3px;
    _margin: 2px;
    background-color: #f8f2dc;
    border: 1px solid #BABABA;
    /*display: block;*/
    clear:both;
    height: 21px;
    margin: 0;
    color: #b3ab9e; 
}

.input_box input {
    width: 134px;
    margin-top: 2px;
    border: none;
    background-color: #f8f2dc;
}
.input_box_wsubmit input {
    width: 119px;
    border: none;
    background-color: #f8f2dc;
    margin-top: 2px;
}
.input_box_wsubmit { 
    /*
    width: 140px;
    margin-right: 0px;
    border-right: 0px;
    */
} 

.button_ok {
    display: block;
    _float:left;
    _width:25px;
    height: 28px;
    margin: 2px 0px;
    cursor: pointer;
    border: 0px;
    line-height: 22px !important;
    text-align: center;
    font-size: 12px;
    background: #dddddd;
    padding: 0 16px 5px;
}

.button_ok { color: white; background: #777777; border: 1px #BABABA solid; }
.button_ok:hover  { color: white; background: #A6CE39; border: 1px #BABABA solid; }


.m4 .button_ok {     color: white; background: #B3B3B3; border: 1px #BABABA solid; }
.m2 .button_ok {     color: white; background: #B3B3B3; border: 1px #BABABA solid; }
.m3 .button_ok {     color: white; background: #B3B3B3; border: 1px #BABABA solid; }
.m1 .button_ok {     color: white; background: #B3B3B3; border: 1px #BABABA solid; }

.m4 .button_ok:hover { background: #3C48AE; }
.m2 .button_ok:hover { background: #3C48AE; }
.m3 .button_ok:hover { background: #3C48AE; }
.m1 .button_ok:hover { background: #3C48AE; }


.box_button
{
    display: block;
    margin: 5px 0px;
    border: 1px solid #F9F9F9;
    position: relative;
    z-index: 0;
    clear: both;
    text-decoration: none;
}

.box_button:hover {
    text-decoration: none;
}

.m1 .box_button_1 { background: url("../images/box_button_1_m1.jpg") center; }
.m1 .box_button_2 { background: url("../images/box_button_2_m1.jpg") center; }
.m2 .box_button_1 { background: url("../images/box_button_1_m2.jpg") center; }
.m2 .box_button_2 { background: url("../images/box_button_2_m2.jpg") center; }
.m3 .box_button_1 { background: url("../images/box_button_1_m3.jpg") center; }
.m3 .box_button_2 { background: url("../images/box_button_2_m3.jpg") center; }
.m4 .box_button_1 { background: url("../images/box_button_1_m4.jpg") center; }
.m4 .box_button_2 { background: url("../images/box_button_2_m4.jpg") center; }

.m1 .box_button_3 { background: #A1A1A1 url("../images/box_button_1_m1.jpg") right no-repeat; margin-bottom: 20px; }
.m2 .box_button_3 { background: #CCA677 url("../images/box_button_1_m2.jpg") right no-repeat; margin-bottom: 20px; }
.m3 .box_button_3 { background: #A6AF5E url("../images/box_button_1_m3.jpg") right no-repeat; margin-bottom: 20px; }
.m4 .box_button_3 { background: #CCAEAC url("../images/box_button_1_m4.jpg") right no-repeat; margin-bottom: 20px; }


.box_button .titlebg,
.box_button .title
{
    display: block;
    margin: 10px 0px;
    padding: 3px 4px;
    font-size: 24px;
    line-height: 26px;
    font-family: Arial;
}
.box_button .titlebg
{
    z-index: 0;
    background: #DDDDDD; /* old browsers */
    /*background: -moz-linear-gradient(left, #DDDDDD 0%, #FFFFFF 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#444444), color-stop(100%,#999999)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#999999',GradientType=1 ); */
    opacity: .3;
}
.box_button:hover .titlebg
{
    z-index: 0;
    background: #444444; 
    opacity: .5;
}
.box_button .titlebg span
{
    visibility: hidden;
}

.m1 .box_button:hover .title,
.m2 .box_button:hover .title,
.m3 .box_button:hover .title,
.m4 .box_button:hover .title
{
    color: white;
}

.box_button .title
{
    position: absolute;
    z-index: 1;
    color: white;
    -webkit-stroke-width: 1.0px; 
    -webkit-stroke-color: #A84E13; 
    -webkit-fill-color: #8A8A8A; 
    /*text-shadow: 1px 1px 2px #333333, -1px -1px 2px #333333;  */
    top: 0px;
    text-decoration: none;
}
.m1 .box_button .title {
    color: #4f4f4f;
    -webkit-stroke-width: 1.0px; 
    -webkit-stroke-color: #A84E13; 
    -webkit-fill-color: #8A8A8A; 
}
.m2 .box_button .title {
    color: #43402F;
    -webkit-stroke-width: 1.0px; 
    -webkit-stroke-color: #A84E13; 
    -webkit-fill-color: #8A8A8A; 
}
.m3 .box_button .title {
    color: #444535;
    -webkit-stroke-width: 1.0px; 
    -webkit-stroke-color: #A84E13; 
    -webkit-fill-color: #8A8A8A; 
}
.m4 .box_button .title {
    color: #483d3d;
    -webkit-stroke-width: 1.0px; 
    -webkit-stroke-color: #A84E13; 
    -webkit-fill-color: #8A8A8A; 
}

.minilexikon_box {
    background: url("/images/lexikon_kep.jpg");
    width: 175px;
    height: 148px;
    margin: 4px 0;
}

.tudasbazis_box {
    background: url("/images/gyik_kep.jpg");
    width: 175px;
    height: 138px;
    margin: 4px 0;
}

#tartalom_left {
    padding: 18px;
    width: 184px;
    float: left;
}

#tartalom_right {
    float: right;
    right : 0;
    top: 0;
    padding: 0 20px;
    position: absolute;
    width: 185px;   
    text-align: left;
    color: white;
}

#tartalom_right a {
    color: #CCCCCC;
}

#tartalom_right a:hover {
    color: white;
}


#centerer {
    background:url('/images/lablec.jpg') bottom repeat-x;
}

#eresz {
    /*background: url("/images/eresz.png") no-repeat top left;*/
    position: absolute;
    top: 15px;
    right: 15px;
    width: 115px;
    height: 115px;
    z-index: 10;
}
 .epito_csapat_logo {
     background:url('/images/epito_csapat.png') 0 0 no-repeat;
     width:181px;
     height:41px;
     margin-top: 20px;
 }