/*
Theme Name: ItuTrailer
Description: Tema Desenvolvido por Net TI (www.net-ti.eti.br)
Author: Rogerio Fabbri Broggian Ozelo
Version: 1.0
*/

html {
    	position: relative;
    	
}

body {
	
	margin: 0 0 80px; /* altura do seu footer */
	overflow-x: hidden; 
	background: url("img/itutrailer-imagem-fundo-capa.jpg") no-repeat center center fixed;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*************************************** H E A D E R ****************************/
* {
	margin:0;
	padding:0;
}

.header {
	height:203px;
	background: url("img/bkg.png");
	background-repeat:x
}

.logo   {
	margin-left:10%;
}

.tel	{
	position:relative;
	margin-top: 1.25em;
	padding-top: 0px;
	float: right;
	margin-right:10%;
}


.midias	{
	position:relative;
	margin-top: 2.5em;
	display: inline-block;
	float: right;
	vertical-align:right;	
}

#facebook{
        background-image:url("img/itutrailer-midia-facebook.png");    
}    
#facebook:hover{
        background-image:url("img/itutrailer-midia-facebook-over.png");
}

#instagram{
        background-image:url("img/itutrailer-midia-instagram.png");    
}    
#instagram:hover{
        background-image:url("img/itutrailer-midia-instagram-over.png");
}

#youtube{
        background-image:url("img/itutrailer-midia-youtube.png");    
}    
#youtube:hover{
        background-image:url("img/itutrailer-midia-youtube-over.png");
}

/*************************************** CONTEUDO ****************************/
#faixa-home {
	height:200px;
	width: 100%;
}

.box	{
	padding-top: 40px;
	position:relative;	
	text-align:center; 
}

.rv	{
	position:relative;
	padding: 1.25em 1.25em 1.25em 1.25em;
}


#campismo{
        background-image:url("img/itutrailer-icone-campismo-capa-grande.png");    
	
}    
#campismo:hover{
        background-image:url("img/itutrailer-icone-campismo-capa-grande-over.png");
	
}

#locacao{
        background-image:url("img/itutrailer-icone-locacao-capa-grande.png");    
	
}    
#locacao:hover{
        background-image:url("img/itutrailer-icone-locacao-capa-grande-over.png");
	
}

#unidades-moveis{
        background-image:url("img/itutrailer-icone-unidades-moveis-capa-grande.png");    
	
}    
#unidades-moveis:hover{
        background-image:url("img/itutrailer-icone-unidades-moveis-capa-grande-over.png");
	
}

#pecas-e-acessorios{
        background-image:url("img/itutrailer-icone-campismo-capa-grande-pecas-acessorios.png");    
	
}    
#pecas-e-acessorios:hover{
        background-image:url("img/itutrailer-icone-campismo-capa-grande-pecas-acessorios-.png");
	
}

/*************************************** F O O T E R ****************************/

.footer{
	
}

#centered_footer{
	position: absolute; 
    	bottom: 0px; 
    	width: 100%; 
    	height: 80px; 
	background-color: #F8BE15;
	vertical-align: absolute;
}

.info_footer {
	position:relative;
	bottom: 50px;
	margin-top:5em;
	text-align:center; 

}

/*************************************** R E S P O N S I V O ****************************/
@media screen and (max-width: 800px) {

.tabela-normal	{
	display:none;
}

.tel	{
	display:none;
}

#centered_footer{
	position: absolute; 
    	top: 700px; 
    	width: 100%; 
    	height: 80px; 
	background-color: #F8BE15;
	vertical-align: middle;
}

.rv	{
	padding-top:2em;
	padding-bottom:2em;
}

}#iso9001{	position:relative;	right:100px;}
/*************************************** R E S P O N S I V O ****************************/
@media screen and (max-width: 600px) {

#tabela-normal	{
	display:none;
}

.tel	{
	display:none;
}

#faixa-home {
	height:700px;
	width: 100%;
}

#centered_footer{
	position: absolute; 
    	top: 1450px; 
    	width: 100%; 
    	height: 80px; 
	background-color: #F8BE15;
	vertical-align: middle;
}

.rv	{
	padding-top:2em;
	padding-bottom:2em;
}#iso9001{	position:relative;	top:-120px;	left:215px;}
}