/*
Theme Name:	CRO Comunicação
Author: Animatto
Author URI: http://www.animatto.com.br
Version: 1.0
*/

/*FONT-FACE*/
@import url("css/font-face/stylesheet.css");

/*Reset*/
body{background:#111111;padding-top: 10px; color:#fff; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden;}
a{transition:0.2s;}
a:hover{text-decoration:none; color:#fff !important;transition:0.2s;}
html, body {height: 100%;}

p{font-family:calibri !important;}


/*GERAL*/
.tudo {min-height: 100%;position: relative;}
* html .tudo {height: 100%; /* hack para IE6 que trata height como min-height */}
.conteudo{padding-bottom: 100px;}

#traco-full{width: 100%;height: 1px;background: #999;margin-bottom: 20px;}


/*MENU PRINCIPAL*/
#traco-menu{background:url(images/traco_menu.fw.png) no-repeat top center; width:100%; height:1px;}
.menu-principal{overflow: visible;padding: 10px 17px 0px 17px;}
.menu-principal nav{min-height: 30px;padding-left: 20px;padding-right: 20px; text-align:center;}
.menu-principal nav ul li{display:inline-block; margin-right:35px; font-family:'franklin_gothic_mediumregular';}
.menu-principal nav ul li a{color:#999; font-size:15px;}

.sub-menu{width: 212px;
position: absolute;
background: #111;
z-index: 9;
margin-top: -2px;
text-align: center;
border-top: none;
display: none;
padding-top: 10px;}

.sub-menu li{border: 1px solid #999;
width: 100%;
padding: 10px 0;
border-top: none;
margin-right: 0 !important;}

.nav-menu li:hover .sub-menu{display:block;}

#menu-menu1-container ul li.current-menu-item a{color:#fff;}



/*REDES SOCIAIS*/
#redes-sociais{float:right;}
#redes-sociais ul{position: relative;top: -60px;}
#redes-sociais ul li{display:inline-block; margin-right:50px;}
#redes-sociais ul li a{width:38px; height:38px; position:absolute;}
#home{background:url(images/home.fw.png);}
#home:hover{background-position:0 38px;}
#email{background:url(images/email.fw.png);}
#email:hover{background-position:0 38px;}
#facebook{background:url(images/facebook.fw.png);}
#facebook:hover{background-position:0 38px;}
#instagram{background:url(images/instagram.fw.png);}
#instagram:hover{background-position:0 38px;}			
			
	

/*RODAPÉ*/
.footer{position: absolute;bottom: 0; width:100%; color:#E0E0E0; font-size:15px;font-family:'franklin_gothic_mediumregular';}
#content-footer .endereco{max-width: 550px;width: 100%;float:left;}
#content-footer .telefone{max-width: 250px;width: 100%;float: right;margin-top:-12px;}


/*HOMEPAGE*/
section#area-home{width:100%; height:450px; background:url(images/back-home.fw.png) repeat-x center;}
#img-conteudo-home{background: url(images/conteudo-home.fw.png) no-repeat rgba(17, 17, 17, 0.02);width: 100%;height: 451px;margin-left:
 -19px;}

h2.link_home{position:absolute;}
h2.link_home a{font-family:'franklin_gothic_mediumregular'; font-size:21px; float:right;text-shadow: 2px 2px 7px #000; position:relative;color: #eee;text-align: right;}

h2.link_home a#marcas{left: 77px;top: 114px;}
h2.link_home a#eventos{left: 370px;top: -2px;}
h2.link_home a#proj_arqui{left: 606px;top: 103px;width: 86px;line-height: 18px;}
h2.link_home a#img_insti{top: 155px;left: 480px;width: 110px;line-height: 21px;}
h2.link_home a#prod_graf{top: 160px;left: 957px;width: 84px;line-height: 22px;}
h2.link_home a#proj_mark{top: 308px;left: 25px;width: 118px;line-height: 20px;}
h2.link_home a#com_visu{top: 397px;left: 312px;width: 120px;line-height: 20px;}
h2.link_home a#camp_publi{top: 307px;left: 630px;width: 100px;line-height: 20px;}
h2.link_home a#prod_jorn{top: 404px;left: 906px;width: 100px;line-height: 19px;text-align: left;}
 

/*INTERNAS*/
section#area-internas{width: 100%;height: auto;min-height: 700px;background: url(images/back-internas.fw.png) repeat-x top center;}
.area-comp{margin-bottom:15px;}
.title-page{margin-bottom:10px;}
#conteudo-paginas h1, h2{font-family:'franklin_gothic_mediumregular';font-weight: normal;max-width: 540px; float:left;}
#conteudo-paginas h1{font-size:30px;}
#conteudo-paginas h2{font-size:21px; color:#FF9900;float: left;margin-bottom: 20px;letter-spacing: -1px;line-height: 26px;}
#conteudo-paginas article{font-size:13px; font-family:Arial, Helvetica, sans-serif;color:#ccc;}
#conteudo-paginas article ul{padding-left:15px;}
#conteudo-paginas article ul li{list-style:circle;font-family: calibri !important;}
#pg-voltar{background:url(images/btn-voltar.fw.png) no-repeat center; width:75px; height:75px;float: right;margin-top: -71px;position: relative;left: 32px;top: 40px;}


/*SIDEBAR*/
#sidebar{max-width:300px; width:100%;margin-left: -7px;}
.top-sidebar{width:100%; height:300px; background:url(images/top-sidebar.fw.png) no-repeat center;}
.top-sidebar h1{font-family:'franklin_gothic_mediumregular'; font-size:20px; float:right;text-shadow: 2px 2px 7px #000;text-align: right;width: 134px;line-height: 23px;margin-right: 10px;margin-top: 97%;position: relative;top: -66%;}
.top-sidebar img{position:absolute;z-index:-1;}
.content-sidebar{padding: 20px 20px 20px 50px;}
.lista-sidebar li{list-style-image: url(images/list-style-sidebar.fw.png);padding: 10px;border-bottom: 1px solid #333;font-size: 15px;}
.lista-sidebar li a{color:#CCCCCC;}

#submenu li{list-style:none; border-bottom:none;}


.top-sidebar h1[id="Clientes"], h1[id="Vídeos"], h1[id="Blog"], h1[id="Contato"], h1[id="Eventos"], h1[id="Marcas"]{top: -59%;}


/*CONTATO*/
input[type="text"], input[type="email"], textarea{border: none;border-radius: 0;height: 26px;width:100%;margin-top: 8px;}
input[type="submit"]{padding: 10px 20px;border: none;color: #fff;background: #FF9900;font-size: 20px;float: right;margin-right: -12px;margin-top: 5px;}
textarea{height:200px; resize:none;}
#txt-endereco{font-size: 19px;line-height: 25px;margin-left: -2px;margin-top: -30px;}
#txt-endereco a{color:#fff !important;}

/*BLOG*/
#item-blog{margin-bottom: 40px;float: left;margin-left: 0px;}
#item-blog h2 a{font-size:30px; color:#fff;font-family: 'franklin_gothic_mediumregular';font-weight: normal;}
/*#item-blog h2 a:hover{color: #FF9900 !important;}*/
#item-blog span{color: #FF9900;font-size: 15px;font-weight: bold;position: relative;top: -20px;}
#item-blog p{font-size: 15px;line-height: 20px; color:#ccc;}

#content-post p{font-size:15px;}
#img-blog img{border-radius: 25% 0 25%;transition:.5s;}
#img-blog img:hover{filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); transition:.5s;}

#link-blog img{width:100px; height:100px;}


/*ÁREAS DE ATUAÇÃO*/
#img-atuacao img{border-radius: 25% 0 25%;}
.area-texto-thumb{padding: 10px;position: relative;text-align: center;top: -200px;}
.area-texto-thumb h2{float:none !important; margin-bottom: -8px!important; font-size: 50px!important; text-shadow: 2px 3px 6px #000;}
.area-texto-thumb h3{font-size: 20px;color: #fff;}
#img-atuacao a h2{transition:.5s;line-height: 44px;}
#img-atuacao a:hover h2{color:#fff;transition:.5s;}
#img-atuacao a img{transition:.5s;}
#img-atuacao a:hover img{filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); transition:.5s;}
#fancybox-content {border-color:#000;border: 10px solid #000 !important;}


/*CLIENTE*/
#area-img-cliente{margin-right:10px;}
#area-img-cliente a img:hover{transition:.5s;filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1);}
#link-cliente img{width:150px; height:150px;}


/*GALERIA*/
.foto{width:600px; height:850px; overflow:hidden; float:left; margin:0 38px 0 0; position:relative; }  
.foto img{border:1px solid #111; }  
.foto-esquerda, .foto-direita{width:47px; height:47px; position:absolute; top: 355px; display:block; cursor:pointer; }  
.foto-esquerda{left:15px; background:url(images/seta-ant.fw.png) no-repeat; display:none; }  
.foto-direita{right:0; background:url(images/seta-prox.fw.png) no-repeat; }  
.foto-lista{width:20000px; padding: 0; margin-left: 0; }  
.foto-item{width:631px; height:381px; float:left; }
.foto-lista li, .foto-marcador-lista li{list-style:none !important;}
.foto-marcador-lista{position: relative;right: -42px;bottom: -50px;width: 517px;height: 304px;background: url(images/back-thumbs.fw.png) repeat-y;float: left;min-height: 304px;} 
.foto-marcador-item{width: 77px;height: 77px;margin: 0 0 0 0; cursor:pointer;float:left; }
.foto-marcador-item img{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}  
.foto-marcador-ativo img{opacity:1; filter:alpha(opacity=10); /* For IE8 and earlier */ }
.foto-marcador-lista li img{border:none;}
.foto-marcador-lista li{position:relative;}
.foto-marcador-lista li[id="0"]{left:-15px;}
.foto-marcador-lista li[id="1"]{left: -16px;}
.foto-marcador-lista li[id="2"]{left: 59px;}
.foto-marcador-lista li[id="3"]{margin-left: 59px;margin-right: 73px;}
.foto-marcador-lista li[id="5"]{left: -15px;margin-right: 60px;}
.foto-marcador-lista li[id="7"]{margin-right: -1px;}
.foto-marcador-lista li[id="9"]{margin-left: 75px;left: -14px;top: -2px;margin-right: 138px;}
.foto-marcador-lista li[id="10"]{margin-right: 76px;left: -1px;top: -1px;}
.foto-marcador-lista li[id="11"]{margin-left: 214px;top: -2px;margin-right: 72px;}
.foto-marcador-lista li[id="12"]{top: -3px;right: -1px;}
.foto-marcador-lista li[id="13"]{top: -3px;}



.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev{
	border: none !important;
	color: #ddd !important;
	padding: 7px !important;
}

.ngg-navigation span {
font-weight: bold;
margin: 0pt 6px;
background: #FF9900;
padding: 7px !important;
}

.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover{

	background-color: #FF9900 !important;
color: #FFFFFF !important;
text-decoration: none !important;
padding: 7px !important;
}



/*THUMBS GALERIA*/
.ngg-gallery-thumbnail img {background-color: transparent !important;border: none !important;display: block;margin: 0 !important;padding: 0 !important ;position: relative;}

.ngg-gallery-thumbnail-box {float: left;margin-right: 0 !important;}

.ngg-galleryoverview {background:url(images/back_galeria.png) no-repeat top center;}


#ngg-image-1, 
#ngg-image-2, 
#ngg-image-3, 
#ngg-image-8,
#ngg-image-13,
#ngg-image-25,
#ngg-image-38,
#ngg-image-51,
#ngg-image-64,
#ngg-image-76,
#ngg-image-14,
#ngg-image-26,
#ngg-image-39,
#ngg-image-52,
#ngg-image-65,
#ngg-image-77,
#ngg-image-15,
#ngg-image-27,
#ngg-image-40,
#ngg-image-53,
#ngg-image-78,
#ngg-image-20,
#ngg-image-33,
#ngg-image-46,
#ngg-image-59,
#ngg-image-71,
#ngg-image-84,
#ngg-image-89,
#ngg-image-98,
#ngg-image-107,
#ngg-image-116,
#ngg-image-125,
#ngg-image-134,
#ngg-image-143
{margin-right:120px !important;}

#ngg-image-4,
#ngg-image-9,
#ngg-image-16,
#ngg-image-28,
#ngg-image-41,
#ngg-image-54,
#ngg-image-66,
#ngg-image-79,
#ngg-image-21,
#ngg-image-34,
#ngg-image-47,
#ngg-image-60,
#ngg-image-72,
#ngg-image-85,
#ngg-image-90,
#ngg-image-99,
#ngg-image-108,
#ngg-image-117,
#ngg-image-127,
#ngg-image-135,
#ngg-image-144
{margin-right:238px !important;}

#ngg-image-5,
#ngg-image-17,
#ngg-image-29,
#ngg-image-45,
#ngg-image-55,
#ngg-image-67,
#ngg-image-80,
#ngg-image-91,
#ngg-image-100,
#ngg-image-109,
#ngg-image-118,
#ngg-image-127,
#ngg-image-136,
#ngg-image-145
{margin-right:119px !important;margin-left:119px !important;}

#ngg-image-10,
#ngg-image-22,
#ngg-image-35,
#ngg-image-48,
#ngg-image-61,
#ngg-image-73,
#ngg-image-86,
#ngg-image-95,
#ngg-image-104,
#ngg-image-113,
#ngg-image-122,
#ngg-image-131,
#ngg-image-140,
#ngg-image-149
{margin-left:238px !important;margin-right:119px !important;}




/*albuns*/
.ngg-album-compactbox{border:none !important;}
.ngg-album-compactbox:before{border:none !important;}
.ngg-album-compactbox:after{border:none !important;}
.ngg-album-desc{display:none !important;}
.ngg-album-compact .ngg-album-compactbox{padding:0 !important;}

.ngg-albumoverview{background:url(images/back_albuns.png) repeat;}

.ngg-albumoverview .ngg-album-compact{ padding:0 !important; }
.ngg-album-link a .Thumb{border:none !important;}


#item-1, 
#item-2, 
#item-3, 
#item-8,
#item-13,
#item-25,
#item-38,
#item-51,
#item-64,
#item-76,
#item-14,
#item-26,
#item-39,
#item-52,
#item-65,
#item-77,
#item-15,
#item-27,
#item-40,
#item-53,
#item-78,
#item-20,
#item-33,
#item-46,
#item-59,
#item-71,
#item-84,
#item-89,
#item-98,
#item-107,
#item-116,
#item-125,
#item-134,
#item-143
{margin-right:119px !important;}

#item-4,
#item-9,
#item-16,
#item-28,
#item-41,
#item-54,
#item-66,
#item-79,
#item-21,
#item-34,
#item-47,
#item-60,
#item-72,
#item-85,
#item-90,
#item-99,
#item-108,
#item-117,
#item-127,
#item-135,
#item-144
{margin-right:238px !important;}

#item-5,
#item-17,
#item-29,
#item-45,
#item-55,
#item-67,
#item-80,
#item-91,
#item-100,
#item-109,
#item-118,
#item-127,
#item-136,
#item-145
{margin-right:119px !important;margin-left:119px !important;}

#item-10,
#item-22,
#item-35,
#item-48,
#item-61,
#item-73,
#item-86,
#item-95,
#item-104,
#item-113,
#item-122,
#item-131,
#item-140,
#item-149
{margin-left:238px !important;margin-right:119px !important;}