/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014.05.08., 22:07:17
    Author     : mokaidu
*/
#body_underdesct{
    transition: all 0.2s;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:70px;
    margin-top:150px;
}

#body{
    transition: all 0.2s;    
}

/*#body:hover{
    transform:scale(1.9,1.9) rotate(360deg);
    -ms-transform:scale(1.9,1.9) rotate(360deg); /* IE 9 */
/*    -webkit-transform:scale(1.9,1.9) rotate(360deg); /* Opera, Chrome, and Safari */
/*}*/

body{
    background: url('../images/juhar_hatter2.jpg') top left;
    background-attachment: fixed;
    margin:0px;
    padding:0px;
    font-family: 'Roboto', sans-serif;
}

input, textarea{
    font-family: 'Roboto', sans-serif;
    outline: none;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #c1bcb7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #c1bcb7;    
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #c1bcb7;    
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #c1bcb7;
}


#fejlec_vekony{
    background: url('../images/fejlec.jpg') top center;        
    height:120px;
    -webkit-box-shadow: 0px 0px 8px #4a4442;
    -moz-box-shadow: 0px 0px 8px #4a4442;
    box-shadow: 0px 0px 8px #4a4442;
    z-index:10;
}

.menusor_vekony{
    margin-top:0px;
    width:1000px;
    padding:10px;
    padding-top:20px;
}



#fejlec{
    background: url('../images/fejlec.jpg') top center;        
    height:400px;
    -webkit-box-shadow: 0px 0px 8px #4a4442;
    -moz-box-shadow: 0px 0px 8px #4a4442;
    box-shadow: 0px 0px 8px #4a4442;
    z-index:10;
}

.menusor{
    margin-top:5px;
    width:1000px;
    padding:10px;
}

.gomb{
    background: url('../images/gomb_hatter2.png') top left;    
    border-radius:5px;
    border-top:3px solid #a2927e;
    border-bottom:3px solid #a2927e;
    width:180px;
    height:50px;
    color:#292320; 
    padding-top:15px;
    font-size:26px;
    font-family: 'Roboto', sans-serif;
    font-weight:400;    
    -webkit-box-shadow: 0px 0px 0px #4a4442;
    -moz-box-shadow: 0px 0px 0px #4a4442;
    box-shadow: 0px 0px 0px #4a4442;
    float:left;
    margin-right:20px;
    cursor:pointer;
    
    text-shadow: 1px 1px 1px #c4b4a1;
}

.gomb:hover{
    
    /*background: url('../images/gomb_hatter_be.jpg') top left;        */
    /*color:#372a24; */     
    opacity: 0.85;
    -webkit-box-shadow: 0px 0px 2px #f2e3d6;
    -moz-box-shadow: 0px 0px 2px #f2e3d6;
    box-shadow: 0px 0px 2px #f2e3d6;    
    border-bottom:3px solid #645745;
    border-top:3px solid #645745;
}

.gomb_boritek{
    background: url('../images/gomb_hatter2.png') top left;    
    border-radius:5px;
    border-top:3px solid #a2927e;
    border-bottom:3px solid #a2927e;
    width:70px;
    height:58px;
    color:#292320;
    padding-top:7px;
    font-size:26px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;    
    -webkit-box-shadow: 0px 0px 0px #4a4442;
    -moz-box-shadow: 0px 0px 0px #4a4442;
    box-shadow: 0px 0px 0px #4a4442;
    float:right;
    margin-left:0px;
    cursor:pointer;    
    text-shadow: 1px 1px 1px #c4b4a1;
}

.gomb_boritek:hover{
    
    /*background: url('../images/gomb_hatter_be.jpg') top left;        */
    /*color:#372a24; */     
    opacity: 0.85;
    -webkit-box-shadow: 0px 0px 2px #f2e3d6;
    -moz-box-shadow: 0px 0px 2px #f2e3d6;
    box-shadow: 0px 0px 2px #f2e3d6;    
    border-bottom:3px solid #645745;
    border-top:3px solid #645745;
}

.gomb_kereses{
    margin-left:20px;
    background: url('../images/gomb_hatter2.png') top left;    
    border-radius:5px;
    border-top:3px solid #a2927e;
    border-bottom:3px solid #a2927e;
    width:70px;
    height:58px;
    color:#292320;
    padding-top:7px;
    font-size:26px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;    
    -webkit-box-shadow: 0px 0px 0px #4a4442;
    -moz-box-shadow: 0px 0px 0px #4a4442;
    box-shadow: 0px 0px 0px #4a4442;
    float:right;    
    cursor:pointer;    
    text-shadow: 1px 1px 1px #c4b4a1;
}

