/* http://www.globodesign.com.br */

@font-face { font-family: "Proxima Nova Regular";
/*src: url('http://f.fontdeck.com/f/1/VTcxbmE0RjIABpuSkNhleOmJsnQ/I0Kxd5dX6l/BvOiPFyAtT34GisOgcaDBPMuZrOIWXfbMPC4Z5A.eot');*/
src: url('fonts/ProximaNova-Regular.otf');
font-weight: normal; font-style: normal; }

/*** Tags ***/

html, body { width:100%; height:100%; }
h1 { font:36px "Trebuchet MS", sans-serif; text-align:left; }
p { font-size:12px; text-align:left; }
a { text-decoration:none; }
*:focus { outline:none; }
.clear { clear:both; }
.text-left, .text-left p { text-align:left; }
.text-center, .text-center p { text-align:center; }
.text-right, .text-right p { text-align:right; }
.h2-principal { margin:15px 0 5px; padding-bottom:8px; font-size:36px; color:#aaa; border-bottom:1px solid #ddd; }


/*** Estrutura ***/

#inicio, #empresa, #eventos, #clientes, #contato,
#home, #company, #events, #clients, #contact,
#contacto {
	position: relative;
	padding-bottom: 0px;
	min-height:100%;
	height:auto;
	background:url(../img/ssi-bg.png) top left repeat-y #EEE;
}
#empresa, #clientes,
#company, #clients {
	background-color:#FFF;
}
.container { position:relative; margin:0 auto; padding-left:55px; width:980px; height:auto; }
#conteudo-inicio, #conteudo-empresa, #conteudo-eventos, #conteudo-clientes, #conteudo-contato { clear:both; margin:0 auto; }
.bg-pontos { width:980px; height:40px; background:url(../img/bg-pontos.gif) repeat-x bottom left; }

.logo-parceria {
	border-bottom: 1px dotted #BBB;
	position: relative;
}
.logo-parceria img { margin: 0; }
.logo-parceria p { font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #888; text-transform: uppercase; padding-top: 5px; }
.logo-parceria a { display: block; }

#container-parc {
	position: relative;
	height: 200px;
}
#container-slogan {
	height: 60px;
}
#div-parc, #div-slogan {
	position: absolute;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	bottom: 0;
}
#div-slogan { bottom: 20px; }
#container-lg:after {
    content: '';
    width: 100%;
    display: inline-block;
}
.div-lg { display: inline-block; padding: 6px 0 5px 0; }
.div-sl { display: block; }
#lg-left, #lg-left p { text-align: left; }
#lg-center, #lg-center p { text-align: center; }
#lg-right, #lg-right p { text-align: right; }


