/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

body{font-family: 'Ubuntu', sans-serif;}
	
/*Menu*/

.slicknav_menu {
	display:none;
}

/*Banner*/

.slider { margin: 0!important; }


/*Geral*/

header{width:100%; background-color:#2c4269; margin:0;}
#logo, #menu, #menu ul, #menu li, #menu li a{float:left; }
#menu a{border-bottom:2px solid #bbbbbb;text-decoration:none;-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in; color:white;}
#menu a:hover{border-bottom:2px solid #ff942d; }
.titulo h1{color:#ad2e31; font-weight:bold; font-size:42px;}
.titulo h2{color:#acadb0; font-weight:normal; font-size:29px;}
.titulo{border-bottom:3px dotted #acadb0; text-align:center;}
#esp{margin-top:-40px; } 
#esp2{margin:50px 0 0 0;}
#central{background-color:#838383; width:100%; margin:1.5em 0 1.5em 0; text-align:center; padding:0.5em 0 0.5em 0;}
#central h3{color:white; font-size:20px;} 
#central p{color:white; margin:1em 0 1em 0; font-weight:200;}
.interno-grid{top:1em; position:relative; }
.interno-grid a{text-decoration:none; font-size:20px; color:#282828;}
footer{background-color:#2c4269; width:100%; margin:20px 0 0 0; }
footer h3{color:white; width:90px; float:left; font-weight:200;margin-top:20px;}
.mapa{position:relative; float:left; width:132px; height:40px; background-image:url("../imagens/icone-mapa.png"); background-repeat:no-repeat; background-position: bottom right; }
.mapa a{color:white; text-decoration:none;  float:left; width:132px; height:40px; line-height:45px;}
footer address{color: white; margin:20px 0 10px 0; float:left; font-weight:200; font-size:18px; line-height:1.3em; border-top: 1px solid #868686; padding:20px 0 0 0;}   
footer address a{color:white; text-decoration:none;}
.fundo{background-color:#f2f2f2;}
.titulo2{border-bottom:3px dotted #acadb0; color:#ad2e31; margin:20px 0 10px 20px; padding:0 0 20px 0; font-weight:400; font-size:18px;}
.conteudo-p{margin:20px; color:#3b3b3b; line-height: 1.2em;}
form{max-width:420px; float:left; margin:10px 0 0 0;}
.telefones{color:#3b3b3b; line-height:20px;}
.telefones a{color:#3b3b3b; text-decoration:none;}
.captcha{color:#636363;font-size:14px;margin:0 0 0 15px;}
.italinea{float:left;}
#movidoaweb a{color:#5d7180; font-size:14px; text-decoration:none;}
.mapa1{height:150px;}

/* #Media Queries
================================================== */   

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 959px) {
		
		#logo1{display:none;}
		#logo {width:220px;}
		#logo img{max-width:100%;margin: 20px 0 0 0;}
		.italinea{margin:20px 0px 0 10px;}
		header{height:110px; -webkit-box-shadow: 1px 0 2px 2px rgba(111,111,111,5); box-shadow: 1px 0 2px 2px rgba(111,111,111,5); }
		#menu{width:700px; font-size:18px; height:40px; margin:35px 0 0 -20px;}
		#menu li{margin:5px 0 0 10px;}
		#menu li a{height:30px;}
		.ch-grid{margin: 20px 0 0 0;}
		.ch-grid li{margin: 10px;}
		.rodape{margin:0 0 0 20px; float:left;}
		#logo3{float:left; margin:20px 0 20px 30px;}
		#facebook{margin:50px 0 0 180px; float:left;}
		#planejare{color:white; margin:45px 0 0 60px; text-align:right; float:left;}
		#planejare a{color:white; text-decoration:none;text-align:right;} 
		.selo1{float:right; margin:0 20px 0 20px;}
		.selo2{display:none;}
		.video-interno1{margin:20px 0 30px 20px; }
		.video-interno2, .video-interno3{display:none;}
		.gallery li{margin:10px 0px 10px 13px;}
		.area-texto{width:400px;height:200px;}
		#mapa1{float:left; margin:30px 0 0 40px;}
		#mapa2{display:none;}
		.btn-depoimento{margin-left:20px;}
		#movidoaweb a{float:right; margin:20px 35px 0 0; }
		.mapa1{height:350px;}
		.titulo2{font-size:36px;}
		.blog{display:block;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#logo1{display:none;}
		header{height:85px; }
		#logo{width: 165px;}
		#logo img{max-width:83%; margin:20px 0 0 0;}
		.italinea{margin:6px 0 0 10px; width:40px;}
		#menu{width:549px; font-size:14px; height:40px; margin:20px  0 0 -12px;}
		#menu li{margin:5px 0 0 9px;}
		#menu li a{height:25px;}
		.ch-grid{margin: 20px 0 0 0;}
		.ch-grid li{margin: 10px;}
		.rodape{margin:0 0 0 20px; float:left;}		
		#logo3{float:left; margin:20px 0 20px 30px;}
		#facebook{margin:50px 0 0 70px; float:left;}
		#planejare{color:white; margin:45px 0 0 40px; text-align:right; float:left;}
		#planejare a{color:white; text-decoration:none;text-align:right;} 
		.selo1{float:right; margin:0 20px 0 20px;}
		.selo2{display:none;}
		.video-interno1{margin:20px 0 30px 20px; }
		.video-interno2, .video-interno3{display:none;}
		.gallery li{margin:10px 0px 10px 13px;}
		.area-texto{width:400px;height:200px;}
		#mapa1{float:left; margin:60px 0 0 20px;}
		#mapa2{display:none;}
		.btn-depoimento{margin-left:20px;}
		#movidoaweb a{float:right; margin:20px 30px 0 0; }
		.mapa1{height:250px;}
		.titulo2{font-size:30px;}
		.blog{display:block;}
	}

	/* All Mobile Sizes (devices and browser) 
	@media only screen and (max-width: 767px) {
		
		
		
	}*/

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		header{display:none;}
		#logo1{width: 100% ; position:absolute; top:0;  }
		#logo1 img{max-width:90%;}
		.js #menu {display:none;}
		.js .slicknav_menu { display:block;	margin:90px 0 0 10px;}
		.ch-grid{margin: 10px 0 0 0;}
		.ch-grid li{margin: 40px 10px 20px 10px;}
		#logo3{float:left; margin:20px 0 20px 20px;}
		#facebook{margin:-87px 0 0 295px; float:left;}
		#planejare{color:white; margin:15px 0 25px 20px; text-align:center; float:left;}
		#planejare a{color:white; text-decoration:none;} 
		.selo2{float:left; margin:0 20px 10px 110px;}
		.selo1{display:none;}
		.video-interno2{margin:20px 0 30px 20px; }
		.video-interno1, .video-interno3{display:none;}
		.gallery li{margin:10px 0px 10px 13px;}
		.area-texto{width:300px;height:150px;}
		#mapa1{display:none;}
		#mapa2{margin:10px}
		.telefones{float:left;}
		.btn-depoimento{margin-left:10px;}
		.ajuste{margin:80px 0 0 -130px;}
		#movidoaweb {text-align:center;}
		#movidoaweb a{float:left; margin:20px 0 20px 65px; }
		.mapa{margin-top:10px;}
		.mapa1{height:250px;}
		.titulo2{font-size:25px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		header{display:none;}
		#logo1{width: 100% ; position:absolute; top:0; }
		#logo1 img{max-width:100%;}
		.js #menu {display:none;}
		.js .slicknav_menu { display:block;	margin:95px 0 0 10px; }
		.ch-grid{margin:0;}
		.ch-grid li{margin: 40px 10px 20px 10px;}
		#logo3{float:left; margin:20px 0 20px 10px;}
		#facebook{display:none;}
		#planejare{color:white; margin:15px 0 25px 5px; text-align:left; float:left;}
		#planejare a{color:white; text-decoration:none;} 
		.selo2{float:left; margin:0 20px 10px 50px;}
		.selo1{display:none;}
		.video-interno3{margin:20px 0 30px 20px; }
		.video-interno1, .video-interno2{display:none;}
		.gallery li{margin:10px 0px 10px 0;}
		.area-texto{width:200px;height:150px;}
		#mapa1{display:none;}
		#mapa2{margin:10px}
		.btn-depoimento{margin-left:10px;}
		.ajuste{margin:80px 0 0 -220px;}
		#movidoaweb a{float:left; margin:20px 0 20px 0; }
		.mapa{margin-top:20px;}
	}

/*Css Hover*/
.main{ width: 100%; margin: 0 auto; position: relative; }
.ch-grid { padding: 0; list-style: none; display: block; text-align: center;	width: 100%; float:left; }
.ch-grid:after, .ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both; }
.ch-grid li { width: 259px; height: 260px; display: inline-block; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid {	padding: 20px 20px 100px 20px; max-width: 1300px; margin: 0 auto; list-style: none;	text-align: center; }
.grid li { display: inline-block; width: 440px;	margin: 0; padding: 20px; text-align: left;	position: relative; }
.grid figure { margin: 0; position: relative; }
.grid figure img { max-width: 100%;	display: block;	position: relative; }
.grid figcaption { position: absolute; top: 0; left: 0;	padding: 20px; background: #681517; color: #dbdbdb; }
.grid figcaption h3 { margin: 0; padding: 0; color: #fff; }

.grid figcaption a { text-align: center; padding: 5px 10px;	border-radius: 2px; display: inline-block; background: #ed4e6e; color: #fff; }
.grid a{text-decoration:none;}
/* Caption Style 3 */
.cs-style-3 figure { overflow: hidden; }
.cs-style-3 figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; }
.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { -webkit-transform: translateY(-50px);	-moz-transform: translateY(-50px);	-ms-transform: translateY(-50px);	transform: translateY(-50px); }
.cs-style-3 figcaption { height: 100px;	width: 100%; top: auto;	bottom: 0; opacity: 0; -webkit-transform: translateY(100%);	-moz-transform: translateY(100%); -ms-transform: translateY(100%);	transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;	transition: transform 0.4s, opacity 0.1s 0.3s; }
.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {	opacity: 1;	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
.cs-style-3 figcaption a { position: absolute; bottom: 20px; right: 20px; }


@media screen and (max-width: 31.5em) {
	.grid { padding: 10px 10px 100px 0;	}
	.grid li { width: 100%; min-width: 300px; }
	}

/**galeria**/

		.gallery li { display: block; float: left; height: 200px; width: 300px;}
		.gallery li a {	height: 200px; width: 300px; }
		.gallery li a img {	max-width: 300px; -webkit-border-radius: 0 30px 0 30px;	border-radius: 0 30px 0 30px; float:left; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; opacity:0.9;}
		.gallery li a img:hover{-webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; opacity:1; }
		
/*fomr*/

		.style-4 input[type="text"], .area-texto { border: none; border-bottom: solid 2px #c9c9c9; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; margin:10px; padding:10px;}
		
		.style-4 textarea, .enviar, .style-4 input[type="file"] {margin:10px;}
		 
		.style-4 input[type="text"]:focus, .style-4 input[type="text"].focus, .area-texto:focus { border-bottom: solid 2px #969696; }
		label { display: block; }
		
		input[type="text"], .area-texto { display: block; margin: 0;  font-family: "Open Sans", sans-serif; font-size: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: none;  -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; border-radius:20px; }
		  
		input[type="text"]:focus { outline: none; }
		
		/* lists */
		ul.input-list { list-style: none; margin: 0; padding:0; }		
		ul.input-list li { display: block; float: left; }
		
		@media all and (max-width: 800px) { 
		
			ul.input-list {margin:0; }
		    ul.input-list li { padding: 0;  float: none;  }
		}
		
	
		.tb{color:#444444; float:left;}
		.cl{width:100px;}
		.area-texto{border-radius:20px;}
		.enviar1{}
		.enviar{width:100px;}
		
		
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
	    
	    
*/