@charset "UTF-8";


@font-face {
    font-family: 'Antonio';
    src: url('../fonts/Antonio-Light.eot');
    src: url('../fonts/Antonio-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Antonio-Light.woff2') format('woff2'),
        url('../fonts/Antonio-Light.woff') format('woff'),
        url('../fonts/Antonio-Light.ttf') format('truetype'),
        url('../fonts/Antonio-Light.svg#Antonio-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}



/* Global Settings
================================================================================== */
html, body {
	margin: 0;
	padding: 0;
}
div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, address, blockquote {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #e8e8e8;
}

header {
	width: 100%;
	height: 545px;	
	padding: 0;
	z-index: 2px;
	overflow: hidden;
	background: #000000;	
}
.top {
	width: 960px;
	margin: 0 auto;	
	display: block;	
	padding: 0;	
}
.top .logo {
	width: 100px;
	padding: 0;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -50px;
	z-index: 15;
}

.mainNavigation {
	width: 960px;
	margin: 0 auto;
	display: block;	
	padding: 0;
}
.mainNavigationHome {
	width: 960px;
	margin: 0 auto;
	display: block;	
	padding: 0;
}
#myName {
	font-family: Antonio;	
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #f8f8f8;
  	outline: none;
	margin: 0;
	padding-top: 8px;	
}
#myName a {
	text-decoration: none;
	color: #666;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	outline: none;	
}
#myName a:hover {
	color: #aaaaaa;
}


/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




/* Main navigation first level */
#mainNavigationLeft {
	zoom: 1;
	padding: 0;
	text-align: left;
	position: relative;
	z-index: 10;
	float: left;
}
#mainNavigationRight{
	zoom: 1;
	padding: 0;
	text-align: left;
	position: relative;
	z-index: 10;
	float: right;
}
.navigation {
	margin: 0; 
	padding: 0; 
	list-style: none;
}		
.navigation li {
	float: left;
	position: relative;
  	font-family: 'Antonio';
	font-size: 14px;
	background: rgba(0,0,0); 	
}
.navigation li a {
	display: block;
	padding: 15px 7px 15px 7px;
	text-decoration: none;
  	text-transform: uppercase;
	color: #aaaaaa;
	text-shadow: 1px 1px 1px #333;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	outline: none;
}
.navigation li a:hover {
	text-decoration: none;	
	color: #ffffff;
	text-shadow: 1px 1px 1px #999;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	outline: none;
}
.reverse {
	background: #666;
}
		
/* Main navigation second level */	
.navigation ul {
	position: absolute; 
	left: 0; 
	display: none; /* Hide it by default */
	margin: 0; 
	padding: 0; 
	list-style: none;
}		
.navigation ul li {
	float: left; 
	border-bottom: 1px solid #333;
	border-right: none;
	width: 180px;
}
.navigation ul a {
	display: block;
	padding: 7px 15px;
	text-transform: none;
	border-radius: 0px;
	background: rgba(0,0,0,0);	
}		
.navigation ul a:hover {
	background: rgba(0,0,0,0.8);
	color: #d8d8d8;
	text-shadow: none;
}
#mainNavigationLeft select {
	display: none;
}



.kezdolap	{
	width: 100%;
	padding: 0;
}
.slide{
    background: #333;
}
.slide:nth-of-type(1){
	background: url(../img/slideshow/slide01.jpg) no-repeat center top;
}
.slide:nth-of-type(2){
	background: url(../img/slideshow/slide02.jpg) no-repeat center top;
}
.slide:nth-of-type(3){
	background: url(../img/slideshow/slide03.jpg) no-repeat center top;
}
.slide:nth-of-type(4){
	background: url(../img/slideshow/slide04.jpg) no-repeat center top;
}
.slide:nth-of-type(5){
	background: url(../img/slideshow/slide05.jpg) no-repeat center top;
}