/* Topo */
#logo-topo { opacity:0; margin-left:-100%; }
.slogan { position:absolute; right:0; bottom:20px; }
.slogan p { padding-bottom: 8px; color:#369 !important; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; color:#555; }
.contatos { position:absolute; right:0; bottom:0; }
.contatos p { padding-bottom:4px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; color:#555; }
.contatos span, .slogan span { font-weight:bold; color:#222; }
.contatos img, .slogan img { vertical-align:middle; }


/*** Menu ***/

.menu { position:relative; padding:15px 0 5px; border-bottom:2px solid #999; }
.menu ul { display:block; position:absolute; }
.menu > ul { top: 20px; right:0; padding-top:6px; border-top:2px dotted #D5D5D5; }
.menu li { position:relative; margin-right:10px; font:18px 'Overlock', cursive; }
.menu ul > li { float:left; z-index:200; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.menu li:hover { background-color:#999; }
.menu li a { display:block; white-space:nowrap; padding:4px 15px 4px 15px; color:#222; }
.menu li:hover a { color:#FFF; }
.menu li.ativo, .menu li.ativo:hover { background-color:#390; }
.menu li.ativo a, .menu li.ativo a:hover { color:#EFEFEF; }

.menu li ul { z-index:100; right:auto; border:0; padding-top:10px; }
.menu ul ul { display:none; }
.menu li li { width:180px; z-index:100; line-height:30px; background-color:#DDD; border-bottom:1px solid #F5F5F5; }
.menu li li a { font-size:15px; }
.menu li:hover li a { color:#060; }
.menu li li:hover a { color:#333; }
.menu li li:hover { background-color:#F5F5F5; }

li.fb:hover, #claro ul li li:hover { color:#060; }
li.fb:hover { background: none; }
li.fb { margin:0; }

li.lang { float:right; margin: 0 0 0 10px; }
li.lang:hover { background: none; }
li.lang a { padding: 0; margin: 0 0 2.5px 0; opacity: 1; }
li.lang a:hover { opacity: 0.7; }
li.lang img { display: block; }

#claro ul li li { border-bottom:1px solid #F5F5F5; }


/*** Início ***/

#conteudo-inicio { margin-top:4px; }
#container-boxes { text-align:justify; -ms-text-justify:distribute-all-lines; text-justify:distribute-all-lines; }
.box-inicio, .box-titulo { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:295px; }
.box-inicio { height:230px; border:1px solid #BBB; box-shadow:0 0 5px 1px #CCC; }
.box-titulo h1 { padding:0 0 4px; font:1.6em "Palatino Linotype", serif; color:#999; border-bottom:1px solid #D5D5D5; }
.box-titulo p { padding-top:6px; font:1.1em /1.5em "Proxima Nova Regular"; color:#333; }
#stretch { display:inline-block; width:100%; font-size:0; line-height:0; }


/* Vídeo */
#img-video { width:100%; height:100%; }

/* Newsletter */
#box-news { -ms-text-justify:auto; text-justify:auto; background-color:#FFF; }
#news-p { padding:6px; text-shadow:0 0 6px #999; text-transform:uppercase; font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; text-align:center; background-color:#666; border:1px solid #fff; }
#lista-news { width:265px; margin: 10px 15px; font:13px Arial, Helvetica, sans-serif; color:#666; }
#lista-news a { display:block; margin: 0 auto; color:#333; }
#lista-news a:hover { font-weight:bold; }
#lista-news ul { width:100%; }
#lista-news li { width:265px !important; border-bottom:1px dotted #DDD; line-height:2.7em; text-align: center; }
#lista-news li a:hover { background-color:#F5F5F5; }

/* Riocentro */
#rio-centro { -ms-text-justify:auto; text-justify:auto; position:relative; background:#FFF url(../img/logo_riocentro.jpg) no-repeat center 10px; text-align:center; }
#fotos-wrapper { position:absolute; left:0; bottom:0; width:100%; }
#fotos-wrapper p { margin: 5px auto; width:100%; font:9px Verdana, Geneva, sans-serif; text-align:center !important; color:#AAA; }
#fotos-mini { margin-bottom:10px;  }
#fotos-mini img:hover { background-color:#9C6; }
.carousel { width: 270px; }
.carousel .slides .slideItem  { border: 2px solid #CCC !important; }


/*** Página Empresa ***/
#bg-empresa { background-color:#390; }

/* Tabs */
ul.tabs, ul.tabs2 { margin:15px 0 0 0; padding:0; float:left; list-style:none; height:32px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; width: 100%; font:0.8em Tahoma, Geneva, sans-serif; color:#333; }
ul.tabs li, ul.tabs2 li { position:relative; float:left; margin:0; padding:0 20px; cursor:pointer; height:31px; line-height:31px; border:1px solid #CCC; border-left:none; font-weight:bold; background-color:#FFF; overflow:hidden; }
ul.tabs2 li { background-color:#F5F5F5;  }
ul.tabs li:hover, ul.tabs2 li:hover { background-color:#DDD; }
ul.tabs li.active { border-bottom: 1px solid #F3F3F3; background-color:#F3F3F3; color:#060; }
ul.tabs2 li.active { border-bottom: 1px solid #FFF; background-color:#FFF; color:#060; }

.tab_container { float:left; clear:both; margin-bottom:40px; border:1px solid #CCC; border-top:none; width:100%; height:auto; background:#F3F3F3; }
.tab_container h2 { font-size:1.6em; margin:10px 0 20px; border-bottom:1px dotted #BBB; color:#BBB; }
.tab_container p, #servicos { font:0.7em /1.5em "Proxima Nova Regular"; margin-bottom:15px; color:#222; }
.table-pesquisa p { font-size: 1.1em; }
.table-pesquisa p label { padding-right: 10px; }
.tab_container p { padding:0 20px 0 20px; }
#tab1, #tab2, #tab3, #tab4 { background:url(../img/bg-tabs.jpg) no-repeat top right; }
#tab5, #tab6, #tab7, #tab8, #tab9, #tab10 { background:url(../img/bg-tabs-w.jpg) #FFF no-repeat top right; }
.tab_content, .tab_content2 { padding:20px; min-height:300px; font-size:1.6em; display:none; }
#tab5 { padding: 10px 20px 5px 20px; }

/* Tab - o que fazemos */
.table-servicos { margin-bottom:10px; text-align:center; }
.table-servicos th { padding:3px; padding-left:10px; background-color:#369; font:0.5em "Arial Black", Gadget, sans-serif; font-weight:900;  text-transform:uppercase; color:#F5F5F5; }
.table-servicos td { font-size:17px; color:#222; }
.table-servicos tr { line-height:34px; border-bottom:1px dotted #CCC;  }
.table-servicos tr:last-child { border-bottom: 0; }

/* Tab - equipe e oficina */
.texto-tabs { float:left; width:66%; }
.galeria-tabs { float:right; margin-bottom:20px; padding:8px; width:272px; border:1px solid #AAA; background-color:#F5F5F5; }
.galeria-tabs img { margin:2px; margin-bottom:0; padding:3px; background:white; border:1px solid #BBB; }
.galeria-tabs img:hover { background-color:#9C6; }

/* Página Eventos */
#eventos { background-color:#EFEFEF; }
#empresa .bg { border-right:8px solid #999; }
#bg-eventos { background-color:#090; }

.galeria-eventos { padding-bottom:50px; text-align:center; }
.galeria-eventos img { margin:6px 16px 12px 16px; padding:4px; background-color:white; border:1px solid #BBB;
-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; }
.galeria-eventos img:hover { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); -moz-box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px #888; box-shadow: 0 0 8px #888; }


/* Página Clientes */
#conteudo-clientes { text-align:center; }
.img-cliente { margin:10px; border:1px solid #FFF; }
.img-cliente:hover { border:1px solid #DDD; -moz-box-shadow:0 0 4px #DDD; -webkit-box-shadow:0 0 4px #DDD; box-shadow:0 0 4px #DDD;  }


/* Página Contato */
#contato { background-color:#EFEFEF; }
#ul-contato { right:-10px; }

#table-orcamento { width:500px; white-space:nowrap; font-size:16px; }
#table-orcamento td { padding:0 5px; text-align:right; vertical-align:top; line-height:35px; }
.table-pesquisa td { text-align: left !important; }
#table-orcamento input[type=text], textarea { border:1px solid #AAA; padding:3px; }
#table-orcamento textarea { resize:none; }
input[type=submit] { padding:5px 15px; }
input:focus, textarea:focus { border:1px solid #0C3; -moz-box-shadow:0 0 6px #0C3; -webkit-box-shadow:0 0 6px #0C3; box-shadow:0 0 6px #0C3; }
.align-right p { padding:0; font-size:14px; text-align:right; }

input[type="file"] {
    /*display: none;*/
}
.file-upload {
	margin: 0 0 30px 60px;
	padding:5px 15px;
	font-size: .7em;
	background-color: #eee;
    border: 1px solid #999;
    display: inline-block;
    cursor: pointer;
}

#curriculo-manual { margin:5px 0 30px 40px; text-decoration:underline; }
#curriculo-manual:hover { text-decoration:none; }
#curriculo input[type=submit] { margin-left:5px; }

#tab7 input[type=text], #tab7 textarea, #tab8 input[type=text] { border:1px solid #AAA; padding:3px; }

#h1-curriculo { margin-bottom:10px; color:#555; }
.h2-curriculo { font-size:20px; margin:20px 0; color:#777; }

.table-curriculo { padding:20px; margin-left:20px; }
.table-curriculo input[type=submit] { width:180px; height:50px; font-size:16px; }

.table-curriculo td { padding:4px 6px; vertical-align:middle; white-space:nowrap; }
.table-curriculo span { font-size:12px; color:#666; }
.table-curriculo hr { border:0; border-bottom:1px dotted #aaa; }

#table-ftp { font-size:16px; margin: 0 auto; }
#table-ftp td { padding:10px 5px; vertical-align:top; line-height:35px; }
#table-ftp input[type=password] { border:1px solid #AAA; padding:3px; }

@media (max-width:1024px) {
	.container, .bg-pontos { width: 880px; }
	.box-inicio, .box-titulo { width: 270px; }
	.box-titulo p { font-size:1em; }
	
	#lista-news { width:240px; font-size:12px; }
	#lista-news li { width:240px !important; }

	.foto-rio-centro { margin:0 2px 0 2px; padding:0; }
	.foto-rio-centro img { width: 25px; height: 20px; }
	#rio-centro { background:#FFF url(../img/logo_riocentro_2.jpg) no-repeat center 25px; }

	.texto-tabs { float:left; width:64%; }
	#col1, #col2, #col3 { margin-right:0px; }
	
	#container-parc, #container-slogan { width: 880px; margin-left: -440x; }	
	.carousel { width: 248px }
	#div-parc, #div-slogan { width: 880px; left: 50%; margin-left: -440px; }
}

@media (max-height: 768px) {
	#container-parc { bottom: 0; height: 140px; }
	.bg-pontos { height: 20px; }
	.img-cliente { margin: 15px 38px; width: 160px; height: 92px; }
}