/**
*
*		Media queries
*
**/

body {
-webkit-text-size-adjust: none;
}

.hidden {
display: none;
visibility: hidden;
}

.visible-phone {
display: none !important;
}

.visible-tablet {
display: none !important;
}

.hidden-desktop {
display: none !important;
}

.visible-desktop {
display: inherit !important;
}



/* Portrait tablet to landscape and desktop */
@media screen and (max-width: 979px) {


	.hidden-desktop {
	display: inherit !important;
	}
	.visible-desktop {
	display: none !important ;
	}
	.visible-tablet {
	display: inherit !important;
	}
	.hidden-tablet {
	display: none !important;
	}

}


/* Phone and little tablet */
@media screen and (max-width: 767px) {


	.hidden-desktop {
	display: inherit !important;
	}
	.visible-desktop {
	display: none !important;
	}
	.visible-phone {
	display: inherit !important;
	}
	.hidden-phone {
	display: none !important;
	}
	
}


@media screen and (max-width: 980px) {

#top-site > div, .footer > div {
width : 97%;
}

.column-content > div {
padding-bottom:52px;
}

.module_video {
margin-top: 0;
padding-bottom: 60px;
position:relative !important;
height: 400px !important;
min-height:400px !important;
}

.module_google_map {
margin-top: 0;
position:relative !important;
height: 50% !important;
min-height:50% !important;
}

.column-content-fluid .column-content {
float:none;
width:100% !important;
}

.column-content-fluid .footer {
position : relative;
}

#logo {
float:none;
padding: 2px 0 3px 0;
text-align:center;
}


/** 	hide Copyright 	**/

.js {
display : none;
}

.column-content > div {
padding-top:50px;
}

.dropdown > div > ul > li {
max-width:100%;
padding : 2px 0;
}

.dropdown > div > ul > li > a, .dropdown > div > ul > li > span.separator{
line-height:20px;
padding: 4px 8px 0px 12px;
height:auto;
}

#social-links {
top:230px;
}


/** 	NAVIGATION 		**/

#menu {
float:left;
width:100%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: transparent url(../images/black-08.png) 0 0 repeat;
padding:3px 0;
margin-bottom:5px;
}

.dropdown li ul, .dropdown li ul ul {
top:100%;
left:12%;
width:88%;
margin-top:0;
}

.dropdown li ul ul {
background-image: url(../images/black-08.png) ;
}

.dropdown li ul ul ul {
background-image: url(../images/white-10.png) ;
}


.dropdown li {
text-align:center;
float:left;
margin : 0px 1% 1px 1%;
width:48%;
border:none;
}

.dropdown li:first-child {
border:none;
}

.dropdown li li {
text-align:left;
float:none;
margin : 2px 2px;
width:auto;
}

.dropdown li a, .dropdown li span.separator {
text-align:left;
}

.dropdown > div > ul > li > a, .dropdown > div > ul > li > span.separator,
.dropdown > div > ul > li > a:hover, .dropdown > div > ul > li > span.separator {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
width:auto;
}

.dropdown li li a, .dropdown li li span.separator {
padding:9px 12px 9px 12px;
width:auto;
}

.dropdown li.parent a::after , .dropdown li.parent span::after,
.dropdown li.parent li.parent a::after , .dropdown li.parent li.parent span::after,
.dropdown li.parent li.parent li.parent a::after , .dropdown li.parent li.parent li.parent span::after {
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}

.dropdown li.parent a::after , .dropdown li.parent span::after {
top:7px;
}

/** 	CONTENT 	**/

.left, .right {
float:none;
margin: 0;
padding: 0;
border:none;
width : auto !important;
clear:both;
}

.right {
overflow:visible;
}

.left .border {
margin-left:0;
margin-right:0;
}

.left .moduletable, .right .moduletable {
clear:both;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: transparent url(../images/black-03.png) 0 0 repeat;
}

.content {
clear:both;
}


/** 	FOOTER 		**/

.bottom_menu {
margin-bottom: 6px;
}

.address {
margin-bottom: 6px;
}

#search .inputbox {
width:72px;
margin-left:10px;
}

#search .inputbox:focus {
margin-left:10px;
width:94px;
}

}



@media screen and (max-width: 700px) {

#users_top, #users_bottom {
padding: 0;
}

.user1, .user2, .user3, .user4, .user5, .user6 {
float:none;
padding:0;
margin:0 0 20px 0;
width : 100% !important;
clear:both;
}

/** 		Standard menu 		**/


.submenu ul ul {
margin: 5px 0 7px 0;
}

.submenu li {
display : inline-block;
border:none;
margin : 0 1%;
width:48%;
}

.submenu li:first-child {
border:none;
}

.submenu li li {
text-align:left;
float:none;
margin : 2px 2px;
width:100%;
}

.submenu li li a, .submenu li li span.separator {
text-align:left;
font-weight:normal;
padding-top:6px;
padding-bottom:5px;
}

.submenu li.active a, .submenu li.active span.separator,
.submenu li.active a:hover, .submenu li.active span.separator:hover {
width:auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.submenu li li a, .submenu li li span.separator,
.submenu li.active li a, .submenu li.active li span.separator {
background-position : 5px 12px;
}

.submenu li.parent li.parent a::after , .submenu li.parent li.parent span::after,
.submenu li.parent li.parent li.parent a::after , .submenu li.parent li.parent li.parent span::after {
top:2px;
}

}


@media screen and (max-width: 500px) {

.normal-page .column-content {
float:none;
width:100% !important;
}

.normal-page .footer {
position : relative;
}

}

@media (max-width: 600px) {

	input[type="text"], input[type="password"], input[type="email"], textarea {
	max-width:280px;
	}
	
	fieldset dt {
    float: none;
    margin: 0;
    padding:15px 20px 0 0;
}

}


@media (max-width: 450px) {

	input[type="text"], input[type="password"], input[type="email"], textarea {
	max-width:200px;
	}

}

@media (max-width: 350px) {

	input[type="text"], input[type="password"], input[type="email"], textarea {
	max-width:150px;
	}

}


@media (max-width: 640px) {

img {
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}

textarea, table, td, th, code, pre, samp {
word-wrap: break-word; 
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

code, pre, samp {
white-space: pre-wrap;
}

} 

@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {

body {
-webkit-text-size-adjust: 70% !important;
}
}