body {
   margin: 0px auto;
   padding: 0;
   background: #3DB2FF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
}

#wrapper {
   margin: 0 auto;
   padding: 0;
   width: 980px;
   color: #FFF;
}

a {
  text-decoration: none;
}

a.ws {
	color: #9A34AC;
}

a:hover {
  text-decoration: underline;
}

a.y {
	color: #FFFF00;
}


div#header {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 960px;
    background: url('/header.png') 0 -23px no-repeat;
    min-height: 200px;
}

div#header div#user {
    margin: 0;
    padding: 0;
    width: 960px;
    font-size: 18px;
}

div#header div#user a {
    
}



div#header div#logo {
    margin: 0;
    padding: 0;
    width: 960px;
    min-height: 180px;
}


span#home {
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url('https://img.cleancenter.hu/web2013/ikonok.png') 0 -80px no-repeat;
}

span#home:hover {
    background: url('https://img.cleancenter.hu/web2013/ikonok.png') 0 -100px no-repeat;
}

span#kosar {
    display: inline-block;
    min-width: 30px;
    height: 18px;
    padding: 0 0 0 30px;
    background: url('https://img.cleancenter.hu/web2013/ikonok.png') 0 0 no-repeat;
}

span#kosar:hover {
    background: url('https://img.cleancenter.hu/web2013/ikonok.png') 0 -20px no-repeat;
}

span.v_slogen {
	color: #444;
}

span.productTableAll {
	float: left;
	display: block;
	margin: 2px;
	padding: 2px 2px 2px 20px;
	width: 308px;
	border: 1px solid #eee; 
	color: #444;
}


span.productTableLeft {
	float: left;
	display: block;
	margin: 2px;
	padding: 2px 2px 2px 20px;
	width: 150px;
	border: 1px solid #eee; 
	color: #444;
}

span.productTableRight {
	float: left;
	display: block;
	margin: 2px;
	padding: 2px 20px 2px 2px;
	width: 150px;
	border: 1px solid #eee;
	color: #444; 
	text-align: right;
}


div.menu_sub1 {
    width: 980px;
    height: 10px;
    margin: 0 auto;
    float: left;
    padding: 0;
    background: url('https://img.cleancenter.hu/web2013/g.png') 0 -10px no-repeat;
}

div.menu_sub2 {
    width: 980px;
    height: 10px;
    margin: 0 auto;
    float: left;
    padding: 0;
    background: url('https://img.cleancenter.hu/web2013/g.png') 0 0 no-repeat;
}

div.menu_sub3 {
   width: 980px;
   height: 10px;
   margin: 0 auto;
   float: left;
   padding: 0;
   background: url('https://img.cleancenter.hu/web2013/g.png') 0 -20px no-repeat;
}

div.menu {
   width: 980px;
   min-height: 20px;
   margin: 0 auto;
   padding: 0;
   background-color: #E70084;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   float: left;
   border-top: 1px solid #F17CBA;
   border-bottom: 1px solid #A7005F;
   border-right: 1px solid #A7005F;
   border-left: 1px solid #F17CBA;
   letter-spacing: 0px;
}

div.menu a {
    color: #FFF;
    text-decoration: none;
}

div.menu a:hover {
    color: yellow;
}

div.menu ul {
    margin: auto;
    padding: 0;
    list-style: none;
    text-transform: capitalize;
}

div.menu ul li {
    border-top: 8px solid #E70084;
    float: left;
    margin-right: 0px;
    margin-left: 6px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 4px;
}


	
div.menu ul li:hover {
    // border-top: 4px solid #18CB36;
    color: yellow;
}

.menu ul ul {
	position: absolute;
    display: none;
    min-width: 150px;
    padding: 0 0 5px 0;
    margin-top: 5px;
    background-color: #E70084;
    padding: 0;
    text-transform: lowercase;
    border-right: 1px solid #A7005F;
    border-left: 1px solid #A7005F;
    border-bottom: 1px solid #A7005F;
    border-radius: 0 0 3px 3px;
   	-moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    z-index: 500;
}

