/*
	font-family: 'PT Sans Narrow', sans-serif;
	font-family: 'Ropa Sans', sans-serif;
	font-family: 'Ubuntu'(300,400,700,300italic)
*/

/*Cores
Azul logo e fundo head: #369 //#56698F//
Verde logo: #009846
Preto fosco: #2C2C2C
*/
* { margin: 0; padding: 0; }

a:link, a:active, a:visited {text-decoration: none;}
ol, li{list-style: none}
.clear{clear:both;}
fieldset {border: 0}
a{ -moz-transition: color  0.5s; -webkit-transition: color 0.5s; -o-transition: color  0.5s; -ms-transition: color 0.5s; transition: color 0.5s;}
img{border:none; max-width: 100%;}
h1, h2, h3, h4, h5, h6, p{ margin-bottom: 5px; }
/*input:focus, textarea:focus, select:focus{outline: none;}*/
input:invalid {border: 1px solid red;}
input:valid {border: 1px solid green;}
html, body {height:100%;}

/*:valid { box-shadow:0 0 5px green}
:invalid {box-shadow: 0 0 2px 1px red;}*/

body{
	font: 100% 'Ubuntu', sans-serif, "Trebuchet MS", Helvetica, 'Ropa Sans';
	font-size: 14px;
	font-weight: 300;
	width: 100%;
	min-width: 960;
	height: 100%;
	color:#666;
	background:url(images/bg.jpg) fixed;

	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-shadow: 0 0 1px rgba(0,0,0,0.01);
    -moz-text-shadow: 0 0 1px rgba(0,0,0,0.01);
    -ms-text-shadow: 0 0 1px rgba(0,0,0,0.01);
    -o-text-shadow: 0 0 1px rgba(0,0,0,0.01);
    -webkit-text-stroke: 1px transparent;
    -moz-text-stroke: 1px transparent;
    -ms-text-stroke: 1px transparent;
    -o-text-stroke: 1px transparent;
    text-stroke: 1px transparent;
}

body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 100;
}

body:after {
	content: "";
	position: fixed;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 100;
}

#main{
	width: 980px;
	height: auto !important;
	min-height:100%;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 75px rgba(0, 0, 0, 0.2);
}

* html #main { height: 100%; }

.no-boxshadow #main{border: 1px solid #CCC;}

/*.imagem-bottom {
background:url(images/bg-curva-base.png) no-repeat;
width: 722px;
height: 168px;
position: absolute;
bottom:0;
right:0;
}*/


