@font-face {
    font-family: 'Clear_Sans';
    src: url('font/clearsans/clearsans.eot');
    src: url('font/clearsans/clearsans.eot?#iefix') format('embedded-opentype'),
         url('font/clearsans/clearsans.woff') format('woff'),
         url('font/clearsans/clearsans.ttf') format('truetype'),
         url('font/clearsans/clearsans.svg#Clear_Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yanonekaffeesatz_light';
    src: url('font/yanonekaffeesatz_light/yanonekaffeesatz_light.eot');
    src: url('font/yanonekaffeesatz_light/yanonekaffeesatz_light.eot?#iefix') format('embedded-opentype'),
         url('font/yanonekaffeesatz_light/yanonekaffeesatz_light.woff') format('woff'),
         url('font/yanonekaffeesatz_light/yanonekaffeesatz_light.ttf') format('truetype'),
         url('font/yanonekaffeesatz_light/yanonekaffeesatz_light.svg#Yanonekaffeesatz_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yanonekaffeesatz_regular';
    src: url('font/yanonekaffeesatz_regular/yanonekaffeesatz_regular.eot');
    src: url('font/yanonekaffeesatz_regular/yanonekaffeesatz_regular.eot?#iefix') format('embedded-opentype'),
         url('font/yanonekaffeesatz_regular/yanonekaffeesatz_regular.woff') format('woff'),
         url('font/yanonekaffeesatz_regular/yanonekaffeesatz_regular.ttf') format('truetype'),
         url('font/yanonekaffeesatz_regular/yanonekaffeesatz_regular.svg#Yanonekaffeesatz_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

textarea {
	resize:none;
}
ul {
	list-style: none;
}
body{
	/*background-image: url("../../img/fundo.png");*/
	background-position: center top;
	font-family: "Yanonekaffeesatz_light", Arial, Helvetica, sans serif;	
}
.jardinseafins {
	background-image: url("../img/jardinseafins.png");
	background-repeat: no-repeat;
	display: block;
}
.clear {
	clear: both;
}
.float {
	float: left;
}
.floatRight {
	float: right;
}
a{	
	text-decoration: none;
}

#ctrConteudoTopo {
	width: 440px;
	margin: 0 auto;
}
#ctrMenu {
	width: 440px;
	height: 28px;
	background-color: rgba(0, 0, 0, 1);
	margin: 30px auto;
	padding: 7px 0 0 0;
}
ul#menuHeader {
	list-style: none;
	font-family: 'Yanonekaffeesatz_light', Arial, Helvetica, sans serif;	
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul#menuHeader li {
	display: inline;
}

ul#menuHeader li a.btnHome, ul#menuHeader li a.btnPortifolio, ul#menuHeader li a.btnPremio, ul#menuHeader li a.btnSobre, ul#menuHeader li a.btnContato{
	color: #FFF;
}
ul#menuHeader li a:hover{
	text-decoration: none;
}
li.separador {
	margin: 0 3px;
}
#ctrLogo {
	width: 182px;
	padding: 10px 0 0 3px;
	height: 78px;
	background-color: rgba(0, 0, 0, 1);
	position: absolute;
	bottom: 100px;
}
#ctrCategoriaPortifolio {
	width: 440px;
	margin: 12px 0 0 0;
	position: absolute;
}
#ctrListaPortifolio {
	margin: -29px 0 0 190px;
	max-width: 225px;
	position: absolute;
	display: none;
}
#ctrListaServico {
	position: absolute;
  right: 157px;
  top: 3px;
  width: 225px;
  display: none;
}
.linhatop {
	padding: 0 15px;
	width: 130px;
  margin: 0 auto;
	height: 1px;
}
ul#categoriaPortifolio, ul#categoriaSobre, ul#listaSobre, ul#listaServico, ul#categoriaPremio {
	margin: 0;
	color: #FFF;
	font-size: 18px;
	padding: 0;
	background-color: rgba(0, 0, 0, 1);
	position: relative;
  z-index: 99999;
}
ul#listaPortifolio {
	margin: 0;
	color: #000;
	font-size: 18px;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	position: relative;
  z-index: 99999;
}
ul#categoriaPortifolio {
	width: 185px;
	display: none;
}
ul#categoriaSobre {
	width: 165px;
	display: none;
	float: right;
  margin: 0 25px 0 0;
  color: #FFF;
}
ul#categoriaPremio {
	width: 165px;
	display: none;
	float: right;
  margin: 0 146px 0 0;
}
li.nomeCat {
	text-align: center;
	width: 185px;
	padding: 7px 0;
	cursor: pointer;
	display: block!important;
}
li.nomeCatSobre {
	text-align: center;
	width: 165px;
	padding: 7px 0;
	cursor: pointer;
	display: block!important;
	color: #FFF;
}
li.nomeCat:hover, li.nomeCatSobre:hover {
	background: #FFF;
	color: #000;
}
ul#listaPortifolio li.nomePortifolio {
	text-align: center;
	width: 210px;
	padding: 7px 0;
	display: block!important;
}
ul#listaServico {
	text-align: center;
	max-width: 210px;
	padding: 7px 0;
	display: block!important;
}