.menu ul ul li {
    float: none;
    margin: 0;
    padding: 6px 20px 6px 20px;
    border: 0px;
    font-size: 14px;
}

.menu ul ul li:hover {
    background-color: #382713;
    border: 0px;
}

ul.dropSub li {
	cursor: pointer;
}

#elvalaszto {
    margin: 0 auto;
    width: 980px;
    background-color: #E70084;
    min-height: 30px;
}

div#content {
   margin: 0 auto;
   width: 960px;
   background-color: #FFF;
   min-height: 300px;
   border: 0;
   padding: 0;
}

div#content h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding:0;
	color: #CA0073;
}

div#content p {
	margin: 0;
	padding: 0 0 20px 0;
}

div#content #c_menu {
    float: left;
    margin: 10px;
    padding: 0;
    width: 220px;
    min-height: 300px;
}

div#content #c_valoditartalom_1 {
    float: right;
    margin: 0;
    padding: 0;
    width: 720px;
    min-height: 300px;
    border: 0px solid black;
    color: #000;
}

div.col3 {
	float: left;
	width: 200px;
	margin: 10px;
	padding: 10px;
	border: 0;
} 

div.col4 {
	float: left;
	width: 280px;
	margin: 10px;
	padding: 10px;
	border: 0;
} 

div.col5 {
	float: left;
	width: 360px;
	margin: 10px;
	padding: 10px;
	border: 0;
} 


div.col6 {
	float: left;
	width: 440px;
	margin: 10px;
	padding: 10px;
	border: 0;
} 

div.col8 {
	float: left;
	width: 600px;
	margin: 10px;
	padding: 10px;
	border: 0;
}


div.col9 {
	float: left;
	width: 680px;
	margin: 10px;
	padding: 10px;
	border: 0;
}

div.col12 {
	float: left;
	width: 920px;
	margin: 10px;
	padding: 10px;
	border: 0;
}

div#content #c_valoditartalom_2 {
    float: right;
    margin: 0;
    padding: 0;
    width: 960px;
    min-height: 300px;
    border: 0px solid black;
    color: #000;
}


div#footer {
    width: 960px;
    margin: 0 auto 10px auto;
    background: url('https://img.cleancenter.hu/web2013/bg_yellow.jpg') repeat-y;
    border-bottom: 1px solid #FFF;
}

div#footer div.box {
    width: 198px;
    min-height: 100px;
    padding: 0 20px 20px 20px;
    margin: 0px;
    float: left;
    color: #000;
    border-left: 1px dotted #DECE00;
    display: block;
}

div#footer div.box:first-child {
    border: none;
}

div#footer div.box h3 {
    margin: 10px 0 0 0;
    font-size: 18px;
    color: #412D16;
}

div#footer div.box p {
    color: #412D16;
    padding-bottom: 10px;
}

div#footer_out {
  width: 960px;
  margin: 0 auto 10px auto;
  text-align: center;
  color: #444;
}

div.productPolaroid {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 198px;
	min-height: 330px;
	border: 1px solid #F3F3F3;
	text-align: center;
	line-height: 1.7;
}

div.productPolaroid:hover {
	border: 1px solid #aaa;
}


div.productPolaroid div.img {
	padding: 0;
	margin: 10px auto 10px auto;
	width: 100px;
	height: 100px;
	text-align: center;
}

div.productPolaroid img {
    margin: 0;
}

.zero {
    clear:both;
}