.kezdolap-2	{
	background: url(../img/slideshow/slide01.jpg) no-repeat center top;
	width: 100%;
	height: 390px;
	padding: 0;
	margin-top: 47px;
}
.galeria	{
	background: url(../img/header01.jpg) no-repeat center top;
	width: 100%;
	height: 450px;
	padding: 0;
}
.kapcsolat	{
	background: url(../img/header02.jpg) no-repeat center top;
	width: 100%;
	height: 450px;
	padding: 0;
}







#container {
	width: 880px;
	margin: 0 auto;
	display: block;
	padding: 40px;
	background: #fff;
	margin-top: -220px;
	border-top: 15px solid #aaa;
}
#containerHome {
	width: 880px;
	margin: 0 auto;
	display: block;
	margin-top: -15px;
	padding: 40px;
	background: #fff;
	border-top: 15px solid #aaa;
}

#pageFooter {
	clear: both;
	width: 100%;
	background: #333333;
	margin-top: 30px;
}
#pageFooterContainer {
	width: 960px;
	margin: 0 auto;
	height: 100px;
	display: block;
	color: white;
	font-size: 0.8em;
	padding-bottom: 15px;
	padding-top: 10px;
}
#pageFooterContainer p {
	text-align: left;
	color: #f8f8f8;
}
.pageFooterDeko {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #414141;
	padding-top: 65px;
	margin-bottom: 15px;
}

.pageFooterNavigation {
	margin: 0; 
	padding: 0; 
	list-style: none;
	float: right;	
}		
.pageFooterNavigation li {
	float: left;
	position: relative;
	padding: 0px 5px 3px 5px;
	border-right: solid 1px #414141;	
}
.pageFooterNavigation li a {
	display: block;	
	text-decoration: none;
	color: #f8f8f8;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	outline: none;	
}
.pageFooterNavigation li a:hover {
	text-decoration: none;
	color: #6397B7;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	outline: none;
}
.pageFooterNavigation li:last-child {
	border-right: none;
	padding-right: 0px;
}



#szamlalo	{
	background: #14508f;
	height: 24px;
	width: 70px;
	margin: 0 auto;
	padding: 0;
}




/* Paragraphs */
h1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Antonio';
    color: #fff;
	font-weight: normal;
	text-align: center;
	font-size: 35px;    
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
	padding-top: 60px;
	text-transform: uppercase; 
	text-shadow: 0px 4px 3px rgba(0,0,0,1);
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-family: 'Antonio';
    color: #fff;
	font-weight: normal;
	text-align: center;	
	font-size: 70px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
	text-shadow: 0px 4px 3px rgba(0,0,0,1);
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
	font-family: 'Antonio';
	color: #555;
	font-weight: normal;
	text-align: center;
    font-size: 30px;
    margin: 0 0 12px;
    padding: 12px 0 0;
}
p {
	font-size: 0.9em;
	margin-bottom: 1em;
	text-align: justify;
	color: #333;
	line-height: 1.5em;
}
.left {
	text-align: left;
}
.right{
	text-align: right;
}
.center {
	text-align: center;
}

/* Image settings */
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
img.floatLeft {
	float: left;
	padding-right: 1em;
}
img.floatRight {
	float: right;
	padding-left: 1em;
	padding-bottom: 1em;
}

/* Navigation */
a, a:link, a:visited {
	color: #0099cc;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	outline: none; 	
}
a:hover {
	color: #039;
}
a {
	outline: none;
}						
a img {
	border: none;
}
fieldset, img {
	border: 0;
}

/* Divs for pages */
.hir_blokk {
	width: 100%;
	border-bottom: 1px solid #c65c3f;
	padding-bottom: 5px;
	margin-bottom: 20px;
	display: block;
}
.hir_cim	{
	margin: 0 0 .5em;
	font-size: .9em;
	color: #630;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.hir_cim_2	{
	color: #630;
}
.hir_summa {
	margin: 0 0 1em;
	font-size: .9em;
	padding: 0;
}
.hir_summa_2 {
	margin: 0 0 1.5em;
	font-size: .8em;
	padding: 0;
	text-align: center;
	font-style: italic;
}
.hir_szoveg {
	margin: 0 0 3em;
	font-size: .9em;
	padding: 0;
	text-align: center;
}
.hir_datum {
	font-size: 12px;
	float: left;
}
.hir_datum_2 {
	font-size: 12px;
	text-align: center;
}
.hir_reszletek {
	font-size: 12px;
	float: right;
}
.hir_vissza {
	text-align: center;
}

