

@import "style-nonie.css" all;

root { 
    display: block;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size:16px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    text-align: center;
    margin:0;
    padding:0;
    font-size:1em;
}

body{
   background:url(../img/bg2.jpg) #d54d03 repeat-y center top;
}


blockquote {
    margin:1em;
    padding:.5em;
    font-size:.9em;
    background-color:#cccccc;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
}

blockquote p {
    margin:.2em;
}

.body{
    background:url(../img/bg2.jpg) #d54d03 repeat-y  center top;
}

.border{
    width:980px;
    margin:0 auto;
}

.topBar{
height:132px;
width:950px;
padding-left:30px;
/* background:url(../img/topBarBg.jpg) no-repeat center 40px; */
}

.topBar .logo{
padding-left:26px;
margin-top:5px;
text-indent:-6000px;
width:376px;
height:100px;
background:url(../img/logo3.jpg) no-repeat;
display:block;
float:left;
}

.topBar .desc{
margin-top:0px;
text-indent:-6000px;
width:391px;
height:132px;
/*background:url(../img/nostress.png) no-repeat;         */
display:block;
float:right;
}


div.sub{
float:left;
position:absolute;
top:37px;
left:0;
display:none;
z-index:2500;

}

.hovering div.sub{
display:block;
}

.show{
display:block !important;
}

.menuBar{
position:relative;
z-index:5;
text-align:left;
float:left;
}

.menuBar ul{
    position:absolute;
    top:-26px;
    *top:-24px;
    text-align:left;
    margin:0;  
    padding:0 30px;
    width:920px;
    *width:980px;
    left:0;
}  
  
.menuBar ul ul{
  position:static;
  padding:0;
  margin:0;
}
.menuBar li.main{ 
    position:relative;
    font-size:11px;
    color:#fff;
    float:left;
    text-align:left;
    white-space:nowrap;
} 


.menuBar li.right{     
    float:right;

}

.menuBar li.main a.mainanchor{

  display:block;
  padding:6px 10px 6px 10px; 
  font-weight:bold;
  font-size:13px;
  color:#373737;
  text-decoration:none;
  width:0px;
  /* width:auto; */
  height:15px;
  overflow:visible;
  background:transparent;
}

.menuBar li.right a.mainanchor{
color:#fff; 
}

.menuBar li.main a.active{
background:#000;   
}
.menuBar li.main a.activeWhite, .menuBar li.main a.active{
color:#EB5E00;
background:#FFF;
}
.menuBar li.hovering a.activeWhite{
    color:#EB5E00;
    background:#fcead0;
}

.menuBar li.hovering ul{
  padding:0;
  margin:0;
}
.menuBar li.hovering li{
  padding:0;
  margin:0;
}

.menuBar li.hovering li a{
  padding:0;
  margin:0;
}
.menuBar li.main{
margin-left:6px;
}
.menuBar li.main div.sub{
top:24px;
background-color:#fcead0;
left:0px;
float:left;
padding-top:0px;
padding-bottom:10px;
width:290px;
padding-left:2px;
padding-right:2px;

}

.menuBar li.right div.sub{
left:auto;
right:0px;
float:left;
width:160px;
overflow:hidden;
}

.menuBar li.main ul{
margin-top:10px;
width:290px;
overflow:hidden;
clear:both;
float:left;
}

.menuBar li.main ul li{
width:290px;

}

.menuBar li.right ul li{
width:160px;
}


.menuBar li.main li a{
overflow:hidden;
    line-height:16px;
    color:#373737;
    
    font-size:13px;
    margin: 0;
    padding: 5px 18px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-transform:none;
    text-decoration:none;
    font-weight:bold;
    display:block;
    height:auto;
    width:254px;
    *width:294px;

}

.menuBar li.right li a{
    width:124px;
    *width:164px;
}

.menuBar li.main li a:hover{
  text-decoration:none;
  color:#fff;
  background-color:#EB5E00;
}

.promoContainer{
width:980px;
height:502px;
position:relative;
}

.promo{
z-index:2;
position:relative;
width:980px;
height:502px;
opacity:0.9;

background-color:#444444;
background-color:#ffd042;

}

.menuBar li.main .active{

}
 
#placeholder,#gallery{
margin: 30px 30px 0px 30px;
z-index:3;
border:1px solid #454545;
width:920px;
height:432px;
position:absolute;
top:0px;
left:0px;
}

    #placeholder{
margin: 30px 29px 0px 29px;
z-index:3;
border:1px solid #454545;
  }
  
  
   #gallery{
margin: 30px 30px 0px 30px;
z-index:3;
border:0px none;
  }

#gallery .grouped_elements{
    position:absolute;
    top:0px;
    left:0px;
    background-color:#fff;
    display:block;
    width:920px;
    height:430px;
    z-index:2;
    border:3px #fff solid;
    
}

