﻿@charset "utf-8";
/* CSS Document */

html,#barra,body {margin: 0;padding: 0;}

#contato {overflow-y:hidden;min-width: 1200px;color: #fff;font-family: 'Raleway', sans-serif;background-color:#00a9d3;}
#contato .container{width:1170px;margin:0 auto;}

#contato .contatoDados {clear:both;height:340px;}
#contato .contatoDados #content h1 {font-weight:200;}
#contato .contatoDados #content {float:left;max-width:480px;padding-left:40px;}
#contato .contatoDados #content p {font-size: 18px;line-height: 27px;}

#contato .contatoDados #form {width: 610px;height: 287px;float: left;margin-top: 56px;padding-left: 26px;}
#contato .contatoDados #form span {width: 100%; clear:both; font-size: 22px; line-height:50px; float: left;}
#contato .contatoDados .inner-form {height: 100%;float: left;width: 290px;}


#form input[type="text"],
#form select,
#form input[type="submit"] {
width: 267px;height: 44px;border: 1px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;float: left;background: url(img/fundo-input.png) repeat;color: #fff;margin-bottom: 10px;padding-left: 10px;}
#form select {background: url(../img/selection.png) no-repeat;width: 279px;}

select {appearance: none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */}
select::-ms-expand {display: none;}
#form input[type="submit"] {width: 295px;background: #02a9d3;margin-top: 11px;height: 47px;}
#form textarea {width: 279px;height: 148px;border: 1px solid #fff;padding: 10px 5px 0 5px;resize: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;float: left;background: url(img/fundo-input.png) repeat;color: #fff;}
#form select option{ background-color:#038aac; padding:5px 0;}


#contato .footerDados{clear:both;}
#contato .footerDados.martop110{ margin-top:110px;}
#contato .footerDados ul{height:72px;}
#contato .footerDados li{list-style-type:none; width:30%; float:left; display:inline;}
/*#contato .footerDados li + li{width:5%;}*/
/*#contato .footerDados li img{ position:relative;top:18px;}*/
/*#contato .footerDados li.fdTelefone span {font-family: lato;font-weight: bold;font-size: 19px;}*/
/*#contato .footerDados .copy{clear:both;text-align: center;font-size: 12px; margin:45px 0px 20px 0px;}*/

#lilista {list-style:none; clear:both; margin:0 auto; width: 100%; max-width: 1047px;}

#lilista li{float:left; margin:25px 120px 50px 0px;}

#lilista li img{ position:relative; top:18px;}

#contato .footerDados .copy{clear:both;text-align: center;font-size: 12px; margin:100px 0px 25px 0px;}
/*
#dados-contato {width: 703px;height: 53px;float: right;text-align: left;clear: both;margin-top: 30px;}
#barra {display: block;float:left;width: 100%;margin:0;background-color: #02a9d3;padding:0;}
#barra img{float:left;}
#barra p{display: inline-block;vertical-align: middle;}
#barra p.copyright{float:left;}
#barra p.versao{float:right;}
*/

#barra img {margin-right: 37px;}
.menor {font-size: 0.8em;}
.destaque {font-size: 1.5em;}
.bold {font-weight: 500;}
.copyright {font-size: 12px;}

::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder { /* Firefox 18- */ color: #FFF;}
::-moz-placeholder {  /* Firefox 19+ */ color: #FFF;}
:-ms-input-placeholder { color: #FFF;}


@media (max-width: 1180px) {

#form{
float:none!important;
margin:0 auto!important;
	
}

#contato{
width:100%;	
min-width:0;
}

#container {
	width:100%;
	margin: 0 auto;
}

#interface {
	background-image: url(img/interface-menor.png);
	width: 483px;
	height: 345px;
	float: left;
}

#content {
float:none;
margin:0 auto;
padding-left:0;
max-width:500px;	
}
}

@media (max-width: 1060px) {

#content p {
	font-size: 16px;
	line-height: 22px;
}

#content h1 {
	font-size: 1.6em;
}

#content {
	max-width: 425px;
}
}