body{
	width:100%; 
	height:100%;
	padding:0px;
	margin:0px;
	background-image:url('../img/fundo.jpg');
	background-attachment:fixed;
	_background-image: none;
}

#conteudo {    
    margin:0 auto;
	width:1100px;
	height:100%;
	/*border:1px solid #fff;*/
}

#logo {    
    margin:0 auto;
	width:250px;
	height:auto;
	padding-top:0px;
	margin-bottom:60px;
	padding-top:7%;
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li{
	list-style:none;
	float:left;
}

/*dentro dos boxes -----------------------------------------------------------------*/
#box-topo{
	width:85%;
	height:44px;
	margin-top:17px;
	margin-left:20px;
	background:url('../img/h1.png');
	background-size:100% 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100% 100%;
}
#box-topo p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding-top:10px;
	padding-left:8px;
}
#box-image{
	width:85%;
	height:150px;
	margin-top:17px;
	margin-left:16px;
}

#box-frase{
	width:85%;
	height:auto;
	margin-top:14px;
	margin-left:16px;
}
#box-frase p{
	padding-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
}
/*dentro dos boxes ------------------------------------------------------------------*/

#box-conteudo ul > li > a > .div1{
	width:240px;
	height:350px;
	margin:-19px 0 0 -41px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}
#box-conteudo ul > li > a > .div1:hover{
	box-shadow:0px 0px 18px #6EA1BE;
}
#box-conteudo ul > li > a > .div2:hover{
	box-shadow:0px 0px 18px #6EA1BE;
}
#box-conteudo ul > li > a > .div3:hover{
	box-shadow:0px 0px 18px #6EA1BE;
}
#box-conteudo ul > li > a > .div4:hover{
	box-shadow:0px 0px 18px #6EA1BE;
}

#box-conteudo ul > li > a > .div2{
	width:240px;
	height:350px;
	margin:-19px 0 0 47px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;					
}

#box-conteudo ul > li > a > .div3{
	width:240px;
	height:350px;
	margin:-19px 0 0 47px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div4{
	width:240px;
	height:350px;
	margin:-19px 0 0 47px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#copy{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:480px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
}

@media (max-width: 1100px) {

#conteudo {    
    margin:0 auto;
	width:980px;
	height:100%;
	/*border:1px solid #fff;*/
}

#logo {    
    margin:0 auto;
	width:250px;
	height:auto;
	padding-top:0px;
	margin-bottom:60px;
	padding-top:7%;
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li{
	list-style:none;
	float:left;
}

/*dentro dos boxes -----------------------------------------------------------------*/
#box-frase p{
	margin-top:18px;
	padding-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
}
/*dentro dos boxes ------------------------------------------------------------------*/

#box-conteudo ul > li > a > .div1{
	width:210px;
	height:375px;
	margin:-19px 0 0 -41px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li > a > .div2{
	width:210px;
	height:375px;
	margin:-19px 0 0 47px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
   float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;			
}

#box-conteudo ul > li > a > .div3{
	width:210px;
	height:375px;
	margin:-19px 0 0 47px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
   float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;   	
}

#box-conteudo ul > li > a > .div4{
	width:210px;
	height:375px;
	margin:-19px 0 0 47px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
   float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;   	
}

#copy{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:480px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
}
	
}

@media (max-width: 980px){
	
#conteudo {    
    margin:0 auto;
	width:700px;
	height:100%;
	/*border:1px solid #fff;*/
}

#logo {    
    margin:0 auto;
	width:250px;
	height:auto;
	padding-top:0px;
	margin-bottom:60px;
	padding-top:7%;
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li{
	list-style:none;
	float:left;
}

/*dentro dos boxes -----------------------------------------------------------------*/
#box-frase p{
	margin-top:35px;
	padding-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
}
/*dentro dos boxes ------------------------------------------------------------------*/

#box-conteudo ul > li > a > .div1{
	width:270px;
	height:380px;
	margin:-19px 0 0 0;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li > a > .div2{
	width:270px;
	height:380px;
	margin:-19px 0 0 75px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;			
}

#box-conteudo ul > li > a > .div3{
	width:270px;
	height:380px;
	margin:60px 0 0 0px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;	
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div4{
	width:270px;
	height:380px;
	margin:60px 0 0 75px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#copy{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:80px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	float:left;
}
	
}

@media (max-width: 700px){
	
#conteudo {    
    margin:0 auto;
	width:600px;
	height:100%;
	/*border:1px solid #fff;*/
}

#logo {    
    margin:0 auto;
	width:250px;
	height:auto;
	padding-top:0px;
	margin-bottom:60px;
	padding-top:7%;
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li{
	list-style:none;
	float:left;
}

/*dentro dos boxes -----------------------------------------------------------------*/
#box-frase p{
	margin-top:-7px;
	padding-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
}
/*dentro dos boxes ------------------------------------------------------------------*/

#box-conteudo ul > li > a > .div1{
	width:240px;
	height:350px;
	margin:-19px 0 0 -18px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li > a > .div2{
	width:240px;
	height:350px;
	margin:-19px 0 0 75px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;				
}

#box-conteudo ul > li > a > .div3{
	width:240px;
	height:350px;
	margin:60px 0 0 -18px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;	
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div4{
	width:240px;
	height:350px;
	margin:60px 0 0 75px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#copy{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:80px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	float:left;
}
	
}

@media (max-width: 600px){
	
#conteudo {    
    margin:0 auto;
	width:380px;
	height:100%;
	/*border:1px solid #fff;*/
}

#logo {    
    margin:0 auto;
	width:250px;
	height:auto;
	padding-top:0px;
	margin-bottom:60px;
	padding-top:7%;
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li{
	list-style:none;
	float:left;
}

/*dentro dos boxes -----------------------------------------------------------------*/
#box-frase p{
	margin-top:40px;
	padding-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
}
/*dentro dos boxes ------------------------------------------------------------------*/

#box-conteudo ul > li > a > .div1{
	width:260px;
	height:390px;
	margin:-19px 0 0 15px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div2{
	width:260px;
	height:390px;
	margin:60px 0 0 15px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;				
}

#box-conteudo ul > li > a > .div3{
	width:260px;
	height:390px;
	margin:60px 0 0 15px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;	
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div4{
	width:260px;
	height:390px;
	margin:60px 0 0 15px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#copy{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:80px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	float:left;
}
	
}

@media (max-width: 380px){
	
#conteudo {    
    margin:0 auto;
	width:240px;
	height:100%;
	/*border:1px solid #fff;*/
}

#logo {    
    margin:0 auto;
	width:250px;
	height:auto;
	padding-top:0px;
	margin-bottom:60px;
	padding-top:7%;
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;	
}

#box-conteudo ul > li{
	list-style:none;
	float:left;
}
#box-conteudo ul > li > a > .div1{
	width:244px;
	height:374px;
	margin:-19px 0 0 -41px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div2{
	width:244px;
	height:374px;
	margin:60px 0 0 -41px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;				
}

#box-conteudo ul > li > a > .div3{
	width:244px;
	height:374px;
	margin:60px 0 0 -41px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;	
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#box-conteudo ul > li > a > .div4{
	width:244px;
	height:374px;
	margin:60px 0 0 -41px;
	border-radius:8px;
	box-shadow:4px 5px 18px #000;
    float:left;
	background-image:url('../img/fundo_logo.jpg');
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   -khtml-background-size: 100%;
   -moz-background-size: 100% 100%;		
}

#copy{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:80px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	float:left;
}
	
}