.alpha {
	padding-bottom: 25px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ebe8bd;
}

/* Egyharmad - kétharmad */
.egyKettoBal {
	float: left;
	width: 300px;
	margin-right: 20px;
}
.egyKettoJobb {
	float: right;
	width: 560px;
}

/* Kétharmad - egyharmad */
.kettoEgyBal {
	float: left;
	width: 560px;
	margin-right: 20px;
}
.kettoEgyJobb {
	float: right;
	width: 300px;
}

/* Egyharmad - egyharmad - egyharmad */
.haromEgyBal {
	float: left;
	width: 267px;
	margin-right: 40px;
}
.haromKettoBal {
	float: left;
	width: 267px;
	margin-right: 40px;
}
.haromEgyJobb {
	float: right;
	width: 266px;
}

/* Fele - fele */
.egyEgyBal {
	float: left;
	width: 420px;
	margin-right: 40px;
}
.egyEgyJobb {
	float: right;
	width: 420px;
}

/* Fele - negyede - negyede */
.negyKettoBal {
	float: left;
	width: 460px;
	margin-right: 20px;
}
.negyEgyBal {
	float: left;
	width: 230px;
}
.negyEgyJobb {
	float: right;
	width: 230px;
	text-align: right;
}

#egyEgyBalF {
	float: left;
	width: 470px;
	margin-right: 20px;
}
#egyEgyBalF p {
	text-align: left;
}
#egyEgyJobbF {
	float: right;
	width: 470px;
}
#egyEgyJobbF p {
	text-align: right;
}




/* Kezdőlap */

.ketsor {
	height: 3em;
}
a.terv, a.terv:visited {
	display: block;
	color: #515151;
	text-shadow: -1px 1px 0px #fff;
	text-decoration: none;
	outline: 0;
	font-weight: bold;
}
a.terv:hover {
	color: #c65c3f;	
}

.ice-cream {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 420px;
	float: left;
}













