@charset "utf-8";
/* CSS Document */

/*Responsive Styles*/
@media screen and (max-width : 1800px){

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

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


}	


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


}

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


}

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

}

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


}

@media screen and (max-width : 1200px){
.menuItem{
	font-size: 14px;
	padding: 5px;
	margin-left: 10px;
	min-height: 15px;
}
.menu{ 
	height: 40px;
	padding-left: 25px;
}
#contentBox{
	height: calc(100% - 40px);
}
#contentBox{
	
	margin-top: 30px;
}
.paginasContent{
	font-size: 12px;
}

}

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


}


@media screen and (max-width : 1000px){
#leftBar{ 
	width: 100px;
}

#leftBarLogo{
	width: 100px;
	min-height: 80px;	
}

.menu{ 
	width: calc(100% - 126px);
	left: 101px; 
	
}
#contentBox{
	width: calc(100% - 101px);
	margin-left: 101px;
}
.box {
	height: 15px; 
	font-size: 10px;
	text-indent: 12px;
	padding-left: 12px;
	border-radius: 2px;
}
		 
.box2 {
	height: 15px; 
	font-size: 10px;
	text-indent: 12px;
	padding-left: 12px;
	border-radius: 2px;
	margin-top: 5px;
}
		 
.boxButton{
	height: 15px; 
	line-height: 15px;
	font-size: 10px;
	margin-top: 5px;
	border-radius: 2px;
	padding-left: 3px;
}
.imgBox{
	float: left;
	position: relative;
	margin-top: -13px;
	margin-left: 2px;
	width: 12px;
} 

}


@media screen and (max-width : 900px){
.menuItem{
	font-size: 12px;
	padding: 3px;
	margin-left: 5px;
	min-height: 12px;
}
.menu{ 
	height: 30px;
	padding-left: 10px;
	width: calc(100% - 111px);
}
#contentBox{
	height: calc(100% - 30px);
}
.paginasContent{
	width: calc(100% - 40px);
	padding: 20px;
	min-height: 200px;
	font-size: 11px;
}

}	

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


}

@media screen and (max-width : 700px){
#leftBar{ 
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 80px;

}
#formBox{
	width: calc(100% - 110px);
	margin-left: 100px;
	margin-top: -75px;
	padding: 2px;
}
.menu{ 
	position: relative;
	float:left;
	left: 0px;
	width: 100%;
	
}
#contentBox{
	position: relative;
	float: left;
	width: 100%;
	height: calc(100% - 100px);
	margin-left: 0px;
	margin-top: 0px;
}


}


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

.menu{ 
	display: none;
	margin-top: 0px;
	min-height: 170px;
}
.menuItem{
	float: left; 
	position: relative;
	width: 100%;
	padding: 2px;
	margin-top: 3px;
	margin-left: -12px;
}
.menuMobile{ 
	display: block;
}

}

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

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


}

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

}

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


}	

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

}


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

}