.gomb_kereses:hover{
    
    /*background: url('../images/gomb_hatter_be.jpg') top left;        */
    /*color:#372a24; */     
    opacity: 0.85;
    -webkit-box-shadow: 0px 0px 2px #f2e3d6;
    -moz-box-shadow: 0px 0px 2px #f2e3d6;
    box-shadow: 0px 0px 2px #f2e3d6;    
    border-bottom:3px solid #645745;
    border-top:3px solid #645745;
}

#slide_kep{
    margin-top:-145px;
    width:1000px;
    text-align: center;
    overflow:hidden;
    height:400px;
    border:10px solid #c6b9ac;
    -webkit-box-shadow: 0px 0px 30px #1d1715;
    -moz-box-shadow: 0px 0px 30px #1d1715;
    box-shadow: 0px 0px 30px #1d1715;    
}



#tartalom{
    width:1000px;
    padding:10px;
    text-align: justify;
    font-size:22px;
    font-weight:300;
    line-height:36px;
    min-height: 415px;
}

#tartalom h1{
    font-size:44px;
    font-weight:300;
    color:#292320;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}

#tartalom h3{
    font-size:26px;
    font-weight:400;
}

#tartalom p{
    font-size:22px;
    font-weight:300;
    line-height:36px;    
}

#tartalom ul li{
    font-size:22px;
    font-weight:300;
    line-height:36px;
    text-align: justify;
}

.tartalom_bal{    
    margin-right:20px;
    float:left;
    width:680px;
}

.tartalom_jobb{    
    float:right;
    width:300px;    
}

img.tartalom_kepek{
    
    cursor:pointer;
}

div.tartalom_kepek_container{
    -webkit-box-shadow: 0px 0px 10px #1d1715;
    -moz-box-shadow: 0px 0px 10px #1d1715;
    box-shadow: 0px 0px 10px #1d1715; 
    border:10px solid #c6b9ac;
    transition: all 0.5s;
}

div.tartalom_kepek_container:hover{
    -webkit-box-shadow: 0px 0px 10px #1d1715;
    -moz-box-shadow: 0px 0px 10px #1d1715;
    box-shadow: 0px 0px 10px #1d1715;
    opacity: 0.7;
}


#lablec_container{
    margin-top:40px;
    background: url(../images/lablec.jpg) top left;
    height:370px;
    padding-top:30px;
}

#lablec_container div.lablec{
    width:1000px;
    padding:10px;   
    font-size:18px;
    color:#908171;    
}

#lablec_container h2{
    font-size:28px;
    color:#908171;
    font-weight:300;
}

#lablec_container img{
    opacity: 0.2;
    transition: 0.5s all;
    width:100px;
}

#lablec_container img:hover{    
    cursor:pointer;
    opacity: 0.4;
    /*transform:rotate(353deg);
    -ms-transform:rotate(353deg); 
    -webkit-transform:rotate(353deg); */
    transform:scale(1.4,1.4) rotate(355deg);
    -ms-transform:scale(1.4,1.4) rotate(355deg); /* IE 9 */
    -webkit-transform:scale(1.4,1.4) rotate(355deg); /* Opera, Chrome, and Safari */
}

a.footer{    
    padding:4px;
    color:#908171;
    font-weight:300;
    font-size:16px;
    border-radius:5px;
    text-decoration: none;
}

a.footer:hover{
    background-color: #908171;
    color:#292320;
}

a.mail{
    color:#826e64;
    text-decoration: none;
    font-size:22px;
    font-weight:300;
    padding:3px;
    border-radius:5px;
    transition: all 0.5s;
}
 
a.mail:hover{
    background-color: #c4bbaf;
    color:#544640;
}

.doboz{ 
    background: url('../images/doboz_hatter.png') top left;
    padding:10px;
    border-radius:5px;
    /*-webkit-box-shadow: 0px 0px 3px #AAAAAA;
    -moz-box-shadow: 0px 0px 3px #AAAAAA;
    box-shadow: 0px 0px 3px #AAAAAA;*/
}

.doboz_cim{
   /* background:#978d83 url(../images/gomb_hatter2.png) top left;*/
    /*background: url(../images/fejlec.jpg) top left;*/
    text-align: left;
    font-size:28px;
    color:#908171;
    font-size:22px;
    padding:5px;
    border-radius:5px;
    padding-left:10px;
}

.doboz_belso{
    background-color:#ffffff;
    border-radius:5px;
    padding:5px;
    
}

