/*#media_device{display: none;}*/

/**************************/
@media (max-width: 1024px) {

body {background-size:100% 100%;}

/* Menu Horizontal */
#menu_efeito{text-align: center;position: relative;margin: 0 0px 15px 0px;padding: 0px; clear: both;}
#menu_efeito:before, #menu_efeito:after{border-style: solid;border-color: transparent;bottom: 0px;}
#menu_efeito:before{border-width: 0px 0;border-right-color: #1c1c1c;left: 0;}
#menu_efeito:after{border-width: 0px;border-left-color: #1c1c1c;right: 0;}

/* Scrool to Top */
#back-top {position: fixed;bottom: 5px;right: 15px;}
#back-top a {width: 32px;display: block;font-size:0px;}
#back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0px;background: url(https://tpl.no.comunidades.net/imagens/top.png); opacity:0.6; filter:alpha(opacity=60); -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color: transparent; opacity:1.0; filter:alpha(opacity=100);}

}


/**************************/
@media (max-width: 999px) {

#media_device{
        display: block !important;
        position:fixed;
        z-index:9999999;
        top:0px;
        left:0px;
        right:0px;
        height:30px;
        width: 100%;
        margin:auto;
        background:#272525;
	background: -moz-linear-gradient(#333, #111);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #333));
	background: -webkit-linear-gradient(#333, #111);
	background: -o-linear-gradient(#333, #111);
	background: -ms-linear-gradient(#333, #111);
	background: linear-gradient(#333, #111);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background: -moz-linear-gradient(top,  #333,  #111);
	-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 10px 10px -6px #111;
}

#media_device table{
    	border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

#media_device a, #media_device a:visited{
	/*color: #69f;*/
	font-size:12px;
	position:relative;
}

#media_device a:hover, #media_device a:active{
        color: #fff;
}

#media_device #center-title{
	color: #ddd;
        font-size:14px;
}

#left-column{
	float:left;
	margin-left:15px;
	background: url(https://est.no.comunidades.net/images/left-column.png) center left no-repeat;
	padding-left: 30px;
}

#center-title{
        float:right;
        margin-right:15px;
}

#right-column{
	float:right;
        margin-right:15px;
        background: url(https://est.no.comunidades.net/images/right-column.png) center left no-repeat;
        padding-left: 27px;
}

/* Menu */
#menu_efeito{margin:0px; padding:0px;}
#menu_efeito:before, #menu_efeito:after{border-style: solid;border-color: transparent;bottom: 0px; margin:0px; padding:0px;}
#menu{
        display:none;
	position:absolute;
        top:-15px;
        left:0px;
        z-index:999999;
        width:260px;
        overflow-x:none;
        overflow-y:auto;
        margin:0px;
        padding:10px;
        border:none;
	border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;
	background:none;
        background-color: #1b1919;
        text-align: left;
}
#menu{margin:0px; padding:10px 0 0 8px; list-style:none;}
#menu li{float: none;padding: 0px 0 10px 0;position: relative;line-height: 0;}
#menu a {float: none;height:20px;padding: 0 10px;font: bold 13px/20px Arial, Helvetica;text-decoration: none;text-shadow: none;overflow: hidden;width:250px;}
#menu a {text-align:left; border: none}
#menu a.ultimo {border-right:none;}
#menu li:hover > ul {display: block;}

/* Menu Horizontal > Sub-Menu */
#menu ul{background: none; background-color: #111; border:none;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#menu ul{list-style: none;margin: 0;padding: 0; display: inline !important;position:static !important;top: 0px;left: 0px;z-index: 99999;}

#menu ul a:hover{background:none;}

#menu ul ul{top:0; left:0;}
#menu ul li{float: none;margin: 0;padding: 0;display: block;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

#menu ul li:last-child {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#menu ul a {padding: 10px 0 5px 0;height: 0px;height: auto;line-height: 1;display: block;white-space: nowrap;float: none;text-transform: none;width: 210px;text-align:left; margin-left:30px;}

#menu ul li:first-child > a {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#menu ul li:first-child > a:after{position:static !important;left:0px;top:0;width:0;height:0;border:none;}
#menu ul ul li:first-child a:after{left: 0px;top: 0px;width: 0;height: 0;border: none;}
#menu ul li:first-child a:hover:after {}
#menu ul ul li:first-child a:hover:after {border-bottom-color: transparent;}
#menu ul li:last-child > a {-moz-border-radius: 0;-webkit-border-radius: 0; border-radius: 0;}
#menu:after {visibility: hidden;display: block;font-size: 0;clear: both;height: 0;}

/* Titulo da Página */
#efeito{font-size: 14px; text-transform: none; margin: 0 -5px 10px -5px; padding: 5px 0;
-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;
}
#efeito:before, #efeito:after {border-style: solid;border-color: transparent;bottom:0px;}
#efeito:before{border-width:0;left: 0;border-right-color:none;}
#efeito:after{border-width:0;right: 0;border-left-color:none;}

}


/*************************/
@media (max-width: 767px) {

body {
	margin: 0 auto;
	padding-top:35px !important;
	background-image:none;
	background-color:#272525;
}

#templatemo_content_wrapper, .templatemo_side_bar{
	-moz-border-radius: 0px;border-radius: 0px; -webkit-border-radius: 0px; border:none;
}

