@charset "ISO-8859-1"; 
/* CSS Document */

#topo {
	height:120px;
	width:100%;
	background: url(img/topo.jpg) no-repeat center, #1C1C1C;
}
#topo-fundo {
	border-top: #CCC 3px solid; 
	position:absolute; 
	z-index:-1000; 
	min-height:60%;  
	text-align:center; 
	padding:5px; 
	width:100%; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
}
main {
	margin:0px auto;
}
#sombra-main {
	box-shadow: 0 0 12px 1px #DDDDDD;
}
#sombra-item {
	box-shadow: 2px 3px 10px 1px #DDDDDD;
	font-size:14px;
}
#sombra-item a{
	color:#900;
	text-decoration:none;
}
#sombra-item a:hover {
	color:#F00;
}
#corpo {
	padding:5px;
	width:78%;
	min-height:500px;
	float: right;
	display:block;
}
/* Inicio rodapé */
		#pre-rodape {
			color:#CCC;
			height:80px;
			background-color:#333;
			text-align:center;
			align-items: center;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
		}
footer {
			width:100%;
		}
#rodape {
			alignment-content: flex-start;
			background-color:#1C1C1C;
			color:#CCC;
			align-items:top;
	        display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
		}
		#rodape a{
			text-decoration:none;
			color:#CCC;
		}
		#rodape p{
			text-decoration:none;
			color:#999;
		}
		.rodape {
			padding:10px;
			margin-right:10px;
		}
aside {
	width:20%;
	float: left;
	display: block;
	padding: 0px 3px 30px 5px;
}
.caixas-de-frente {
    width:30%; 
    text-align:center; 
    border-radius: 3px; 
    border:#CCC thin solid; 
    height:50%; 
    padding:20px; 
    display:block; 
    float:left; 
    margin:30px; 
    cursor: pointer;
}
.caixa-cinza {
    background-color: #F5F5F5; 
    padding:10px;
}
.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* MOBILE */
@media only screen and (min-width:360px) and (max-width: 740px) {
            body {
            	margin-top: 10px;
            	margin-right: 0px;
            	margin-bottom: 0px;
            	background-color:#FFF !important;
            }
         
            #topo {
                margin-top:50px !important;
                height:20px !important;
            	width:100% !important;
            	background: url(https://www.wagnersindeauxluz.com.br/css/img/topo_mobile.jpg) no-repeat center , #1C1C1C !important;
            }
            main {
            	margin:0px auto;
            	width:100%;
            }
            footer {
            			width:100%;
            		}
            #rodape {
            
            }
            #sombra-main {
            	box-shadow: 0 0 12px 1px #DDDDDD;
            }
            #sombra-item {
            	box-shadow: 2px 3px 10px 1px #DDDDDD;
            	font-size:14px;
            }
            #sombra-item a{
            	color:#900;
            	text-decoration:none;
            }
       
            #sombra-item a:hover {
            	color:#F00;
            }
            #corpo {
                margin-top:0px;
            	padding:5px;
            	width:100%;
            	min-height:500px;
            	float: right;
            	display:block;
            }
            aside {
            	display: none;
            }
            #menu-sider {
                display:none;
            }
            iframe {
                display:none;
            }
            /* Inicio rodapé */
								#pre-rodape {
									color:#CCC;
									height:80px;
									background-color:#333;
									text-align:center;
									align-items: center;
									display: flex;
									flex-direction: row;
									flex-wrap: wrap;
									justify-content: center;
								}
								.pre-rodape {
								
									width: 100%;
								}
								#rodape {
									alignment-content: flex-start;
									background-color:#000;
									color:#CCC;
									align-items:top;
									display: flex;
									flex-direction: column;
									flex-wrap: wrap;
									justify-content: center;
								}
								.rodape {
									padding:10px;
									margin-right:10px;
									margin-bottom:0px auto;
									border-top:#666 thin solid;
								}
								#rodape a{
									text-decoration:none;
									color:#CCC;
								}
								#rodape p{
									text-decoration:none;
									color:#999;
								}
		    .ajuste-index {
                margin-top:-60px;
            }
            .caixa-cinza {
                background-color: #F5F5F5; 
                padding:10px;
                width:100%;
            }
            .caixas-de-frente {
                width:98%; 
                text-align:center; 
                border-radius: 3px !important; 
                border:#CCC thin solid; 
                height:50%; 
                padding:20px; 
                display:block; 
                float:left; 
                margin:3px; 
                cursor: pointer;
                
            }
            .zoom {
            	overflow: hidden;
            }
            
            .zoom img {
            	max-width: 100%;
            	-moz-transition: all 0.3s;
            	-webkit-transition: all 0.3s;
            	transition: all 0.3s;
            }
            
            .zoom:hover img {
            	-moz-transform: scale(1.1);
            	-webkit-transform: scale(1.1);
            	transform: scale(1.1);
            }
}