#gallery .grouped_elements:hover{
    border:3px #FF9600 solid;
    
}

 
#gallery #galImage0{
    z-index:200;
}

#gallery .hide{

}



.promoText{
z-index:3;
position:absolute;
top:480px;
left:300px;
}

p.promoText{
z-index:3;
position:absolute;
top:480px;
left:0px;
text-align: center;
width:980px;
font-size:14px;
color:#373737;
font-weight:bold;
font-style: italic;
}



.content{
background:#fff;
margin:0;
padding:30px;
color:#454442;
text-align:left;
z-index:2;
line-height:1.6em;
font-size:12px;
float:left;
width:920px;
*width:980px;
}

.content p{
font-size:12px;
padding-bottom:1em;
}

.content p.desc{
padding-bottom:1em;
color:#4e4d4d;
}

.content h1{
padding-bottom: 3px;
font-size:16px;
color:#EB5E00;
font-weight:bold;
line-height: 1.5em;
}

.content .rightColumn h3, .content h3{
padding-bottom: 1em;
font-size:16px;
color:#EB5E00;
font-weight:bold;
line-height: 1.5em;

}

.content  h3 a{
    color:#EB5E00;
    text-decoration: underline;
}

.content  h3 a:hover{
    text-decoration: none;
}

.content .box h3.nopadding{
    padding-bottom:3px;
}
.content  h3 a.tag{
    color:#fff;
    text-decoration: none;
}

.content  h3 a.tag:hover{
    background:transparent;
    text-decoration: underline;
    color:#EB5E00;
}

.content  a img{
    padding:15px;
    border:1px #ffc168 solid;
}

.content  a:hover img{
    border:1px #eb5e00 solid;
}

.content .rightColumn a img{
padding:4px;
}

.content .post table a img{
padding:4px;
}

.content .post{
float:left;
width:100%;
margin-bottom:20px;
clear:both;
border-bottom:1px #fac273 solid;
padding-bottom:10px;
}



.content .rightColumn .post{

padding-left:5px;
padding-right:5px;
/* background:url(../img/rightBox.gif) repeat-x left bottom; */
}

.centerColumn .post img{
margin:10px;
}

.centerColumn .post ul{
list-style: disc inside;
}

.centerColumn .post ul li{
list-style: disc inside;
padding-left:10px;
display: list-item;
}
.centerColumn .post ol{
list-style: disc inside;
}

.centerColumn .post ol li{
list-style: decimal  inside;
display: list-item;
padding-left:10px;
}

.centerColumn .post table{
font-size:12px;
color:#767676;
}

.centerColumn .post table td,.centerColumn .post table th{
vertical-align:top;
padding:6px;
}


.centerColumn .post a img{
margin:10px;
}

.content .centerColumn .post h2{
font-size:16px;
color:#eb5e00;
font-weight:bold;
padding:0;
line-height:1.4em;
padding:0.4em 0;
}

.content .centerColumn .post h3{
font-size:14px;
color:#eb5e00;
font-weight:bold;
padding:0.4em 0;
line-height:1.4em;
}

.content a{
    color:#ce6600;
    text-decoration: underline;
}


.content a:hover{
    text-decoration: none;
}

a.tag{
    line-height:16px;
    background:#eb5e00;
    color:#fff;
    font-size:10px;
    padding:4px;
    text-transform: uppercase;
}


.content .centerColumn{
width:580px;
float:left;
}

.content .rightColumn{
width:310px;
float:left;
margin-left:30px;
}

.content .centerColumn .boxes{
    width:100%;
    clear:both;
    float:left;
    padding-bottom:30px;
}

.content .centerColumn .box{
    width:275px;
    margin-left:30px;
    float:left;
    position:relative;
}

.content .centerColumn div.first{
    margin-left:0px;
}

.rightColumn table tr td{
    padding-bottom: 19px;
    text-align: center;
}


div.spacer{
    height:85px;
    padding:54px 30px 0 30px;
    width:920px;
    text-align: left;
    margin:0;
    position:relative;
}

div.spacer img{
    margin:0;
    padding:0;
    border:0px none;
    position:absolute;
    bottom:-1px;
}

div.footer{
    width:980px;
    /* background:#9b9b9b url(../img/footerBg.gif) no-repeat right top;       */
    clear:both;
    float:left;
    text-align:left;
    color:#373737;
    font-size:11px;
    padding-bottom:50px;
}

div.footer ul{
    width:760px;
    float:right;
    padding-top:31px;
    text-align: right;

}

div.footer ul li{
    display: inline;
}

div.footer ul li a{
    font-size:10px;
    font-weight: bold;
    text-transform: uppercase;
    color:#373737;
    margin-right:20px;
    text-decoration: none;

}

div.footer ul li a:hover{
    text-decoration: underline;
}

div.footer p{
    text-align: right;
    padding-right: 20px;
    padding-top:55px;
    width:730px;
    float:right;
}

