﻿@media(min-width:280px) and (max-width:400px){ /* CELL */
.Ncell{display:none;}.NTablet{display:block;}.Npc{display:block;}
.col01,.col02,.col03,.col04,.col05,.col06,.col07,.col08,.col09,.col10,.col11,.col12{width:280px; margin:5px;}
}
@media(min-width:401px) and (max-width:640px){ /* CEL PAISAGEM TABLET RETRATO */
.Ncell{display:block;}.NTablet{display:block;}.Npc{display:block;}
.col01{width:95%; margin:9px; float:left;}
.col02,.col03,.col04,.col05,.col06,.col07,.col08,.col09,.col10,.col11,.col12{width:41%; margin:12px; float:left; margin-left:18px;}
}
@media(min-width:641px) and (max-width:800px){/* TABLET  */
.Ncell{display:block;}.NTablet{display:none;}.Npc{display:block;}
.col01{width:98%; margin:9px; float:left;}
.col02{width:46%; margin:12px; float:left;}
.col03{width:28%; margin:6px; margin-left:20px; float:left;}
.col04,.col05,.col06,.col07,.col08,.col09,.col10,.col11,.col12{width:18%; margin:19px; float:left;}
}
@media(min-width:801px) and (max-width:1279px){ /* NOT   */
.Ncell{display:block;}.NTablet{display:block;}.Npc{display:none;}
.col01{width:98%; margin:9px; float:left;}
.col02{width:46%; margin:12px; float:left;}
.col03{width:27%; margin:6px; margin-left:20px; float:left; }
.col04{width:17%; margin:10px; float:left;}
.col05{width:18%; margin:8px; float:left;}
.col06{width:15%; margin:6px; float:left;}
.col07{width:13%; margin:5px; float:left;}
.col08{width:9%; margin:10px; float:left;}
.col09,.col10,.col11,.col12{width:10%; margin:6px; float:left;}
}
@media(min-width:1280px) and (max-width:1365px){  /* PC   */
.Ncell{display:block;}.NTablet{display:block;}.Npc{display:none;}
.col01{width:98%; margin:9px; float:left;}
.col02{width:48%; margin:12px; float:left;}
.col03{width:30%; margin:12px; margin-left:16px; padding-left:5px; float:left;}
.col04{width:18%; margin:12px; float:left;}
.col05{width:18%; margin:10px; float:left;}
.col06{width:15%; margin:9px; float:left;}
.col07{width:13%; margin:7px; float:left;}
.col08{width:10%; margin:6px; float:left;}
.col09{width:10%; margin:6px; float:left;}
.col10{width:10%; margin:5px; float:left;}
.col11{width:8%; margin:6px; float:left;}
.col12{width:7%; margin:8px; float:left;}
}
@media(min-width:1366px){  /* PC   */
.Ncell{display:block;}.NTablet{display:block;}.Npc{display:none;}
.col01{width:98%; margin:9px; float:left;}
.col02{width:46%; margin:14px; float:left;}
.col03{width:30%; margin:12px; margin-left:16px; padding-left:5px; float:left;}
.col04{width:18%; margin:12px; float:left;}
.col05{width:18%; margin:10px; float:left;}
.col06{width:15%; margin:9px; float:left;}
.col07{width:13%; margin:7px; float:left;}
.col08{width:10%; margin:6px; float:left;}
.col09{width:10%; margin:6px; float:left;}
.col10{width:10%; margin:5px; float:left;}
.col11{width:8%; margin:6px; float:left;}
.col12{width:7%; margin:8px; float:left;}
}
@media(min-width:280px) and (max-width:640px){ /* CELL */
.Ncell{display:none;}.NTablet{display:block;}.Npc{display:block;}
}
#ConteinerCorpo9{max-width:90%;
				margin:0 auto;
				overflow:hidden;}
#ConteinerCorpo1{max-width:1366px;
				margin:0 auto;
				overflow:hidden;
				}
.center{margin:0 auto;}
#alinhadorDeCoulnas{position:relative;
	float:left;
	width:100%;
}

/* ESTILO DE BOTÕES */

.ButtonAzulPequeno{padding:5px; margin:5px; border-radius:5px; background:#4370E7; border:1px solid #4370E7;  min-width:50px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonAzulMedio{padding:6px; margin:5px; border-radius:5px; background:#4370E7; border:1px solid #4370E7;  min-width:80px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonAzulGrande{padding:6px; margin:5px; border-radius:5px; background:#4370E7; border:1px solid #4370E7;  min-width:120px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonAzulPequeno:hover,.ButtonAzulGrande:hover,.ButtonAzulMedio:hover{background:#8080FF;}

.ButtonVermelhoPequeno{padding:5px; margin:5px; border-radius:5px; background:rgba(255,0,0,1); border:1px solid rgba(255,0,0,1);  min-width:50px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonVermelhoMedio{padding:6px; margin:5px; border-radius:5px; background:rgba(255,0,0,1); border:1px solid rgba(255,0,0,1);  min-width:80px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonVermelhoGrande{padding:6px; margin:5px; border-radius:5px; background:rgba(255,0,0,1); border:1px solid rgba(255,0,0,1);  min-width:120px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonVermelhoPequeno:hover,.ButtonVermelhoGrande:hover,.ButtonVermelhoMedio:hover{background:#FF5959;}

.ButtonVerdePequeno{padding:5px; margin:5px; border-radius:5px; background:rgba(0,170,0,1); border:1px solid rgba(0,170,0,1);  min-width:50px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonVerdeMedio{padding:6px; margin:5px; border-radius:5px; background:rgba(0,170,0,1); border:1px solid rgba(0,170,0,1);  min-width:80px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonVerdeGrande{padding:6px; margin:5px; border-radius:5px; background:rgba(0,170,0,1); border:1px solid rgba(0,170,0,1);  min-width:120px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonVerdePequeno:hover,.ButtonVerdeGrande:hover,.ButtonVerdeMedio:hover{background:#00D200;}

.ButtonPretoPequeno{padding:5px; margin:5px; border-radius:5px; background:rgba(49,49,51,1); border:1px solid rgba(49,49,51,1);  min-width:50px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonPretoMedio{padding:6px; margin:5px; border-radius:5px; background:rgba(49,49,51,1); border:1px solid rgba(49,49,51,1);  min-width:80px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonPretoGrande{padding:6px; margin:5px; border-radius:5px; background:rgba(49,49,51,1); border:1px solid rgba(49,49,51,1);  min-width:120px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.ButtonPretoPequeno:hover,.ButtonPretoMedio:hover,.ButtonPretoGrande:hover{background:#000;}



/* MENUS */
.menu-lista ul{margin:40px;}
.menu-lista ul li{display:inline; padding:5px;font-size:14px;}
.menu-lista ul li a:link, a:visited{color:#000; font: 16px "Lucida Console", Monaco, monospace;}
.menu-lista ul li a:hover{color:#09F;}