/* Cégtörténet */
.bannerGloria {
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Cégadat */
.cegadat1 {
	color: #888;
	text-align: left;
	margin-bottom: 0px;
}
.cegadat2 {
	margin-left: 17px;
	text-align: left;
}


/* Cukrászat */
.gallery-cake {
	padding-top: 10px;
}
.thumb-item-sub-cake {
	margin-right: 20px;
	margin-bottom: 15px;
	width: 156px;
	height: 200px;
	float: left;
}
.thumb-item-sub-cake img {
	vertical-align: top;
	border: 3px solid #a6ce39;
}
.thumb-item-sub-cake {
	max-width: 18.18181818181818%;
	margin-right: 2.27272727272727%;
}
.termekleiras {
	text-align: left;
	font-size: 0.8em;
	margin-bottom: 0px;
}
.termekar {
	text-align: left;
	font-size: 0.8em;
}
.termekar-ar {
	text-align: left;
	font-size: 0.8em;
	line-height: 1em;
	float: left;
	margin-right: 10px;
}







/* Galéria */
.gallery-la {
	padding-top: 10px;
}
.gallery-la-thumb {
	margin-right: 8px;
	margin-bottom: 10px;
	width: 150px;
	float: left;	
}
.gallery-la-thumb img {
	vertical-align: top;
	border: 1px solid #036449;
}
.gallery-la-thumb {
	max-width: 15.625%;
	margin-right: 1.0%;
}






/* Címek, telefonszámok */
.bannerCegvezeto {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}


.info-panel {
	width: 500px;
	margin: 0 auto;
	margin-top: 25px;
	background: #c8c8c8 url(../img/bck_info.gif);
	padding: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
	-ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
}
.info-panel p {
	text-align: center;
}






/* Üzenetküldés */
.message-box {
	width: 460px;
	margin: 0 auto;
	margin-top: 30px;
}
#uzenetkuldes {
	box-sizing: border-box;
}
.gloriauzenet p {
	margin-bottom: 0px;
}
.gloriauzenet strong {
	color: #ff6600;
}
.gloriauzenet span {
	margin: 0;
}
.gloriauzenet p label {
	display: block;
	color: #333;
	font-size: 1em;
}
.error {
	color: #f00;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
.txtinput { 
	display: block;
	border: 1px solid #dedede;
	padding: 10px 0 10px 10px;
	margin-bottom: 0px;
	width: 97%;	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
.txtinput:focus { 
	color: #333;
	border-color: rgba(160, 84, 94, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(160, 84, 94, 0.8);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(160, 84, 94, 0.8);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(160, 84, 94, 0.8);
	outline: 0 none; 
}
textarea {
	display: block;
	border: 1px solid #dedede;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	width: 97%;
	height: 180px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
textarea:focus {
	color: #333;
	border-color: rgba(160, 84, 94, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(160, 84, 94, 0.8);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(160, 84, 94, 0.8);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(160, 84, 94, 0.8);
	outline: 0 none; 
}

/* Egyedi gombok */
#buttons { display: block; padding-top: 10px; }
#buttons #submitbtn {
	display: block;
	float: left;
	height: 2em;
	padding: 0 1em;
	outline: 0;
	font-weight: bold;
	font-size: 1em;
	color:  #fff;
	text-shadow: 0px 1px 0px #222;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #4b262b;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6397b7+0,1e5799+100 */
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(left, #7db9e8 0%, #1e5799 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #7db9e8 0%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7db9e8 0%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
#buttons #submitbtn:hover, #buttons #submitbtn:active {
	background: #6397b7; /* Old browsers */
	background: -moz-linear-gradient(left, #6397b7 0%, #1e5799 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #6397b7 0%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #6397b7 0%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6397b7', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}

.utasitas {
	text-align: center;
	font-size: 1.6em;
	color: #a3a3a3;
}
.utasitas2 {
	text-align: center;
	font-size: .8em;
	font-style: italic;
}



/* Feliratkozás hírlevélre */
.hirlevel {
	float: left;
	display: block;
	width: 210px;
	padding-right: 40px;
}
input[type=radio] {
	margin-top: 3px;
}




.daily {
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.termekBal {
	float: left;
	width: 400px;
	margin-right: 20px;
}
.termekBal p {
	text-align: left;
}
.termekJobb {
	float: right;
	width: 140px;
}
.termekJobb p {
	text-align: right;
}

.termekBal {
	float: left;
	width: 71.4286%;
}
.termekJobb {
	float: right;
	width: 25%;
}
.termekEgesz {
	clear: both;
}





/* Étlapok */
#accordion {
	max-width: 460px;
	margin: 0 auto;
	padding-top: 15px;
}
#accordion h2 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
	cursor: pointer;
	text-align: left;
	text-transform: none;
	margin: 0 0 15px;
	display: block;
	padding: 10px;
	padding-left: 25px;
	color: #f8f8f8;
	font-weight: bold;
	text-decoration: none;
	background: #a6ce39 url('../img/deko_arrow_01.png') no-repeat 7px 12px;
	border-radius: 6px;
   	outline: none;
}
#accordion h2.active {
	color: #666;
	background: #c8e675 url('../img/deko_arrow_02.png') no-repeat 7px 12px;
	padding-left: 25px;
}
#accordion .content {
	padding: 10px 15px;  
}
.etelnev {	
	margin-bottom: 10px;
}
.etelleiras {
	font-style: italic;
	color: #666;
	font-size: .8em;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 10px;
}
.no-margin-bottom {
	margin-bottom: 0;
}


/* Ajánlatkérés */
.egyEgyBalVonal {
	float: left;
	width: 430px;
	margin-right: 10px;
}
.egyEgyJobbVonal {
	float: left;
	width: 430px;
	padding-left: 9px;
	border-left: 1px solid #00aeef;
}
fieldset {	
	width: 92%;
}
fieldset legend {	
	margin: 0;
	color: #666;
	font-size: 1.2em;
	padding-bottom: 25px;
	padding-top: 25px;
}
.magyarazat {
	padding-bottom: 20px;
}
.csekoajanlat p {
	margin-bottom: 17px;
}
.csekoajanlat p label {
	display: block;
}
.termekBalAjanlat {
	float: left;
	width: 74%;
	
}
.termekJobbAjanlat {
	float: right;
	width: 20%;
	margin-right: 10px;
}
.termekEgeszAjanlat {
	clear: both;
	width: 100%;
}
.txtselect { 
	display: block;
	border: 1px solid #dedede;
	padding: 9px;
	margin-bottom: 0px;
	width: 100%;	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
.txtselect:focus { 
	color: #333;
	border-color: rgba(41, 92, 161, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none; 
}



/* Phone
================================================================================== */
@media only screen and (max-width:480px) {
header {
	height: 390px;
}
.top {
	width: 100%;
}
.top .logo {
	width: 100px;
	padding: 0;
	left: 50%;
	position: absolute;
	margin: 0px 0 0 -50px;
	z-index: 15;
}

.mainNavigationHome {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mainNavigation {
	width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 47px;
}

/* Main navigation in drop-down selection */
#mainNavigationLeft {
	display: none;
}
#mainNavigationRight {
	display: none;
}
#mainNavigationAll {
	zoom: 1;
	padding: 0;
}
#mainNavigationAll ul {
	display: none;
}
#mainNavigationAll select {
	display: block;
	width: 220px;
	margin: 0 auto;
}



.kezdolap	{
	display: none;
}
.kezdolap-2	{
	width: 100%;
}






h1 {	
	padding-top: 82px;  
}








#containerHome {
	width: 96%;
	margin: 0 auto;
	padding: 5px;
}
#container {
	width: 96%;
	margin: 0 auto;
	padding: 5px;
	padding-top: 20px;
}






#pageFooterContainer {
	width: 96%;
	margin: 0 auto;
	display: block;
	height: 140px;
}



