@charset "utf-8";
/* CSS Document */

/* //////////////////////////////////////////////// */

Site: 		Sollo - sollopromo (dot) com (dot) br
Projeto: 	Redesign de Website Institucional
Versão: 	0.1 em 27/09/09
Criação:	Cristiano Santos +55 (21) 8412-8528 / 3217-9528
			cristianoweb (dot) net
			cristianoweb (dot) net(arroba) gmail (dot) net

/* //////////////////////////////////////////////// */

/* ////////// TAGS COMUNS ////////// */

html, body { margin: 0 auto; padding: 0; text-align: center; background-color: #f7eed4; color: #8d8d8d; }

a:link { color: #8d8d8d; text-decoration: underline; }
a:visited { color: #8d8d8d; text-decoration: underline; }
a:hover { color: #8d8d8d; text-decoration: none; }
a:active { color: #8d8d8d; text-decoration: none; }

form {  }
input, select, textarea  {  }
fieldset {  }
legend { }
label {  }

h1 { font-size: 16px; color: #8d8d8d; }
h2 { font-size: 14px; color: #f0b501; }
h3 { font-size: 12px; color: #8d8d8d; }

* [rel=externo] { background: url(http://sollopromo.com.br/images/icon-link-externo.gif) top right no-repeat; padding-right: 15px; }

/* ////////// LAYOUT EM GERAL ////////// */

#container { width: 997px; position: relative; left: 50%; margin-left: -498px; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 11px; line-height: 140%; color: #333; text-align: left; vertical-align: middle; margin-top: 10px; }

/* Topo */
#top-logo-menu { height: 140px; background-image: url(http://sollopromo.com.br/images/bg-top-logo-menu.jpg); padding: 0 50px 0 20px; }
#top-logo-menu h1 span { width: 220px; height: 105px; background: url(http://sollopromo.com.br/images/top-logo-sollopromo.png) no-repeat; position: absolute; top: 20px; }

/* Menu */
#top-menu #btn-home { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-principal.gif) top left no-repeat; display: block; color: #fff; text-indent: -100000px; }
#top-menu #btn-home:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-gestao-servicos { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-gestao-servicos.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-gestao-servicos:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-gestao-pessoas { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-gestao-pessoas.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-gestao-pessoas:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-nossos-clientes { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-nossos-clientes.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-nossos-clientes:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-seja-uma-coligada { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-seja-uma-coligada.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-seja-uma-coligada:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-assine-a-newsletter { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-assine-a-newsletter.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-assine-a-newsletter:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-portal-colaborador { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-portal-colaborador.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-portal-colaborador:hover { background-position: bottom left; color: #fff; }

#top-menu #btn-fale-com-a-sollo { width: 70px; height: 70px; overflow: hidden; background: url(http://sollopromo.com.br/images/top-menu-fale-com-a-sollo.gif) top left no-repeat; display: block; color: #fff; text-indent: -10000px; }
#top-menu #btn-fale-com-a-sollo:hover { background-position: bottom left; color: #fff; }


/* jQuery Easy Slider */
#slider{ }	
#slider ul, #slider li{ margin: 0; padding: 0; list-style: none; }
#slider li { width: 890px; overflow: hidden; }
#slider img { margin: 20px 30px 15px 50px; float: left; }
#slider a { background: url(http://sollopromo.com.br/images/icon-link-more.png) left no-repeat; padding-left: 22px; }
#prevBtn { position: absolute; width: 16px; height: 16px; top: 400px; left: 850px; }
#nextBtn { position: absolute; width: 16px; height: 16px; top: 400px; left: 910px; }
#prevBtn a, #nextBtn a { width: 16px; height: 16px; top: 400px; left: 800px; color: #000; text-decoration: none; }

/* ////////// SLIDESHOW - JQUERY ////////// */

#slideshow { position: relative; height: 215px; width: 315px; float: left; }
#slideshow IMG { position: absolute; top: 0; left: 0; z-index: 12; opacity: 0.0; }
#slideshow IMG.active { z-index: 13; opacity: 1.0; }
#slideshow IMG.last-active { z-index: 12; } 


/* Index Banner */
#index-banner { height: 298px; background-image: url(http://sollopromo.com.br/images/bg-index-banner.jpg); padding: 0 50px 0 50px; color: #fff; line-height: 200%; }
#index-banner img { margin: 0 30px 0 0; float: left;  }
#index-banner .linkmore { background: url(http://sollopromo.com.br/images/icon-click-more.png) left no-repeat; padding: 2px 0 2px 22px; }
#index-banner a:link { color: #fff; text-decoration: underline; }
#index-banner a:visited { color: #efefef; text-decoration: underline; }
#index-banner a:hover { color: #efefef; text-decoration: none; }
#index-banner a:active { color: #fff; text-decoration: none; }

/* Index Main Showcase */
#index-main-showcase { height: 352px; background-image: url(http://sollopromo.com.br/images/bg-index-main.jpg); }
#index-main-showcase img { margin: 5px 0 15px 0; }
#index-main-showcase .click-more { background: url(http://sollopromo.com.br/images/icon-click-more.png) left no-repeat; padding: 2px 0 2px 22px; }
#index-main-showcase a:link { color: #000; text-decoration: underline; }
#index-main-showcase a:visited { color: #333; text-decoration: underline; }
#index-main-showcase a:hover { color: #333; text-decoration: none; }
#index-main-showcase a:active { color: #333; text-decoration: none; }

/* Index Main */
#index-main { height: 352px; background-image: url(http://sollopromo.com.br/images/bg-index-main.jpg); padding: 10px 40px 10px 40px; }
#index-main img { margin: 5px 0 15px 0; }
#index-main .click-more { background: url(http://sollopromo.com.br/images/icon-click-more.png) left no-repeat; padding: 2px 0 2px 22px; }
#index-main a:link { color: #000; text-decoration: underline; }
#index-main a:visited { color: #333; text-decoration: underline; }
#index-main a:hover { color: #333; text-decoration: none; }
#index-main a:active { color: #333; text-decoration: none; }

/* Breadcrumbs Trails */
#breadcrumb { background-color: #fff; font-size: 9px; color: #666; text-align: left; padding: 20px 5px 5px 5px; }
#breadcrumb a:link { color: #dec47a; text-decoration: underline; }
#breadcrumb a:visited { color: #999; text-decoration: underline; }
#breadcrumb a:hover { color: #dec47a; text-decoration: none; }
#breadcrumb a:active { color: #dec47a; text-decoration: none; }
	
/* Rodapé */
#footer { height: 105px; background-image: url(http://sollopromo.com.br/images/bg-footer.jpg); }
#footer a:link { color: #8d8d8d; text-decoration: underline; }
#footer a:visited { color: #8d8d8d; text-decoration: underline; }
#footer a:hover { color: #8d8d8d; text-decoration: none; }
#footer a:active { color: #8d8d8d; text-decoration: none; }

/* Copyright */
#copyright { height: 50px; background-color: #f7eed4; padding: 0 50px 0 50px; }
#copyright a:link { color: #8d8d8d; text-decoration: underline; }
#copyright a:visited { color: #8d8d8d; text-decoration: underline; }
#copyright a:hover { color: #8d8d8d; text-decoration: none; }
#copyright a:active { color: #8d8d8d; text-decoration: none; }

/* Citação */
#cite { height: 30px; text-align: center; font-size: 9px; color: #f0b501; font-style: italic; }

#teaser { position: fixed; top: 50px; left: 300px; z-index: 99; }

/* ////////// SLIDESHOW - JQUERY ////////// */

#slideshow { position: relative; height: 200px; }
#slideshow IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
#slideshow IMG.active { z-index: 10; opacity: 1.0; }
#slideshow IMG.last-active { z-index: 9; }