h1,h2,h3,h4,h5,h6 {
  margin: 0px;
  padding-top: 0px;
}

body {
}

.sectiontitle{
  font-family: verdana;
}


.included_content{
  font-family:verdana;
  font-size: 12px;
  line-height: 20px;
  color: black;
  font-style:normal;
  font-weight:normal;
}

 .content-table > tbody > tr > td{
    vertical-align: top;
    display: inline-block;
  }
  
  .content_canvas{
    position:relative;
    width:inherit;
    padding-bottom:10px;
  }
  
  .included_content *,
  .cke_editable *{
      box-sizing: border-box;
  }
  
    .product-right {
      width:270px; 
      background-color: #d1d1d1;    
      text-align: center;
    }

      .product-right table{
        margin: 0 auto;
      }
      .product-right table  td {
        width:auto;  
        text-align: left;
      }
      
  #footer{
    font-size: 12pt;
    color: white;
    height:77px;
  }
  
  #footer_left{
    position:absolute;
    left:0px;
    top:8px;
    padding-left:20px;
    z-index: 100;
  }
  #footer_left a{
    position:relative;    
    top:-10px; 
    font-size:10pt;
    display: inline-block;
    text-align: left;
    color:white !important;
    z-index: 100;    
  }
  #footer_left img{
    position: relative;
    top: -4px;
  }

 #nyito-cserepeslemez{ display:block; width: 165px; height: 117px; float: left; background: url('/uploads/ckfinder/userfiles/images/nyito/cserepeslemez.png') no-repeat top left; cursor:pointer; }
 #nyito-cserepeslemez:hover{ background: url('/uploads/ckfinder/userfiles/images/nyito/cserepeslemez_s.png') no-repeat top left;}
 #nyito-ereszcsatorna{ display:block; width: 165px; height: 117px; float: right; background: url('/uploads/ckfinder/userfiles/images/nyito/ereszcsatorna.png') no-repeat top left; cursor:pointer;}
 #nyito-ereszcsatorna:hover{ background: url('/uploads/ckfinder/userfiles/images/nyito/ereszcsatorna_s.png') no-repeat top left;} 
 #nyito-szelemenek{ display:block; width: 165px; height: 117px; float: right; background: url('/uploads/ckfinder/userfiles/images/nyito/szelemenek.png') no-repeat top left; cursor:pointer;}
 #nyito-szelemenek:hover{ background: url('/uploads/ckfinder/userfiles/images/nyito/szelemenek_s.png') no-repeat top left;} 
 #nyito-szendvicspanel{ display:block;width: 342px; height: 179px; background: url('/uploads/ckfinder/userfiles/images/nyito/szendvicspanel.png') no-repeat top left; cursor:pointer;}
 #nyito-szendvicspanel:hover{ background: url('/uploads/ckfinder/userfiles/images/nyito/szendvicspanel_s.png') no-repeat top left;} 
 #nyito-teherhordo_trapezlemez{ display:block; width: 165px; height: 117px; float: left; background: url('/uploads/ckfinder/userfiles/images/nyito/teherhordo_trapezlemez.png') no-repeat top left; cursor:pointer;}
 #nyito-teherhordo_trapezlemez:hover{ background: url('/uploads/ckfinder/userfiles/images/nyito/teherhordo_trapezlemez_s.png') no-repeat top left;} 
 #nyito-trapezlemez{ display:block;width: 342px; height: 179px; background: url('/uploads/ckfinder/userfiles/images/nyito/trapezlemez.png') no-repeat top left; cursor:pointer;}
 #nyito-trapezlemez:hover{ background: url('/uploads/ckfinder/userfiles/images/nyito/trapezlemez_s.png') no-repeat top left;}
 
  #footer_center{
    position:relative;
    margin:0 auto;
    width:40%;
    top:16px;
    text-align: center;
    color: #2c2c2c;    
  }
  
  #footer_right{
    position:absolute;
    right:0px;
    top:27px;
    padding-right:20px;
    color: #2c2c2c;
    z-index: 100;
  }
    
#contenttitle,
.contenttitle{
    color: black;
    font-family: verdana;
    font-size:34px;
    font-style:normal;
    font-weight:bold;
    line-height:38px;
}

.site_h1,
.included_content h1,
.site_container h1 {
  color: black;
  font-family: verdana;
  font-size:34px;
  font-style:normal;
  font-weight:bold;
  line-height:38px;
}

.site_h1,
.included_content h2,
.site_container h2{
    color: black;
    font-family: verdana;
    font-size:24px;
    font-style:normal;
    font-weight:normal;
    line-height:28px;
}

.tartalom {
  font-family:verdana;
  font-size: 12px;
  line-height: 20px;
  color: black;
  font-style:normal;
  font-weight:normal;
}

.bevezeto {
    font-family:verdana;
    font-size: 12px;
    line-height: 20px;
    color: vlack;
    font-style:normal;
    font-weight:bold;
}

.alcim{
    color: black;
    font-family: verdana;
    font-size:24px;
    font-style:normal;
    font-weight:normal;
    line-height:28px;
}

.included_content a,
#csms_ajxreq a {
  color: #ad2313;
  text-decoration: none;
  font-weight: normal;
}
.included_content a,
#csms_ajxreq a:hover {
  color: #ad2313;
  text-decoration: underline;
  font-weight: normal;
}

.cke_editable_inline{
  min-height: 40px;
}

.a_gallery_album {
	position: relative !important;
	display: inline-block !important;	
	width: 197px !important;
	height: 155px !important;
	margin-right: 30px !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;	
	cursor: pointer !important;
}

