@import url('themes/color-Padrao.css');

a.colorRed{
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	background-color: #dc0c0c;
	
}

a.colorGreen{
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	background-color: #54cf44 !important;
	
}
a.colorBlue{
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	background-color: #2e6ac5 !important;
	
}
a.colorGray{
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	background-color: #a1a1a1 !important;
	
}

img[width="1"]{
width: 0px;

}
img[id=imgtheme]{
width: 70%;
height: 70%;

}

div[class*="contorno_div"]{
	min-width:49.2%;
}

div[style="clear:both;"]{
	display: flex;
	height: 35px;
	align-items: center;
	justify-content: space-between;
	
}
div[style="clear:both;"] > a > img{
	margin-top:-1px;
}

div[id*=grupo]{
	min-width:45%;
	border: 1px solid;
	border-radius: 4px;
	/*background: #fff;*/
}


.aviso2{
	max-width:60%;
}
/*
select{
	border: 1px solid;

}
*/
textarea{
	width:400px; 
}

.shop {
    position: fixed; 
    width: 300px;
    right: 5px;
    background-color: #fcfcfc;
    min-height: 40px;
    border: 1px #ddd solid;
}
.shop > div{
	padding:8px;
}
.shopLegenda {
    background-color: #f2f2f2;
    height: 20px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}




#div_btn_mob{
	display:none;
}
#menutd{
	width:20%; height:99%; float:left; position:fixed; overflow-y:auto; overflow-x: clip; padding-top:10px;
}
	#menutd span{
		padding-left:22px;
	}
#frame{
	height:100%;
}
.frameDivOn{
	width:80%;display:table; height:96.9%; float:right;
	
}
.frameDivOff{
	width:100%;
}
.menuOn{
	margin-left: 20%;
	
}
.menuOff{
	margin-left: 0px;

}
/*
div > a > img{
	width:15px;
	height:15px;

}
*/

/* remover icones */
/*
span:not([id]), a > span[class*=led]{
	display:none;
}

*/


@media screen and (max-width:670px){
	#Layer2{
		width: calc(100% - 15px);
	}
	.shop {
		position: initial; 
		width:99%;
		
	}
}
@media screen and (max-width:620px){
	 
	#Layer2{
		width: calc(100% - 15px);
	}
	 .responsivo{
	 width:100%;
	 }
	 
	 div > a >img{
	 	width:10px;
		height:10px;

	 }

	#menutd{
		width:50%;
	}
	.menuOn{
		margin-left: 50%;
	}
	.frameDivOn{
		width:70%;
	}
	 #fechar{
	 right: 1px;
	 top: 1px;
	 
	 }
	div[class*=contorno_div] {
		padding-top:0px;
		/*background-color: #FFFFFF;*/
		/*height:250px;*/ min-width:99%; overflow-y:auto;

	}
	#blocoAlerta{
	margin:0px;
	width:100%;
	}
	#blocoTitulo{
	width:103%;
	
	}

	#busca_uf {
		clear:both;
	}
	#busca_tipo {
		clear:both;
	}

	div[id*=grupo]{
		min-width:100%;
		background: #fff;
		margin-left:-10px;
	}
	div[id=divDVaga]{
	padding-right: 10%;
	
	}
	div[class=divFL1]{
	margin-left: -10px;
	
	}

	div[class*=divFL2], p, ul.menu{
	font-size: 0.95em;
	}
	div[class=divFL2m], ul.menu{
	font-size: 1.5em;
	}
	ul.menu{
	font-size: 1em;
	}
	
	#div_topo_busca, #div_topo_menu{
		display:none;	
	}
	#div_btn_mob{
		display:block;
	}
	
	textarea{
		width:100%; 
	}
	.oculto{
		display:none;
	}
		
}

@media screen and (max-height:400px){
	 .responsivo{
	 width:100%;
	 }
	ul.menu-adm a, ul.menu-cli a{
		padding:12px;
	}
	#Layer2{
		top:2%;
	}
	 
	#containerX{
		/*
		top:5% !important;	
		left: 20% !important;
		*/
	} 
	.popCheck{
		height: 240px !important;

	}
	#frame{
		/*height:125%;*/
	}
	#menutd{
		width:50%;height:92%;
	}
	.menuOn{
		margin-left: 50%;
	}
	.frameDivOn{
		width:60%; height:92%;
	}
	

}
@media screen and (max-width:400px){
	 .responsivo{
	 width:100%;
	 }
	ul.menu-adm a, ul.menu-cli a{
		padding:12px;
	}
	.menuOn{
		margin-left: 60%;
	}
	#containerX{
		/*top:10% !important; */
		left:initial !important;
	
	}
	#Layer2{
		top:2%;
	}
	.menuAberto, .menuFechado{
		font-size: 14px;
	}
	#menutd{
		height:92%; width: 60%;
	}
	/*
	*/
	div .btnform, div .btnbottom{
		padding: 10px;
	
	}
	.frameDivOn{
		width:100%; height:92%;
	}

}
@media screen and (max-width:330px){
	 .responsivo{
	 width:100%;
	 }
	ul.menu-adm a, ul.menu-cli a{
		padding:12px;
	}
	
	#containerX{
		left:initial;
	
	}
	#menutd{
		width:60%;
	}

	#frame{
		/*height:120%;*/
	}
	#icomenu
	{
		width:12px;
	}
	#busca_uf {
		clear:both;
	}
	#busca_cidade {
	
	}
	#busca_tipo {
		clear:both;
	}
	#busca_campo {
	
	}
	#busca_submit {
	
	}
	
	
	div[id*=grupo]{
		max-width:100%;
		background: #fff;
		margin-left:-5px;
	}
	div[id=divDVaga]{
	padding-right: 10%;
	
	}
	textarea{
		min-width:240px;
	}
	
	div[class=divFL2m]{
	font-size: 1.5em;
	}
	
	ul.menu{
	font-size: 1em;
	}
	
	#div_topo_busca, #div_topo_menu{
		display:none;	
	}
	#div_btn_mob{
		display:block;
	}
	textarea{
		width:100%; 
	}
	.oculto{
		display:none;
	}

}