.footerLogo{
    padding-top:20px;
    padding-left:20px;
    float:left;
}

p.path{
    font-size:11px;
    color:#4e4d4d;
    padding-bottom: 20px;
}

p.path a{
    font-size:11px;
    color:#4e4d4d;

}


input,textarea{
    background:#fff;
    border:1px solid #E6E6E6;
    width:100%;
    height:28px;
    line-height: 28px;
    padding:0 5px;
    color:#4e4d4d;
}

.box input, .box textarea{
    width:240px;
}


.centerColumn .boxesBorder{
  
}


textarea{
    height:80px;
}

input#year{
    width:83px;
    margin-bottom: 5px;
}

input#month, input#day{
    width:48px;
    margin-left:5px;
}

#datepicker{
    width:215px;
}

img.ui-datepicker-trigger{
    text-align: right;
    position: absolute;
    right:0px;
    top:10px;
}

a.calOpen:hover{
    border:none;
}

a.calOpen img{
    padding:0;
    border:0px none;
    display:block;

    
}

.content .centercolumn div.border .box{

    border-left:none;
    padding-right:20px;
    padding-left:20px;
    width:260px;
    margin-left:0;
    height:270px;

    padding-top:20px;

}

.content .centercolumn div.border .first{

    border-right:none;
    padding-left:20px;
    padding-right:0px;
    width:245px;
}


.submit{
    font-size:13px;
    background:url(../img/inputSubmit.gif) repeat-x;
    float:left;
    width:auto;
    color:#fff;
    cursor: pointer;
}

.content .rightColumn a.icon img{
 border-color:#fff;
 border:0px;
}

h1.big{
    font-size:23px;
}


#menuBar{
    width:100%;
    padding-top: 30px;
}

#menuBar ul{
    width:100%;
    padding-bottom:30px;
}

#menuBar ul li{
    display:inline-block;
}

#leftColumn{
    width:200px;
    float:left;
    text-align: left;
    line-height:1.6em;
    background:#5e5e5e;
    border:1px #f0f0f0 solid;
}

#leftColumn h3{
padding-bottom:10px;
}


#leftColumn .leftMenubar{
    text-align:left;
}

#leftColumn .leftMenubar li{
    text-align:left;
    padding:3px;
}

#leftColumn .leftMenubar li a, #menuBar a{
    color:#f0f0f0;
    text-decoration: none;
}

#leftColumn .leftMenubar li a:hover, #leftColumn .leftMenubar li a.active, #menuBar a:hover, #menuBar a.active{
    color:#1f1f1f;
    text-decoration: underline;
}

#centerColumn{
    float:left;
    width:700px;
    margin-left:20px;
    background:#c4c4c4;
    padding:10px;
    text-align:left;
    line-height:1.6em;
    border:1px #f0f0f0 solid;
}

#centerColumn label{
padding-top:10px;
padding-bottom: 3px;
}

#centerColumn input{
    width:600px;
}

#centerColumn textarea{
    width:600px;
}

#centerColumn h2{
    padding-top:20px;

}

#centerColumn p{
    color:#f1f1f1;
}






#centerColumn2{
    float:left;
    width:960px;
    margin-left:20px;
    background:#c4c4c4;
    padding:10px;
    text-align:left;
    line-height:1.6em;
    border:1px #f0f0f0 solid;
}

#centerColumn2 label{
padding-top:10px;
padding-bottom: 3px;
}

#centerColumn2 input{
    width:800px;
}

#centerColumn2 textarea{
    width:800px;
}

#centerColumn h2{
    padding-top:20px;

}

#centerColumn p{
    color:#f1f1f1;
}

.centerColumn hr{
    display:block;
    height:1px;
    border:1px solid #d0d0d0;
    background:#d0d0d0;
    clear:both;
    margin:15px 0;
    float:left;
    width:100%;
}

.centerColumn .bevezeto img, .centerColumn .box img{
    padding:3px;
}


.centerColumn p.pager{
    clear:both;
    display:block;
    float:left;
    width:100%;
    text-align: center;
}

.centerColumn p.pager a{
    display:inline-block;
    padding:6px;
    margin:3px;
}

.centerColumn p.pager a.active, .centerColumn p.pager a:hover{
background:#eb5e00;
color:#fff;
}

#gallery2{

    clear:both;
    margin:30px 0;
    float:left;
    text-align: center;
    width:100%;
}

table.leftMenubar th, table.leftMenubar td{
    padding:5px;
}


a.grouped_elements{
/*display:none;*/
}

.noborder{
border:0px none !important;
}

.content .title{
font-size:14px;
font-weight:bold;
}


form .boxesBorder{
background:#D54D03;
    margin-bottom:20px;
    padding-bottom:20px;
    float:left;
}

form .box label{
color:#fff;
font-weight:bold;
}

.nobackground tr{	
	background: none transparent !important;
}
