/*Netcube - arsnatura.hu*/

body{margin:0px; font-family:arial; font-size:12px; color:#000; background-color:#ECECEC;  }

.title {color:#0D6902; font-size:20px; font-weight:bold;}

#wrapper{margin:0px auto; width:1024px;}
#siteWrapper{width:1024px; float:left; background-color:#fff; position:relative; padding-bottom:30px;}
    #menuWrapper{width:1024px; float:left; height:55px; position:absolute; top:10px; left:0px; }
        #menuContainer{width:814px; margin-left:20px; margin-top:10px; float:left; position:absolute; z-index:10;}
            .menuItem{height:26px; float:left; margin-top:20px; margin-left:4px;}
            .menuItem a{color:#fff; text-decoration:none;}
            .menuL{width:6px; height:26px; background-image:url('../img/menu_left.jpg'); float:left;}
            .menuC{height:26px; line-height:26px; background-image:url('../img/menu_center.jpg'); float:left;}
            .menuR{width:6px; height:26px; background-image:url('../img/menu_right.jpg'); float:left;}
        #menuRight{width:150px; float:right; padding-top:16px; text-align:right; padding-right:60px;}
    #headPic{width:1024px; height:172px; overflow:hidden; margin-top:70px; float:left;}
    #mainWrapper{width:995px; margin-left:15px; margin-top:15px; background-image:url('../img/site_main_bck.jpg'); float:left;}
        #contentLeft{width:236px; float:left;}
            #contentLeft {margin:0px 5px 30px 0px;padding:0px;}
            #contentLeft h2 a {display:block;height:20px; font-size:16px; width:200px;font-weight:bold;margin:0px 5px 0px 5px;padding:8px 10px 4px 10px;color:#fff;background:#fff url(../images/fejlec1.jpg) left top no-repeat; margin-bottom:-5px;}
            
            #contentLeft h3 a {display:block;height:20px; font-size:16px; width:200px;font-weight:bold;margin:0px 5px 0px 5px;padding:8px 10px 4px 10px;color:#fff;background:#fff url(../images/fejlec1.jpg) left top no-repeat; margin-bottom:-5px;}
            
            #contentLeft ul {margin:0px 5px 0px 10px;padding:0px 2px 0px 10px; list-style-type:none;}
            #contentLeft ul li {margin-top:5px;}
            #contentLeft li.active,
            #contentLeft li.lastactive{font-weight:bold;}
            #contentLeft a {font-weight:normal; line-height:18px; font-size:14px; text-decoration:none; margin:0px; color:#000; }
            #contentLeft a:hover {text-decoration:underline;}
        #contentMain{width:494px; float:left; margin-left:15px;}
            #breadCrumb{width:494px; float:left; margin-bottom:10px;}
                #breadCrumb a{color:#0D6902; text-decoration:underline; font-size:12px;}
                #breadCrumb a:hover{text-decoration:none;}
            /*
            #contentMain a{color:#0D6902; text-decoration:underline; font-size:12px;}
            #contentMain a:hover{text-decoration:none;}
            
            #contentMain a{color:#4269E7; text-decoration:underline; font-size:12px;}
            #contentMain a:hover{text-decoration:none;}            
            */
            
            #contentMain a{color:#FF5A00; text-decoration:underline; font-size:12px;}
            #contentMain a:hover{text-decoration:none;}
            
            
            #contentMain h1{color:#0D6902; font-size:20px;}
            #contentMain h2{color:#0D6902; font-size:17px;}
            #contentMain h3{color:#0D6902; font-size:15px;}
            #contentMain h4{color:#0D6902; font-size:13px;}
            
            #contentMain label{width:100%;  float:left;}
            
            .listBoxItem{width:494px; float:left; margin-top:10px; border-bottom:1px dotted #80A080;}
            div.fotok {
                float:left;
                height:200px;
                text-align:center;
                width:220px;
            }
            div.fotok1 {
                float:left;
                height:180px;
                text-align:center;
                width:220px;
            }

        #contentRight{width:226px; padding-left:10px; float:left;}
            #contentRight h2 a {display:block;height:20px; font-size:17px; width:205px;font-weight:bold;margin:0px 5px 0px 5px;padding:8px 10px 4px 7px;color:#fff;background: url(../images/fejlec1.jpg) left top no-repeat; margin-bottom:-5px;}
            #contentRight h3 a {display:block;height:20px; font-size:17px; width:205px;font-weight:bold;margin:0px 5px 0px 5px;padding:8px 10px 4px 7px;color:#fff;background: url(../images/fejlec1.jpg) left top no-repeat; margin-bottom:-5px;}
            #contentRight ul {margin:0px 5px 0px 10px;padding:0px 2px 0px 10px; list-style-type:none;}
            #contentRight ul li {margin-top:5px;}
            #contentRight li.active,
            #contentRight li.lastactive{font-weight:bold;}
            #contentRight a {font-weight:normal; line-height:18px; font-size:14px; text-decoration:none; margin:0px; color:#000; }
            #contentRight a:hover {text-decoration:underline;}                
    #footWrapper{width:1024px; float:left; }
        #footWrapper a{color:#0D6902; text-decoration:underline; font-size:12px;}
        #footWrapper a:hover{text-decoration:none;}    
    /*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:172px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:4;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:3;
}

/*contact*/
#contactLeft{float:left; width:400px; line-height:30px; margin-left:30px;}
#contactRight{float:left; width:465px; text-align:center;}
.fullRow{float:left; width:400px; margin-top:5px;}
.errorText{color:#660000;}
.contactText{width:100px; float:left; margin-top:5px; height:30px;}
.contactField{width:250px; float:left; margin-top:10px; height:30px;}
.textbox{border:1px solid #ADAF4C; font-family:arial; color:#000; font-size:12px; height:17px; width:250px;}
.textarea1{border:1px solid #ADAF4C; font-family:arial; color:#000; font-size:12px;  width:350px;}
.submitClass{border:1px solid #284F23; padding:5px;font-family:arial; color:#fff; background-color:#284F23; cursor:pointer; font-size:12px; width:100px;}

.frontBox{width:160px; height:240px; overflow:hidden; margin-top:-10px; text-align:center; float:left; margin-right:0px;}
.frontBoxA{font-size:18px; text-decoration:none;}
.frontBoxH2{font-size:18px; margin:0px; padding:0px; text-decoration:none;}



.contentlistBoxItem{float:left; width:100%; margin-top:10px; border-bottom:1px dotted #BBBBBB;}
.contentlistBoxTitle{ text-align:left; padding-top:0px; margin-top:5px; }
.contentlistBoxContent{ text-align:justify;}

.listBoxItem{float:left; width:230px; margin-left:10px; margin-top:10px; height:300px;background-color:#ECECEC; border:1px solid #BBBBBB; background:url('../img/nevenytar-elem-bck1.jpg') no-repeat bottom right #ECECEC;}
.listBoxItemPic{float:left; width:200px; margin-left:10px; height:160px; overflow:hidden; padding:5px; text-align:center;}
.listBoxItemPicContent{float:left; width:200px; margin-left:10px; height:120px; overflow:hidden;  padding:5px; padding-top:0px;}
.listBoxTitle{ text-align:center; padding-top:0px; margin-top:5px;}
.listBoxContent{ text-align:justify;}

.listBoxSubItem{float:left; width:110px; margin-left:5px; margin-top:5px; height:160px;background-color:#ECECEC; border:1px solid #BBBBBB; background:url('../img/nevenytar-elem-bck.jpg') no-repeat bottom right #ECECEC;}
.listBoxSubItemPic{float:left; width:100px; margin:5px; height:80px; overflow:hidden; padding:0px; text-align:center;}
.listBoxSubItemPicContent{float:left; width:110px; margin-left:0px; height:70px; overflow:hidden;  padding:0px; padding-top:0px;}
.listBoxSubTitle{ text-align:center; padding-top:0px; margin-top:5px;}
.listBoxSubContent{ text-align:justify;}

.clear {clear:both;}