/*HEADER*/
header{width: 100%; height: 275px; position: relative; background: #369 url(images/bg-curva-alto.png) center bottom no-repeat}

.social{width:145px; height:35px; left: 10px; top:0; position: absolute;}
.social a, .social-obg a {width:36px; height:33px; background:url(images/sprite.png) no-repeat; display: block}
.social-obg{width:145px; height:35px; margin: 0 auto; transform:rotate(7deg); -ms-transform:rotate(7deg); -moz-transform:rotate(7deg); -webkit-transform:rotate(7deg);-o-transform:rotate(7deg);}
.social li, .social-obg li{float: left; display:block; background:none !important;}
.over{text-indent:-9000px; overflow:hidden;}
.social a.fb, .social-obg a.fb {background-position:-10px  -12px }
.social a.fb:hover, .social-obg a.fb:hover{background-position:-10px  -45px}
.social a.tw, .social-obg a.tw {background-position:-50px  -12px }
.social a.tw:hover, .social-obg a.tw:hover{background-position:-50px  -45px}
.social a.in, .social-obg a.in {background-position:-88px  -12px }
.social a.in:hover, .social-obg a.in:hover{background-position:-88px  -45px}
.social a.gp, .social-obg a.gp {background-position:-127px -12px }
.social a.gp:hover, .social-obg a.gp:hover{background-position:-127px -45px}

.social li a:link, .social-obg li a:link, .social li a:active, .social-obg li a:active,	.social li a:visited, .social-obg li a:visited{
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

.contatos{font-size:16px; font-weight: 300; left: 15px; top:55px; position: absolute; }
.contatos a{letter-spacing: 1px; text-transform: uppercase; color: #FFF; display: block; -webkit-transition-property: margin-left; -webkit-transition-duration: 500ms;}
.contatos a:hover{color: #CCC; margin-left: 10px; }

section#idioma-box{ float: right; margin: 20px 10px 0 0; }
section#idioma-box a {
	display: inline-block;
	text-decoration: none; 
	color: white; 
	background: #369; 
	padding: 3px;
	width:15px; 
	height:15px; 
	border-radius: 50px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 12px;
	-webkit-transition: 1s ease-in-out;

}
section#idioma-box a:hover{
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	transition:all .5s ease-out;}
section#idioma-box .active{ border: 1px solid #009846; color: #fff; background-color: #009846}

.logo {width: 290px; height: 138px; position: absolute; top:65px; right: 175px;}
.logo h2{margin: 3px auto; text-align: center; font-size:11px; text-transform:uppercase; color: #999; font-weight: 300;}


nav{
	height: 40px;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	clear: both;
	position: absolute;
	bottom: 0;
	text-align: center;
	right: 70px;
	 z-index: 1;
}

nav li{display: inline;}
nav li a{letter-spacing: 1px; color: #000; margin: 0 10px; border-bottom: 1px dotted #ddd; padding-bottom: 1px;}

body#home a#home, body#servicos a#nav-servicos, body#empresa a#nav-empresa,
body#clientes a#nav-clientes, body#trabalheconosco a#nav-trabalhe{
	color: #369; background: #fff; border: 1px solid #ccc; box-shadow:0 0 9px #ccc; padding: 1px 8px; margin: 0 ; border-radius: 14px; font-weight: 400;}

nav li a:visited {color: #666; text-decoration: underline}
nav li a:hover, nav li a:focus{color: #369;
	 padding: 1px 10px; margin: 0; border-radius: 14px; font-weight: 300; }

/*MAIN CONTENT*/
#main-content{
	width: 100%;
	height:100%;
	height:auto !important;
	min-height:100%;
	background-color: #fff;
	float: left;
	padding-bottom: 80px;
}

#main-content-home{
	width: 100%;
	height:auto;
	height:auto !important;
	min-height:100%;
	margin: 0 auto 30px;
	background-color: #fff;
	position: relative;
	padding-bottom: 150px;
	float: left;
}

#col-one{width: 370px; height: auto; float: left;}

.img-servicos{margin:30px 0 0 150px}
.img-clientes{margin:30px 0 0 90px}
.img-empresa{margin:30px 0 0 50px}
.img-home{margin:30px 0 0 50px}
.img-orcamento{margin:30px 0 0 60px}
.img-faleconosco{margin:30px 0 0 50px}
.img-trabconosco{margin:30px 0 0 60px}

/*HOME*/
#descricao{width: 560px; height: 250px; float: right; margin: 30px 20px 0 0;}
#descricao p{line-height: 42px; margin: 0 auto; font-family: 'Ropa Sans', Arial; text-shadow: -1px -1px 5px #999, 1px 1px 5px #CCC;}
#descricao .traducao{font-size: 62px; font-weight: bold; color:#369; margin-left: 110px;}
#descricao .translation{font-size: 43px; font-weight: bold; color:#009846; margin-left: 180px;}
#descricao .interpretacao{font-size: 62px; font-weight: bold; color:#369; margin-left: 120px;}
#descricao .interpretation{font-size: 46px; font-weight: bold; color:#009846; margin-left: 160px;}
#descricao .revisao{font-size: 58px; font-weight: 700; color:#369; margin-left: 80px;}
#descricao .proffreading{font-size: 50px; font-weight: bolder; color:#009846; margin-left: 0px;}

#rodape_home{
	width: 100%;
	height: 168px;
	position:absolute;
	bottom: 0;
	clear:both;
	float:left;
	background: #FFF;
	overflow:hidden;
}

.imagem-bottom-home {width: 721px; height: 168px; float: left; }
.img-garantia{float: left; margin:0px 50px 0 0}

/*FOOTER
-----------------------------------------*/
footer#rodape{
	width: 100%;
	height: 60px;
	background: #ddd;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	clear: both;
	position: absolute;
	bottom: 0;
}

.img-footer{
	float: left;
	width: 110px;
	height: 54px;
	line-height: 54px;
	background: transparent url(images/logo-footer-pb.png) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	margin-left: 20px;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	-ms-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}

.img-footer:hover{background: url(images/logo-footer-color.png) no-repeat;}

.tel{
	float: right;
	font-size: 30px;
	line-height: 32px;
	margin-right: 20px;
	color: #999
}

#footercopy{
	clear: both;
	color: #c6c6c6;
	font-size: 10px;
	padding: 5px 0;
	text-align: center;
}