input.dobozos{    
    margin:0px;
    border:0px;
    border-bottom:0px solid #908171;
    border-radius:5px;
    background: transparent;
    font-size: 22px;
    padding:7px;
    width:236px;
    color:#4a4442;
    font-weight:300;
    font-size:20px;    
}

textarea.dobozos{
    outline:none;
    margin:0px;
    border:0px;
    border-bottom:0px solid #908171;
    border-radius:5px;
    background: transparent;
    font-size: 22px;
    padding:7px;
    width:236px;
    height:220px;
    color:#4a4442;
    font-weight:300;
    font-size:20px;    
}

input.uzenetgomb{
    /*background: #36251e;*/
    background: #544640;
    width:270px;
    height:60px;
    border:0px;
    border-radius:5px;       
    color:#c4b4a1;
    text-shadow: 1px 1px 1px #292320;
    font-size:22px;
    font-weight:300;
    
    border-top:3px solid #544640;
    border-bottom:3px solid #544640;    
    -webkit-box-shadow: 0px 0px 0px #4a4442;
    -moz-box-shadow: 0px 0px 0px #4a4442;
    box-shadow: 0px 0px 0px #4a4442;    
    cursor:pointer;
    transition: all 1s;    
}

input.uzenetgomb:hover{
    background: #423732;
    -webkit-box-shadow: 0px 0px 10px #f2e3d6;
    -moz-box-shadow: 0px 0px 10px #f2e3d6;
    box-shadow: 0px 0px 10px #f2e3d6;    
    border-bottom:3px solid #645745;
    border-top:3px solid #645745;
}

.uzenetgomb_hatter{
    background: url('../images/fejlec.jpg') top left;
    width:270px;
    height:60px;
    border:0px;
    border-radius:5px;  
}

.termekek-bal-oldal{
    float:left;
    width:300px;
    margin-right:30px;
}

.termekek-jobb-oldal{
    float:left;
    width:670px;
}

.termekek-kategoria-cim{
    background-color:#292320;
    color:#c1bcb7;
    text-align: center;
    padding:5px;
    border-radius:5px;
}

.termekek-kategoria-cim-akcios{
    background-color:#a83e10;
    color:#FFFFFF;
    text-align: center;
    padding:5px;
    border-radius:5px;
}

.termekek-kategoriak{
    padding:3px;
    color:#292320;
    border-radius:0px;
    cursor:pointer;    
    margin-top:5px;
    background:transparent;
    border-bottom:1px solid #ded9d7;   
    transition: 0.5s all;
    font-weight:500;
}

.termekek-kategoriak:hover{
    /*background: #a18f7e url('../images/gomb_hatter2.png') top left;    */
    background-color:#c4bbaf;
    opacity:0.8;
}

.termekek-alkategoriak{
    margin-left:30px;
    font-size:18px;
    padding:3px;
    color:#292320;
    border-radius:0px;
    cursor:pointer;    
    margin-top:5px;
    padding-left:10px;
    background:transparent;
    border-bottom:1px solid #ded9d7;   
    transition: 0.5s all;
}

.termekek-alkategoriak:hover{
    /*background: #a18f7e url('../images/gomb_hatter2.png') top left;    */
    background-color:#c4bbaf;
    opacity:0.8;
}

.termekek-doboz{
    width: 298px;
    overflow:hidden;
    border-bottom:1px solid #ece7e2;
    border-right:1px solid #ece7e2;
    padding-bottom:10px;
    margin-bottom:10px;
    float:left; 
    padding:10px;
    transition: 0.5s all;
    height:250px;
    line-height:27px;
    cursor: pointer;
}

.termekek-doboz:hover{
    /*background-color:#eeece9;*/
    background-color:#F1F1F1;
    -webkit-font-smoothing:antialiased;
    cursor:pointer;   
    box-shadow: 1px 1px 5px #544640;
    -moz-box-shadow: 1px 1px 5px #544640;
    -webkit-box-shadow: 1px 1px 5px #544640;
    transform:scale(1.2,1.2) rotate(2deg);
    -ms-transform:scale(1.2,1.2) rotate(2deg); /* IE 9 */
    -webkit-transform:scale(1.2,1.2) rotate(2deg); /* Opera, Chrome, and Safari */
}


.termekek-adatlap-cim{  
    line-height: normal;
    color:#292320; 
    padding:5px;
    padding-left:0px;
    font-size:46px;
    font-weight:300;
    border-radius:5px;
    margin-bottom:30px;    
}