#center-title{visibility:hidden; display: none;}#menu{padding:55px 0 0 0px;}

/* Header e Rodape */
#templatemo_banner {background: none;height: 0px; width:0px; margin:0px;}
#slider {height: 0px; visibility:hidden; display: none;}
#featureditem1 {background-image: none;height: 0px; width:0px;}
#featureditem2 {background-image: none;height: 0px; width:0px;}
#featureditem3 {background-image: none;height: 0px; width:0px;}
#featureditem4 {background-image: none;height: 0px; width:0px;}
#templatemo_footer_banner {background: none;height: 0px; width:0px; margin:0px;}

/* Site */
#templatemo {margin:0 auto; padding:0px; width: 100%;}
#templatemo {background-color:transparent;border-left:0;border-right:0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#templatemo_content_wrapper {clear: both; width:100%; margin: 0 auto; padding: 10px 0px 0px 0px; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}

/* Coluna Centro */
.templatemo_content {float:none; width:90%; margin: 0 auto; padding: 20px 15px 20px 15px;}

/* Footer */
#templatemo_footer {clear: both;width: 100%; margin: 0 auto;padding:15px 0;text-align: center;}

/* Topo */
#topo {padding:0px 0 5px 0;}

.fb-comments span, .fb-comments iframe span[style] {width:380px !important;}

}


/*************************/
@media (max-width: 241px) {
#media_device a, #media_device a:visited{font-size:10px;}
#left-column{margin-left:5px;padding-left: 26px;}
#right-column{margin-right:5px;padding-left: 24px;}
#templatemo {float:left; width: 90%;}
}


/*************************/
@media (max-width: 321px) {
.templatemo_content {border:none;}
#back-top {visibility:hidden; display: none;}
#templatemo {width: 96%;}
.form-all-td table {float:left;}
}


/*************************/
@media (max-width: 390px) {
.templatemo_content p {text-align: left;}
.templatemo_side_bar p {text-align: left;}
.templatemo_side_bar2 p {text-align: left;}
textarea{width:80%; max-width:90%;}
input[type="button"], input[type="submit"], button {margin-left:-100px;}
.fb-comments span, .fb-comments iframe span[style] {visibility:hidden !important; display:none !important; width:0px !important;}
}


/*************************************************/
@media (min-width: 768px) and (max-width: 999px) {

body {
        margin: 0 auto;
        padding-top:30px !important;
}

#menu{
	position:fixed;
        top:30px;
	left: 0px;
}

.templatemo_side_bar{
        -moz-border-radius: 0px;border-radius: 0px; -webkit-border-radius: 0px; border:none;
}

/* Header e Rodape */
#templatemo_banner {height:200px; width:100%; background-size:100% 100%;}
#slider {height:200px; width:100%;}
#featureditem1 {height:200px; width:100%; background-size:100% 100%;}
#featureditem2 {height:200px; width:100%; background-size:100% 100%;}
#featureditem3 {height:200px; width:100%; background-size:100% 100%;}
#featureditem4 {height:200px; width:100%; background-size:100% 100%;}
#slider a{height:200px; width:100%; background-size:100% 100%;}
#templatemo_footer_banner {height:200px; width:100%; background-size:100% 100%;}

/* Site */
#templatemo {margin:0 auto; padding:0px; width: 98%;}
#templatemo_content_wrapper {clear: both; width:100%; padding:0px; margin:0px 0;}

/* Topo */
#topo {padding:15px 0 5px 0;}

/* Coluna Centro */
.templatemo_content {float:none; width:92%; margin: 0 auto; padding: 20px 15px 20px 15px;}

/* Footer */
#templatemo_footer {clear: both;width: 100%; margin: 0 auto;padding:15px 0 10px 0;text-align: center;}

}


/***************************************************/
@media (min-width: 1000px) and (max-width: 1024px) {

/* Header e Rodape */
#templatemo_banner {width: 1000px;}
#slider {height: 250px;width: 1000px;}
#featureditem1 {width: 1000px;height: 250px;background-size:100% 100%;}
#featureditem2 {width: 1000px;height: 250px;background-size:100% 100%;}
#featureditem3 {width: 1000px;height: 250px;background-size:100% 100%;}
#featureditem4 {width: 1000px;height: 250px;background-size:100% 100%;}
#templatemo_footer_banner {width: 1000px;}

/* Menu Horizontal */
#menu{width: 1000px;}
#menu a {padding: 0 15px; width:135px;}

/* Site */
#templatemo {margin:0 auto;width:1000px;}

/* Conteudo */
#templatemo_content_wrapper {clear: both;width: 1000px;padding: 15px 0px 5px 0px;}

/* Coluna do Centro */
.templatemo_content {margin:0 auto;width: 910px; margin-bottom:15px; padding: 5px 20px 20px 20px;}
.content_section {clear: both;padding: 0 0 0 0;}

/* Footer */
#templatemo_footer {clear: both;width: 1000px;margin: 0 auto;margin: 5px 0;text-align: center;}

}