/* Kezdőlap */
.ice-cream {
	max-width: 100%;
	margin: 0 auto 20px !important;
	float: none;
	clear: both;	
}




#open {
	width: 100%;
	padding-bottom: 10px;
}
#news {
	width: 100%;
	padding-bottom: 10px;
}
#menu {
	width: 100%;
}

.alpha {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ebe8bd;
}

/* Egyharmad - kétharmad */
.egyKettoBal {
	width: 100%;
	padding-bottom: 10px;
}
.egyKettoJobb {	
	width: 100%;
	padding-bottom: 10px;
}

/* Kétharmad - egyharmad */
.kettoEgyBal {
	width: 100%;
	padding-bottom: 10px;
}
.kettoEgyJobb {	
	width: 100%;
	padding-bottom: 10px;
}

/* Egyharmad - egyharmad - egyharmad */
.haromEgyBal {
	float: none;
	width: 100%;
	padding-bottom: 10px;
	margin-right: 0px;
}
.haromKettoBal {
	float: none;
	width: 100%;
	padding-bottom: 10px;
	margin-right: 0px;
}
.haromEgyJobb {
	float: none;
	width: 100%;
	padding-bottom: 10px;
}

/* Cégadatok  */
.cegadat1 {
	text-align: center;
}
.cegadat2 {
	margin-left: 0px;
	text-align: center;
}


/* Szolgáltatási szerződések */
.download {
	font-size: 10px;
}
.download-thumb {
	max-width: 31.25%;
	margin-right: 1.0%;
}