.fokep_container{
    width:650px;
    overflow:hidden;
    padding:10px;
}

.akciodoboz{
    height:50px;
    width:400px;
    text-align:right;
    position:absolute;
    top:30px;
    left:0px;     
}

.fokep_container img.termekkepek{
    cursor: pointer;
    transition: 0.5s all;
    border:1px solid #e0dad5;
}

.fokep_container img.termekkepek:hover{
    box-shadow: 1px 1px 5px #aca49b;
    -moz-box-shadow: 1px 1px 5px #aca49b;
    -webkit-box-shadow: 1px 1px 5px #aca49b;
}

.kepeksor{
    border:1px solid #e0dad5;
    width:630px;
    margin-left:10px;
    padding:10px;
    background-color:#FFFFFF;
}

.kepeksor img{
    height:130px;    
    margin-right:10px;  
    transition: 0.5s all;
}

.kepeksor img:hover{
    box-shadow: 0px 0px 3px #aca49b;
    -moz-box-shadow: 0px 0px 3px #aca49b;
    -webkit-box-shadow: 0px 0px 3px #aca49b; 
}

div.gombsor{    
    padding:10px;
    margin-top:50px;
    margin-bottom:30px;
}

input.erdeklodesgomb{
    /*background: #36251e;*/
    background: #544640 url("../images/gomb_hatter2.png") top left;
    width:270px;
    height:60px;
    border:0px;
    border-radius:5px;       
    color:#544640;    
    text-shadow: 1px 1px 1px #c1bcb7;
    font-size:22px;
    font-weight:300;
    border-bottom:1px solid #a2927e;
    border-top:1px solid #a2927e;      
    cursor:pointer;
    transition: all 1s;     
}

input.erdeklodesgomb:hover{    
    opacity: 0.9;    
    border-bottom:1px solid #423732;
    border-top:1px solid #423732;
}

#termekek_erdeklodes_container{
    display:none;    
    overflow: visible;
}

#sotet_hatter{
    position: fixed;
    top:0px;
    left:0px;    
    background-color:#000000;    
    opacity: 0.8;    
    width:2000px;
    height:1200px;
}

#termekek_erdeklodes_doboz{
    position:fixed;
    z-index:1000;
    top:100px;
    width:500px;
    height:500px;
    left:50%;
    margin-left:-260px;
    background-color:#FFFFFF;    
    padding:10px;
    -moz-box-shadow: 0px 10px 5px #645745;
    box-shadow: 0px 0px 10px #645745;
    -webkit-box-shadow: 0px 0px 10px #645745;
}

.termekek_erdeklodes_cim{
    font-size:26px;
    font-weight:bold;
    margin-bottom:20px;
}

.termek_erdeklodes_urlapmezo{
    padding:5px;
    font-size:22px;
    border:0px;
    border-radius:5px;    
    border-bottom:1px solid #c6b9ac;
    font-weight:300;
    color:#544640;
}

.termek_erdeklodes_urlapmezo_textarea{
    padding:5px;
    font-size:22px;
    border:0px;
    border-radius:5px;    
    border-bottom:1px solid #c6b9ac;
    border-top:1px solid #c6b9ac;
    font-weight:300;
    color:#544640;
    width:450px;
    height:90px;
}

.kereses_vekony{
    width:300px;
    background: url('../images/fejlec.jpg') center center;     
    position:absolute;
    top:120px;
    left:50%;
    margin-left:180px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height:0px;
    overflow:hidden;
    -moz-box-shadow: 1px 1px 5px 100e0d;
    box-shadow: 0px 1px 5px #100e0d;
    -webkit-box-shadow: 1px 1px 5px #100e0d;
    padding:10px;
}

.kereses_normal{
    width:300px;
    background: url('../images/fejlec.jpg') center center;     
    position:absolute;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top:250px;
    left:50%;
    margin-left:190px;
    height:0px;
    overflow:hidden;
    z-index:1000;
    padding:10px;
    -moz-box-shadow: 1px 1px 10px 100e0d;
    box-shadow: 0px 1px 10px #100e0d;
    -webkit-box-shadow: 1px 1px 10px #100e0d;
}

.kereses_urlap{
    padding:5px;
    font-size:22px;
    border:0px;
    border-radius:5px;    
    border-bottom:1px solid #c6b9ac;
    font-weight:300;
    color:#544640;
    width:290px;
}

.kereses_gomb{
    background: url('../images/keresesgomb.png') top left;     
    width:40px;
    height:40px;
    cursor:pointer;
    border:0px;
    
}