.a_gallery_album.selected{background: url(/images/w_bacslemez/album_selected.png) no-repeat top left !important;}
.a_gallery_album.unselected{background: url(/images/w_bacslemez/album.png) no-repeat top left !important;}

.a_gallery_album_title {
	position:absolute !important;
	top: 155px !important;
	left:0px !important;
	width: 197px !important;
	text-align: center !important;
	color: #5B5B5B; !important;
}

.a_gallery_album_indexpicture {
	position:absolute !important;
	top: 25px !important;
	left:25px !important;
	width: 161px !important;
	height: 113px !important;
	cursor: pointer !important;
}

.egallery{
  position:relative;
  display: inline-block;
  background:url('/images/w_bacslemez/gallery.png') no-repeat scroll left top transparent;
  width:178px;
  height:178px;
  padding-left:18px;
  padding-right:18px;
  padding-top:20px;
  padding-bottom:40px;
  line-height: 178px;
  text-align: center;
}

.info
{
  margin: 4px 0 !important;
  padding: 4px 4px 4px 25px!important;
  background: url(/sfDoctrinePlugin/images/info.png) no-repeat 5px 4px!important;
  border: 1px solid #bbb!important;
  background-color: #e0dff7!important;  
  min-width: 600px!important;
}

.notice,
.success
{
  margin: 4px 0 !important;
  padding: 4px 4px 4px 30px!important;
  background: url(/sfDoctrinePlugin/images/tick.png) no-repeat 10px 4px!important;
  border-top: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  background-color: #ffc!important ;
}

.error
{
	margin:0!important;
  padding: 4px 4px 4px 30px!important;
  background: url(/sfDoctrinePlugin/images/error.png) no-repeat 10px 4px!important;
  background-color: #f33!important;
  color: #fff!important;
  width: 100% !important;
}

ul.error_list
{
  margin: 0!important;
  margin-bottom: 7px!important;
  color: #d33!important;
  border: none!important;
  background-color: #f33!important;
  padding:0!important;
  padding-left:4px!important;
}

ul.error_list li
{
  padding: 4px!important;
  padding-left: 25px!important;
  list-style: none!important;
  color: #fff!important;
  background: url(/sfDoctrinePlugin/images/error.png) no-repeat 4px 4px!important;
  margin:0!important;
}



.formError ul.error_list
{
  margin: 0!important;
  padding: 0px !important;
  color: inherit;
  border: none!important;
  background:none !important;
}

.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.formError {
  position: relative;
  display: block;
  width:100%;
  height: 100%;
}

.formInnerError {
  position: absolute;
  display: block;
  cursor: pointer;
  left:50%;
  opacity: 0.87;
  text-align: left;
}
.formInnerError.up { top: -30px; }
.formInnerError.down { top: 30px; }


.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position:relative;
  color: #fff;
  width: 150px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.formError .formErrorArrow {
  width: 15px;
  position:relative;
}

.formError .formErrorArrow.down { margin: -40px 13px 0 10px; }
.formError .formErrorArrow.up { margin: -2px 0 0 13px; }


body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #EE0101;
  -moz-box-shadow: 0 2px 3px #EE0101;
  -webkit-box-shadow: 0 2px 3px #EE0101;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.formErrorArrow div {
  background: #33be40;
}

.formErrorArrow div {
  background: #393939;
  color: #FFF;
  box-shadow: none;
}

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }

.newFormError{
  position: relative;
  display: inline-block;
  background: url(/images/admin/exclamation-mark.png) no-repeat center center !important;
  height:20px;
  width:28px;
  cursor: help;
}
  .newFormInnerError{
    display: none;
    position: absolute;
    top:20px;
    left: 28px;
    height: auto;
    max-width: 200px;    
    z-index:999;
    background-color: white;
    cursor: help;
  }
  .newFormError:hover .newFormInnerError{
    display: block;
    cursor: help;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    font-size:10pt;
    color: #777;
  }

  
.csms_frontend_hint{
    display: none;
    position: absolute;    
    height: auto;
    max-width: 400px;    
    z-index:999;
    background-color: white;
    cursor: help;
    cursor: help;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    font-size:10pt;
    color: #777;
    
  }
  .csms_frontend_hint_box:hover .csms_frontend_hint{
    display: block;
    
  }  

#secure_error_box{
  margin:0 auto;
  position: fixed;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  height:100px;
  width:300px;
  background-color:white;
  border:2px solid #666;
  z-index:999;
}

/* TERMEK */
.termek-section-header{
  height: 32px;
  padding:8px 8px 0px 8px;
  font-size: 14pt;
  color: white;  
  width: 75%;
  background: #222222 url('/images/w_bacslemez/termek_title_right.png') no-repeat top right;  
  text-align: left;
}
.termek-right-section-header{
  height: 25px;
  padding:4px 8px 0px 8px;
  font-size: 12pt;
  color: white;  
  width: 100%;
  background: #808080 url('/images/w_bacslemez/termek_right_spacer_left.png') no-repeat top left;  
  text-align: left;
}                      

/* CONTACT */

#contactform{
  position: relative;
  width: 50%;
  min-width:320px;
}

#contactform  table{  
}

#contactform  input[type="text"],
#contactform  select,
#contactform  textarea{
  width:100%;
}

#contactform td{
  padding:4px;
  padding-right: 0px;
}

#contactform  input[type="submit"]{
  float: right;
  border: none;
  background: #ab0909;
  color: white;
  padding: 8px;
  cursor: pointer;
}

#contactform  input[name="contact[qty]"]{
text-align: right;
}
