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


html {
    	position: relative;
    	min-height: 100%;
}


body {
	margin: 0 0 280px; /* altura do seu footer */
	padding:0;
  	overflow-x: hidden; 
}

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

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

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

#faixa-home {
	height:500px;
	width: 100%;
	background: url("img/itutrailer-imagem-fundo-unidades.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.logo   {
	margin-left:20px;
}

.titulo-topo {
	position:relative;
	margin-right:3%;
	margin-top:20px;
	float:right;	
}


.menu {
	position:relative;
	margin-top:23px;
	margin-right:0px;
	float:right;
	
}

#menu-home{
        background-image:url("img/itutrailer-unidades-botao-1.png");    
}    
#menu-home:hover{
        background-image:url("img/itutrailer-unidades-botao-1over.png");
}

#menu-produtos{
        background-image:url("img/itutrailer-unidades-botao-2.png");    
}    
#menu-produtos:hover{
        background-image:url("img/itutrailer-unidades-botao-2over.png");
}

#menu-servicos{
        background-image:url("img/itutrailer-unidades-botao-3.png");    
}    
#menu-servicos:hover{
        background-image:url("img/itutrailer-unidades-botao-3over.png");
}

#menu-galeria{
        background-image:url("img/itutrailer-unidades-botao-4.png");    
}    
#menu-galeria:hover{
        background-image:url("img/itutrailer-unidades-botao-4over.png");
}

#menu-clientes{
        background-image:url("img/itutrailer-unidades-botao-5.png");    
}    
#menu-clientes:hover{
        background-image:url("img/itutrailer-unidades-botao-5over.png");
}

#menu-sobre{
        background-image:url("img/itutrailer-unidades-botao-6.png");    
}    
#menu-sobre:hover{
        background-image:url("img/itutrailer-unidades-botao-6over.png");
}

#menu-contato{
        background-image:url("img/itutrailer-unidades-botao-7.png");    
}    
#menu-contato:hover{
        background-image:url("img/itutrailer-unidades-botao-7over.png");
}/*************************************** CONTEUDO ***************************************/
#container {
	position:relative;
	width: 100%;	 
}

#content {
	position:relative;
	width: 80%;
	margin: 0 auto;
	margin-top: 80px;

}


.entry-title {
	color: #2CA7B6;	
	font-family: Verdana;
}

.image_resize {
	width: auto;
    	height: auto;
}

a {
	color: #ffffff;		font-family: Verdana;	text-decoration:none;
}

a:hover {
	color: #000;		font-family: Verdana;	text-decoration:none;
}
/*************************************** C O M E N T A R I O S ***************************************/
#comments{
    width:630px;
    float:left;
}
 
#comments h3{
    font-size:16px;
    font-family: verdana;
    color:#868686;		    
    margin:20px 0;
    }
.commentform{
	border: 0px;
}
.commentsubmit{
	background-color: #F8BE16;
	padding: 10px 20px;
	text-decoration: none;
	box-sizing: border-box;
	font-family: verdana;
	font-size: 12px;
	border: 0px;
} 

ol.commentlist{
    list-style:none;
    }
 
ol.commentlist li{
    margin-bottom:30px;
    }
 
ol.commentlist ul{
    margin:0px;
    }
 
ol.commentlist ul li{
    margin:20px 20px 20px 40px;
    }
 
#respond{
    margin:0 0 30px 0;
    clear:both;
    }
 
#respond form label{
    float:left;
    clear:left;
    width:60px;
    text-align:right;
    margin-right:10px;
    }

#respond form input{
    float:left;
    width:250px;
	margin-left:70px;
    margin-bottom:10px;
    }
 
#respond form textarea{
    float:left;
    width:400px;
    height:100px;
	margin-left:70px;
    margin-bottom:10px;
    }
 
#respond form input.commentsubmit{
    float:left;
    margin-left:100px;
    }

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

.footer{    
 
}

#centered_footer{
	position: absolute; 
    	bottom:0px; 
    	width: 100%; 
    	height: 280px; 
	background-color:#2CA7B6;
	
}

#msg_footer {
	position:relative;
	margin-top:50px;
	margin-left:15%;
	margin-right:15%;
	color:#ffffff;
	font-family:verdana;
	line-height:2;
}

#info_footer {
	position:relative;
	margin-right:15%;
	margin-top:10px;
	text-align:right; 

}

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

#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");
}


/************************************* R E S P O N S I V O ******************************/
/************************************** ESCONDE ELEMENTOS *******************************/
@media screen and (min-width: 1300px) {

.menu-resp {
	display:none;
	   }

#tabela-responsiva {
	display: none;
}


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

body {
	margin: 0 0 500px; /* altura do seu footer */
	padding:0;
  	overflow-x: hidden; 
}

.menu {
	display:none;
}

#faixa-home {
	height:300px;
	width: 100%;
	background: url("img/itutrailer-imagem-fundo-unidades-responsivo.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.menu-resp {
	position:relative;
	margin-top:-110px;
	margin-right:2%;
	float:right;
}

.dropbtn-resp {
   	background-color: #2CA7B6;
	color: white;
	font-size: 1em;
	border: 0px;
	cursor: pointer;
}


.dropdown-resp {
    	position: relative;
    	display: inline-block;
}


.dropdown-content-resp {
    	display: none;
    	position: absolute;
    	background-color: #2CA7B6;
    	width: 200px;
    	margin:-120px;
	top: 180px;
	font-size: 1em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,1,0.9);	
	z-index: 20;
}


.dropdown-content-resp a {
    	color: black;
    	padding: 12px 5px;
	text-decoration: none;
	border: 1em;
	color: #fff;
	display: block;
	
}


.dropdown-content-resp a:hover {
	background-color: #178F9D;
}


.dropdown-resp:hover .dropdown-content-resp {
    	display: block;
}
.midias	{
	display: none;
	
}

#centered_footer{
	position: absolute; 
    	bottom:0px; 
    	width: 100%; 
    	height: 500px; 
	background-color:#2CA7B6;
	
}

#info_footer {
	position:relative;
	margin-top:170px;
	text-align:center; 
}
}
/*************************************** R E S P O N S I V O ****************************/
@media screen and (max-width: 800px){

body {
	margin: 0 0 500px; /* altura do seu footer */
	padding:0;
  	overflow-x: hidden; 
}

.logo   {
	margin-left:10px;
}

.titulo-topo {
	display:none;
}

#faixa-home {
	height:300px;
	width: 100%;
	background: url("img/itutrailer-imagem-fundo-unidades-responsivo.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



#tabela-normal {
	display: none;
}

#centered_footer{
	position: absolute; 
    	bottom:0px; 
    	width: 100%; 
    	height: 500px; 
	background-color:#2CA7B6;
	
}

#info_footer {
	position:relative;
	margin-right:15%;
	margin-top:10px;
	text-align:right; 

}

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

body {
	margin: 0 0 500px; /* altura do seu footer */
	padding:0;
  	overflow-x: hidden; 
}

.logo   {
	margin-left:10px;
		
}

.titulo-topo {
	display:none;
}

#faixa-home {
	height:300px;
	width: 100%;
	background: url("img/itutrailer-imagem-fundo-unidades-responsivo.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#tabela-normal {
	display: none;
}

#centered_footer{
	position: absolute; 
    	bottom:0px; 
    	width: 100%; 
    	height: 500px; 
	background-color:#2CA7B6;
	
}

#info_footer {
	position:relative;
	margin-right:15%;
	margin-top:10px;
	text-align:right; 

}

}