.arrow {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: URL(data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wgARCAAQABADAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQAG/8QAGQEAAgMBAAAAAAAAAAAAAAAAAAUCAwQH/9oADAMBAAIQAxAAAAFVh1Y2WvG3PYP/xAAZEAEAAgMAAAAAAAAAAAAAAAAEBQYCAxD/2gAIAQEAAQUCq8sDTlY5Qrkc/8QAHhEAAQMEAwAAAAAAAAAAAAAAAQIDBAAFEVEQEhP/2gAIAQMBAT8Bu8KU4PaI4oHWTVrhvx2+8lwqUdknHP8A/8QAGhEAAgIDAAAAAAAAAAAAAAAAAQIAAxAxMv/aAAgBAgEBPwGxW2plakdHP//EAB8QAAICAAcBAAAAAAAAAAAAAAECAwQABRATFDJCcf/aAAgBAQAGPwLj5hVrvGeszxAkfcbdKrDBXT0kYUtr/8QAGxAAAQQDAAAAAAAAAAAAAAAAAQARIVEQMWH/2gAIAQEAAT8hAz1lJomkJ0HIPu3A1zP/2gAMAwEAAgADAAAAEO7f/8QAGxEBAQACAwEAAAAAAAAAAAAAARFRYQAQMUH/2gAIAQMBAT8QlUfSQ7CwdfeYoqE0iy5e/wD/xAAZEQEAAgMAAAAAAAAAAAAAAAABEXEAECH/2gAIAQIBAT8Qd0VODyi3v//EABoQAQACAwEAAAAAAAAAAAAAAAERUQAQIXH/2gAIAQEAAT8QkawsfBqW9MWKSXBgEpL3f//Z) 0 6px no-repeat !
important;
}

.dropMain {
	cursor: pointer;
}


input[type=text],
input[type=search], 
input[type=password], 
textarea {
	display:block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #E70084;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #FFED00;
	padding: 8px;
	width: 100%;
}

input.disabled {
	background: #DDDDDD;
}

select {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #2FC31E;
	padding: 8px;
	width: 100%;
	cursor:pointer;
}

button,
input[type=submit],
input[type=reset],
input[type=button] {
	display:block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #2FC31E;
	padding: 8px;
	width: 100%;
	cursor:pointer;
}

button:hover,
select:hover,
input[type=submit]:hover,
input[type=reset]:hover, 
input[type=button]:hover {
	background-color: #95FF32;
}


select {
	cursor:pointer;
}


















#slideshow {
	margin: 0 auto;
	width: 100%;
	min-height: 300px;
	position: relative;
}

#slideshow #slidesContainer {
  margin: 0 auto;
  padding: 0;
  width: 740px;
  min-height: 300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 720px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  min-height: 300px;
}

.control {
  display:block;
  width:39px;
  height: 300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url(https://img.cleancenter.hu/web2013/l.png) no-repeat 0 0;
}

#rightControl {
  top:0;
  right:0;
  background:transparent url(https://img.cleancenter.hu/web2013/r.png) no-repeat 0 0;
}

#pageMenu {
  margin: 0 auto 10px auto;
  padding: 10px;
  width: 880px;
  border: 0px solid #EDDE00;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
  background: #FFFFFF;
  text-align: right;
}

#pageContainer {
  margin: 10px;
  padding: 10px;
  width: 920px;
  border: 0px solid #EDDE00;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
  background: #FFFFFF;
}

#pageContainer h1 {
  display: block;
  width: 100%;
  height: 114px;
  text-indent: -10000px;
}

.slide h2, .slide p {
  margin: 15px;
}

.slide h2 {
	font: italic 28px Georgia, "Times New Roman", Times, serif;
	color: #E2007A;
	letter-spacing:-1px;
}

.slide div.box {
	width: 50%;
	float: left;
	min-height: 190px;
	border: 0px solid black;
}

.slide div.box_left {
	width: 460px;
	float: left;
	min-height: 190px;
	border: 0px solid black;
	color: #012400;
}

.slide div.box_right {
	width: 240px;
	float: left;
	min-height: 190px;
	border: 0px solid black;
}

.slide h2.lg {
  font: italic 24px Georgia, "Times New Roman", Times, serif;
  color: #b2b2b2;
  color: #39820F;
  color: #382713;
  letter-spacing:-1px;
  text-align: right;
}


.slide img {
  float:right;
  margin:0 15px;
}