.copy {text-align: center;}
.copy a:link{color: #999}

#content-empresa, #content-servicos, #content-clientes{width: 540px; height: auto; float: right; padding:20px 45px 20px 20px;}

#content-empresa h1, #content-servicos h1,
#content-clientes h1, #content-trabalheconosco h1,
#content-faleconosco h1, #content-orcamento h1 {font: 30px 'Ubuntu', sans-serif,"Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; color: #009846; margin: 0 0 5px;}

#content-trabalheconosco h1, #content-faleconosco h1, #content-orcamento h1 {margin-bottom: 5px; padding: 10px 0 5px 10px; border-bottom: 1px dotted #D7D7D7}

#content-servicos p, #content-empresa p{font-size:15px; line-height: 22px}

/*CLIENTES*/
#content-clientes .clientes {width: 500px;  float: left;}
#content-clientes .clientes a{display: block; float: left; margin: 10px 15px 10px;}
#content-clientes h2{font-size:16px; line-height: 22px; font-weight: 400 }
.clientes{line-height: 25px; color: #999}

#content-clientes .um {width: 70px; height: 70px; background: url(images/b-browncom-pb.png) no-repeat; }
#content-clientes .um:hover {
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	-ms-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
}


/*///// FALE CONOSCO ///////*/
#content-faleconosco,
#content-trabalheconosco,
#content-orcamento{
	width:540px; color:#333; border-radius:10px; padding:0 10px 10px; margin: 20px 0 20px 20px; float: left; background-color: #edeaea}

.enderecos h2 {font-size:18px; font-weight: 400; color:#369; margin:5px 0 0 10px;}
.enderecos p {font-size:14px; color:#333; margin-left:10px; line-height: 14px;}
.enderecos address {font-size:14px; color:#333; margin-left:10px; font-style: normal;}

#content-faleconosco form, #content-trabalheconosco form {width:315px;float:right;}

#content-faleconosco form input, #content-trabalheconosco form input, #content-faleconosco form textarea
{border:1px solid #9a9a9a; height:18px; color:#666;  padding: 3px; -moz-border-radius:6px; border-radius:6px; }

#content-faleconosco ul li, #content-trabalheconosco ul li{padding-bottom:5px;  font-size: 14px;}
#content-faleconosco ul li label{width:95px; text-align:right; float:left; margin-right:10px; cursor:pointer; font-size: 16px;}

#content-faleconosco form input[type="submit"], #content-trabalheconosco form input[type="submit"]
{width:80px; height:25px; margin-top: 0; padding: 0 ; cursor:pointer; float: right}

#content-faleconosco form input[type="submit"]:hover,
#content-trabalheconosco form input[type="submit"]:hover{background-color: #DDD; color: #000;}

.end-email{margin-left: 8px;}

/*///// TRABALHE CONOSCO ///////*/

#content-trabalheconosco .requesitos, #content-faleconosco .enderecos {width:225px; color:#333; float:left;}
#content-trabalheconosco .requesitos ul li {font-style:italic; font-size:18px; font-weight: 400; color:#666; margin:0 0 0 35px; line-height: 20px; list-style: outside;}

#content-trabalheconosco .box-form input:hover, input:focus,
#content-faleconosco .box-form input:hover, input:focus, textarea:focus {
	-moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333; box-shadow:0 0 3px #333;}

#content-trabalheconosco ul li label{width:115px; text-align:right; float:left; margin-right:10px; cursor:pointer; font-size: 16px;}

.alert{width: 210px; margin:-15px auto 5px; font:bold 12px sans-serif, Helvetica, Arial; color:#F30; float: right; text-align: center;}

#content-obrigado{position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-200px;}

/*teste

@media screen and (min-width: 800px) and (max-width: 1200px) {
     #main-content {
          background: #;
          min-height:
     }
}*/