#copy {
	position: absolute;
	bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 685px;
	left: 50%;
	right: 50%;
	margin-left: -342.5px;
	background-color: rgba(0, 0, 0, 0.3);
}
#ctrRedeSocial {
	width: 52px;
	height: auto;
	position: absolute;
	bottom: 20px;
	right: 35px;
}
.redesocial {
	background-image: url(../img/redesocial.png);
	background-repeat: no-repeat;
	display: block;
}
a.facebook {
	background-position: -0px -1px;
	width: 50px;
	height: 50px;
}
a.youtube {
	background-position: -0px -53px;
	width: 50px;
	height: 50px;
	margin: 10px 0 0 0;
}
a.instagram {
	background-position: -0px -104px;
	width: 50px;
	height: 50px;
	margin: 10px 0 0 0;
}
a.twitter {
	background-position: -0px -156px;
	width: 50px;
	height: 50px;
	margin: 10px 0 0 0;
}
a:hover.facebook {
	background-position: -52px -1px;
}
a:hover.youtube {
	background-position: -52px -53px;
}
a:hover.instagram {
	background-position: -52px -104px;
}
a:hover.twitter {
	background-position: -52px -156px;
}







#ctrRedesSociais{
	width: 50px;
	height: 270px;
	margin: 10px 0 0 10px;
}

#Facebook{
	background-position: -2px -41px;
	width: 50px;
	height: 50px;
}
#Youtube{
	background-position: -66px -41px;
	width: 50px;
	height: 50px;
	margin: 15px 0 15px 0;
}
#Twitter{
	background-position: -2px -98px;
	width: 50px;
	height: 50px;
}
#Instagram{
	background-position: -66px -97px;
	width: 50px;
	height: 50px;
	margin: 15px 0 15px 0;
}

#Logo{
	background:url('../img/logo.png') no-repeat center ;
	width: 244px;
	height: 80px;
	margin: 0px 0 0 20px;
}


#Home{
	width: 40px;
	height: 20px;
	color: white;
	margin: 5px 0 0 10px;
	padding:3px 10px 1px 5px;
	border-right: solid 1px white;
}
#Portfolio{
	width: 80px;
	height: 20px;
	color: white;
	margin: 5px 0 ;
	padding:3px 10px 1px 10px;
	border-right: solid 1px white;
}
#PremiosePublicacoes{
	width: 180px;
	height: 20px;
	color: white;
	margin: 5px 0 ;
	padding:3px 5px 1px 5px;
	border-right: solid 1px white;
}
#SobreNos{
	width: 83px;
	height: 20px;
	color: white;
	margin: 5px 0 ;
	padding:3px 5px 1px 5px;
	border-right: solid 1px white;
}
#Contato	{
	width: 65px;
	height: 20px;
	color: white;
	margin: 5px 0 ;
	padding:3px 5px 1px 5px;
}
#ctrRodape{
	width: 100%;
	height: 200px;
	margin: 50px  0 0 0 ;
}
#DireitosReservados{
	width: 800px;
	height: 20px;
	color: white;
	font-family: Myriad, arial;
	font-size: 14px;
	margin: 0px auto;
}
#arrow_left, #arrow_right {
	bottom:50%;
	top:50%;
	margin-top: -32px; 
	height: 67px;
	position: absolute;
	width: 36px;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 1);
	padding: 3px;
}
#arrow_right {
	right: 0px;
}
#arrow_left {
	left: 0px;
}

#arrow_left:hover, #arrow_right:hover {
	bottom:29px;
}
#arrow_left:active, #arrow_right:active {
	bottom:28px;
}
.nicescroll-rails {
	background: #666666;
	margin: 0 0 0 7px;
}
#EN a, #PT a {
	width: 20px;
	text-align: center;
	background-color: rgba(0, 0, 0, 1);
	padding: 3px;
	color: #FFF;
	font-family: 'Yanonekaffeesatz_light', Arial, Helvetica, sans serif;	
	font-size: 18px;
	float: left;
	margin: 11px 10px 0 -3px;
}
.displaySubCat {
	display: block!important;
}
.nomeCatSobre a{
	color: #FFF;
	padding: 7px 37px;
}
.nomePortifolio a:hover, .nomeCatSobre a:hover, .nomeCatSobre:hover{
	color: black;
}
.nomePortifolio a{
	color: black;
}