/* Galéria */
.gallery-la-thumb {
	max-width: 100%;
	margin: 0 auto 15px !important;
	float: none;
	clear: both;	
}



/* Címek, telefonszámok */
.bannerCegvezeto {
	margin: 20px;
}
.info-panel {
	width: 92%;
}

/* Üzenetküldés  */
.egyEgyBal {
	width: 100%;
	padding-bottom: 10px;
}
.egyEgyJobb {
	width: 100%;
	padding-bottom: 10px;
}
.message-box {
	width: 100%;
	float: none;
	display: block;
}
.txtinput,.txtblock {
	width: 95%;
}
.csekoajanlat p label {
	font-size: 1em;
}

/* Linkajánló */
.links-thumb {
	max-width: 100%;
	margin: 0 auto 15px !important;
	float: none;
	clear: both;
}




/* Galéria cukrászda */
.thumb-item-sub-cake {
	max-width: 100%;
	margin: 0 auto 15px !important;
	float: none;
	clear: both;	
}

.sti-menu li {
	max-width: 100%;
	height: 200px;
	list-style-type: none;
	margin: 0 auto 15px !important;
	float: none;
	clear: both;
}
#aloldalak02 {
	max-width: 100%;
}
#aloldalak03 {
	max-width: 100%;
}

/* Rendezvényház képek  */
.thumb-item-sub-event {
	max-width: 100%;
	margin: 0 auto 20px !important;
	float: none;
	clear: both;
}
.elrendezes {
	max-width: 100%;
	margin: 0 auto 10px !important;
	float: none;
	clear: both;
}





/* Étlapok */
.etlap {
	width: 100%;
}
#menuCsekoIn {
	padding: 10px;
	width: 90%;
}
.termekBal {
	width: 65%;
}
.termekJobb {
	width: 28%;
}



/* Ajánlatkérés  */
.egyEgyBalVonal {
	width: 100%;
	padding-bottom: 10px;
}
.egyEgyJobbVonal {
	width: 100%;
	padding-bottom: 10px;
	border: none;
}

/* Footer */
/* Fele - negyede - negyede */
.negyKettoBal {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.negyKettoBal p {
	text-align: center !important;
}
.negyEgyBal {
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}
.negyEgyJobb {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}
#imp {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
#egyEgyBalF {
	width: 100%;
	padding-bottom: 10px;
}
#egyEgyBalF p {
	text-align: center;
}
#egyEgyJobbF {
	width: 100%;
	padding-bottom: 10px;
}
#egyEgyJobbF p {
	text-align: center;
}
#egyEgyJobbF ul {
	width: 170px;
	padding: 0;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -85px;
}
.pageFooterNavigation {
	float: none;
}


} /* End of Phone */



/* Tablet
================================================================================== */
@media only screen and (min-width:481px) and (max-width:979px) {
header {
	height: 390px;
}
.top {
	width: 100%;
}
.top .logo {
	width: 100px;
	padding: 0;
	left: 50%;
	position: absolute;
	margin: 0px 0 0 -50px;
	z-index: 15;
}

.mainNavigationHome {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mainNavigation {
	width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 47px;
}

/* Main navigation in drop-down selection */
#mainNavigationLeft {
	display: none;
}
#mainNavigationRight {
	display: none;
}
#mainNavigationAll {
	zoom: 1;
	padding: 0;
}
#mainNavigationAll ul {
	display: none;
}
#mainNavigationAll select {
	display: block;
	width: 220px;
	margin: 0 auto;
}

h1 {	
	padding-top: 82px;  
}


#containerHome {
	width: 90%;
	margin: 0 auto;
	padding: 20px;
}
#container {
	width: 90%;
	margin: 0 auto;
	padding: 20px;	
}

.kezdolap	{
	display: none;
}


#pageFooterContainer {
	width: 96%;
	margin: 0 auto;
	display: block;
	height: 140px;
}






