#banner img{
	border:none;
}
.Italic {
	font-style: italic;
}

body {
	margin:0;
	padding:0;
}

/* Page structure */
body{
	background: #000 url(/images/graphics/body-gradient.gif) top left repeat-x;
	color: #000;
	margin:0;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

#main-wrapper{
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	width: 1266px;	
}

#main, #main td.main, #main tr.main{
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
}


#main td#margin-l, #main td#margin-r{
	width: 150px;
	vertical-align: top;
}

.section {
	padding: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 1px solid #339999;
	clear: both;
}

h1,h2,h3 {
	color: #0D6F6F;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}
#margin-l{
	background: url(/images/graphics/sidebar_left.jpg) top left no-repeat;
}

#margin-r{
	background: url(/images/graphics/sidebar_right.jpg) top left no-repeat;	
}

#page-wrapper{
	width: 966px;
	background: #ccc url(/images/home.jpg) top center no-repeat;
	margin-left: auto;
    margin-right: auto;
	text-align: center;	
}

#content{
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

#content img{
	border: 1px solid #000;
}

#content h1{
	text-align: center;
}

#addthis{
	float: left;
	padding: 5px;
}

/* Languages */
#languages{
	text-align: right;
	float: right;
	width: 50%;
}

#languages img{
	border: 1px solid #ccc;
	margin: 5px;
}

#google_translate_element {
	float:right;
	height:55px;
	margin-right: 10px;
	width:150px;
}


#google_translate_element span{
	display: none;
}

/* Generic styles */
#content p{
	font-weight: normal;
}

#content a{
	color: #5254BA;
	text-decoration: none;
}

#content a:hover{
	text-decoration: underline;
}

/* Banner cycle */
#banner_cycle{
	text-align: center;
	margin: 0 auto 0 auto;
}

#content #banner_cycle img{
	border: 1px solid #339999;
}

#banner_cycle img{
	display: none;
}

#banner_cycle img.first{
	display: block;
}


/* Classes */
.hidden{
	display: none;
}

.invisible{
	visibility: hidden;
}

.clear{
	clear: both;
}

.clear-left{
	clear: left;
}

.clear-right{
	clear: right;
}

img.img-left{
	float: left;
	clear: right;
	margin: 0 10px 10px 0;
}

img.img-right{
	float: right;
	clear: left;
	margin: 0 0 10px 10px;
}

.photo-gallery{
	margin-top: 20px;
	border: 1px solid #000;
}

.photo-gallery img{
	border: 1px solid #000;
	margin: 10px;
	vertical-align: middle;
}


/* Specific elements */
#youtube{	
	clear: left;	
}

#youtube object{
	border: 1px solid #fff;
	float: right;
	margin: 10px;
}

.float-right {
	float: right;
	width: 25%;
	padding: 0px;
}
.float-left {
	float: left;
	width: 75%;
}
.bold {
	font-weight: bold;
}

.from{
	color: red;
}
.price{
	color: #990000;
	font-size: 18px;
	font-weight: bold;
}
.Highlite {
	font-weight: bold;
	color: #990000;
}
.Highlite2 {
	color: #990000;
}
.whitebold {
	font-weight: bold;
	color: #FFFFFF;
}
.white {
	color: #FFFFFF;
}
.pricebg {
	background-color: #6F6F6F;
}
.Blackbg {
	color: #FFFFFF;
	background-color: #333333;
}
.Tableprice {
	color: #FFCC00;
	font-weight: bold;
	font-size: 16px;
}.smalltext {
	font-size: 12px;
}
.priceinfo {
	color: #0D6F6F;
}

#menu > .mobile-menu-btn {
	display: none;
}

@media screen and (max-width: 480px) {
	/* body,
	.priceinfo {
		font-size: 36px;
	} */
	#main-wrapper {
		width: 100%;
	}
	tr.main #margin-l, 
	tr.main #margin-r {
		display: none;
	}
/* 
	#menu {
		height: 100px;
	} */

	#menu > .mobile-menu-btn {
		display: block;
		width: 100%;
		background-color: rgb(218, 222, 225);
		color: black;
		text-align: right;
		font-size: 48px;
		padding: 50px 0;
		font-weight: 700;
		letter-spacing: 1.2px;
	}

  #menu > .mobile-menu-btn > span {
		padding-right: 30px;
	} 

	#menu > #stUI2 {
		display: none;
	}

	#menu > #stUI2.visible {
		display: table;
	}

	#stUI2_body > tbody > tr {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		/* justify-content: space-between; */
		align-items: end;
		background-color: rgb(218, 222, 225);
	}
	#stUI2_body > tbody > tr > td.sttd {
		width: auto !important;
		background-color: rgb(218, 222, 225);
		padding: 1em 2em;
	}

	#stUI2_body > tbody > tr > td.sttd > a > table {
		height: auto !important;
		width: auto !important;
	}



	span.stsp {
		font-size: 42px !important;
	}

	.stdv {
		top: 130px !important;
		left: 3em !important;
	}

	.stdv .sttd {
		padding: 1em;
		background-color: rgb(218, 222, 225);
	}

	#content {
		display: flex;
		flex-wrap: wrap;
	}

	#content #text {
		width: 100%;
	}


	#contact_form {
		display: inline-block;
		padding: 1em 2em;
		font-size: 2.5em;
	}

	#contact_form > table > tbody > tr {
		display: flex;
		flex-wrap: wrap;
	}
	#contact_form > table > tbody > tr > td {
		width: 100%;
		margin-bottom: 1em;
	}
	#contact_form > table > tbody > tr > td > input,
	#contact_form > table > tbody > tr > td > select,
	#contact_form > textarea {
		width: 100%;
		padding: .2em .3em;
		font-size: 1em;
	}
	#contact_form input[type="submit"],
	#contact_form input[type="reset"] {
		display: block;
    margin: 1em 0;
		padding: .5em 2em;
    font-size: 1em;
	}

	.contactInfo {
		width: 100%;
		padding: 2em;
	}
	.contactInfo p {
		font-size: 2em !important;
	}
}