div.clear {
	clear: both;
	height: 1px;
	width: 100%;
}



















#terkep_parent {
	margin: 0;
	padding: 0;
	border: 0;
}

#terkep_kertext {
	
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#terkep {
	float: left;
	display: block;
	margin: 12px 10px 10px 10px;
	padding: 0;
	width: 698px;
	min-height: 400px;
	border: 1px solid #ccc;
}

.geo-label {
    margin: 4px;
    padding: 15px;
    font-size: 14px;
    color: #444;
    background: rgba(255,255,255, 0.9);
    border-radius: 4px;
    border: 3px solid #E70084;
    width: auto;
    display: none;
}

#terkepMenu {
	float: left;
	margin: 10px 0 10px 10px;
	padding: 0;
	width: 220px;
	min-height: 20px;
	border: 0;
}

#terkepMenu h3 {
	padding: 5px 0 5px 30px;
}

#terkepMenu div {
	padding: 0 0 0 0px;
	color: #b2b2b2;
}

#terkepMenu div div {
	padding: 5px 0 0 30px;
	color: #b2b2b2;
}


#terkepMenu div span.ceg {
	color: #E70084;
}

#terkepMenu div span.uzlet {
	color: #777777;
	}

#terkepMenu div a.ws {
	color: #9A34AC;
	}


#terkepMenu div span.ugyintezo {

	}


div.icon48 {
	float: left;
	margin: 16px 8px 4px 0;
	padding: 0;
	width: 48px;
	height: 48px;
	color: white;
	border: 0;
}


div.icon48#icon24ora {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat 0 0;
}

div.icon48#icon90nap {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat -48px 0;
}

div.icon48#bizti {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat -96px 0;
}

div.icon48#cim {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat -144px 0;
}



div.icon48#googleplus {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat -192px 0;
}

div.icon48#googlemaps {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat -240px 0;
}

div.icon48#facebook {
	background: url('https://img.cleancenter.hu/web2013/ikonok_48x48.png') no-repeat -288px 0;
}













div.col_1 {
	float: left;
	width: 200px;
	padding: 0 20px 0 0;
	margin: 0;
}

div.col_2 {
	float: left;
	width: 440px;
	padding: 0 0 0 20px;
	margin: 0;
}




#blackOnTheTop {
	position: absolute;
	display: none;
	margin: 0 auto;
	width: 100%;
	height: 1400px;
	background-color: rgba(0,0,0,0.80);
	z-index: 9999999;
}

div.m1 {
	width: 918px;
}

div.m2 {
	width: 678px;
}

#message {
	position: relative;
	display: none;
	margin: 10px;
	padding: 10px;
	font-size: 20px;	
	background-color: #EFEFEF;
	color: #FFF;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 99999999;
}

#message h1 {
	color: #FFF;
}



#ejdiv {
	display: none;
}



table {
	background: #220F00;
	border-collapse: seperate;
	margin: 0;
	width: 100%;
	padding: 0;
	border-spacing: 1px;
	text-align: right;
}

table thead  {
	background: #EA0E8C;
	color: #FFF;
	text-shadow: 1px 1px #000;
	padding: 0;
}

table thead th {
	padding: 10px;
}

table tfoot {
	background: #EA0E8C;
	color: #FFF;
	padding: 0;
}


table td {
	background: #FFF;
	padding: 5px;
	border-spacing: 1px;
}



label {
	font-weight: bold;
	color: #444;
}

legend {
	font-size: 28px;
	color: #CA0073
}

fieldset {
	margin: 0;
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}










input.kosar {
	background-color: #2FC31E;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:pointer;
}

input.kosar:hover {
	background-color: #95FF32;
}


#lapozo span {
	float: left;
	block: inline;
	margin: 0 5px 0 5px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #ccc;
	color: #ccc;
	
}


#lapozo span.a {
	border: 1px solid #444;
	color: #444;
}

p.vSlogen {
	font-weight: bold;
	color: #1E2E6A;
}