/* Divs for pages */


/* Fele - fele */
.egyEgyBal {
	width: 100%;
	padding-bottom: 10px;
}
.egyEgyJobb {
	width: 100%;
	padding-bottom: 10px;
}





/* Egyharmad - kétharmad */
.egyKettoBal {
	width: 100%;
	padding-bottom: 10px;
}
.egyKettoJobb {	
	width: 100%;
	padding-bottom: 10px;
}

/* Egyharmad - egyharmad - egyharmad */
.haromEgyBal {
	float: none;
	width: 100%;
	padding-bottom: 10px;
	margin-right: 0px;
}
.haromKettoBal {
	float: none;
	width: 100%;
	padding-bottom: 10px;
	margin-right: 0px;
}
.haromEgyJobb {
	float: none;
	width: 100%;
	padding-bottom: 10px;
}
.haromEgyJobb p {
	text-align: center;
}



.termekBal {
	float: left;
	width: 280px;
	margin-right: 20px;
}
.termekBal p {
	text-align: left;
	font-size: 14px;	
}
.termekJobb {
	float: right;
	width: 90px;
}
.termekJobb p {
	text-align: right;
	font-size: 14px;
}








/* Szolgáltatási szerződések */
.download {
	font-size: 12px;
}
.download-thumb {
	max-width: 19%;
	margin-right: 1.0%;
}



/* Cégadatok  */
.cegadat1 {
	text-align: center;
}
.cegadat2 {
	margin-left: 0px;
	text-align: center;
}



/* Galéria */
.gallery-la-thumb {
	margin-bottom: 10px;	
}



/* Címek, telefonszámok  */
.info-panel {
	width: 420px;
}








/* Üzenetküldés  */
.egyEgyBal {
	width: 100%;
	padding-bottom: 10px;
}
.egyEgyJobb {
	width: 100%;
	padding-bottom: 10px;
}
.message-box {
	width: 100%;
	float: none;
	display: block;
	max-width: 460px;
}
.txtinput,.txtblock {
	width: 97%;
}

/* Kétharmad - egyharmad */
.kettoEgyBal {
	width: 100%;
	padding-bottom: 10px;
}
.kettoEgyJobb {
	width: 100%;
	padding-bottom: 10px;
}


.thumb-item-sub-cake {
	max-width: 18%;
	margin-right: 2%;
}









/* Footer */
/* Fele - negyede - negyede */
.negyKettoBal {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.negyKettoBal p {
	text-align: center !important;
}
.negyEgyBal {
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}
.negyEgyJobb {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}
#imp {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#egyEgyBalF {
	width: 100%;
	padding-bottom: 10px;
}
#egyEgyBalF p {
	text-align: center;
}
#egyEgyJobbF {
	width: 100%;
	padding-bottom: 10px;
}
#egyEgyJobbF p {
	text-align: center;
}
#egyEgyJobbF ul {
	width: 170px;
	padding: 0;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -85px;
}
.pageFooterNavigation {
	float: none;
}

} /* End of Tablet */



/* Desktop
================================================================================== */
@media only screen and (min-width:980px) and (max-width:1259px) {

#mainNavigationAll {
	display: none;	
}
.kezdolap-2	{
	display: none;
}

}



/* Desktop Wide
================================================================================== */
@media only screen and (min-width:1260px) {

#mainNavigationAll {
	display: none;
}
.kezdolap-2	{
	display: none;
}


/* Kezdőlap */
#atolel {
	float: left;
	width: 710px;
	margin-right: 20px;
}
#open {
	float: left;
	width: 383px;
	margin-right: 20px;
	/* width: 306.66px; egyenlő hasábok szélessége */
}
#news {
	float: left;
	width: 307px;
}
#menu {
	float: right;
	width: 230px;
}
#action {
	float: left;
	width: 383px;
	margin-right: 20px;
}
#current {
	float: right;
	width: 307px;
}

} /* End of Desktop Wide */

