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

*{
	margin:0px;
	padding:0px;
}

ul {
	margin:11px 0px;
	padding-left:40px;
}

body {
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000;
}

h1{	font-size:1.5em; }
h2{	font-size:1.4em; }
h3{	font-size:1.3em; }
h4{	font-size:1.2em; }
h5{	font-size:1.1em; }
h6{	font-size:1em; }
legend { 
	font-size:1.3em;
	font-weight:bold;
	padding:3px;
	color:#036; 
}

label {
	font-weight:bold;
	font-size:1.1em;
}

/* CONTEINER PRINCIPAL */
#conteiner {
	width:770px;
	margin:auto;
}

/* CABEÇALHO */
#cabecalho {
	height:75px;
	border-bottom:1px solid #CFE7FB;
	background:transparent url(../imgLayout/logo_somar.gif) left top no-repeat;
}

#cabecalho h1 {
	width:350px;
	float:left;
}

#cabecalho h1 a {
	display:block;
	width:293px;
	height:73px;
	text-indent:-9999px;
}

#cabecalho #home-contato {
	float:right;
	margin:35px 30px 0px 0px;
}

#cabecalho #home-contato a {
	padding-left: 19px;
	color:#09C;
	text-decoration:none;
	font-size:1.1em;
}

#cabecalho #home-contato a.home{
	background:transparent url(../imgLayout/home_ico.gif) left top no-repeat;
}

#cabecalho #home-contato a.contato{
	background:transparent url(../imgLayout/email_ico.gif) left top no-repeat;
	margin-left:15px;
}

/* SLIDER */
#slide {
	margin-top:7px;
	height:195px;
	/* background-image:url(../imgSlide/cabecalho.jpg); */
	display:block;
	position:relative;
}

#slide img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slide img.active {
    z-index:10;
}

#slide img.last-active {
    z-index:9;
}

#slideCounter {
	position:absolute;
	display:block;
	top:247px;
	float:left;
	width:770px;
	height:31px;
	background:transparent url(../imgLayout/slideShowBar.gif) left bottom no-repeat;
	z-index:15;
}

#slideCounter span {
	float:right;
	margin:6px 16px 0px 0px;
}

#slideCounter span a {
	padding:3px 5px;
	margin-right:2px;
	color:#036;
	background-color:#CFE7FB;
	text-decoration:none;
	font-weight:bold;
	-moz-border-radius:2px 2px 0px 0px;
}

#slideCounter span a.activeSlide {
	background-color:#036;
	color:#FFF;
}

/* MENU */
#menu {
	height:34px;
	line-height:34px;
	background:transparent url(../imgLayout/bg_menu.jpg) left top repeat-x;
	text-align:right;
	color:#FFF;
	margin-bottom:10px;
	clear:both;
}

#menu ul li {
	list-style:none;
	display:inline;
}

#menu ul li a {
	margin-right:25px;
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	text-decoration:none;
}

/* CORPO */
#corpo {
	
}

#corpo div.shadow-container .container img {
	background-color:transparent;
	margin-right:5px;
	vertical-align:top;
	text-align:left;
}

#corpo #titulo-pagina{
	font-size:1.7em;
	font-weight:bold;
	color:#036;
	margin-top:10px;
}


#corpo #conteudo-index {
	text-align:left;
	width:360px;
	float:left;
}

#corpo #slide-index {
	position:relative;
	width:400px;
	height:300px;
	float:right;
	margin:0 auto;
}

#corpo #slide-index img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#corpo #slide-index img.active {
    z-index:10;
}

#corpo #slide-index img.last-active {
    z-index:9;
}

#corpo #contato td, th {
	padding:5px;
}

#corpo p.contato {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;	
}

#corpo p.success {
	color:#063;
}

#corpo label.error {
	margin-left:5px;
	color:#900;
	font-weight:bold;
}

#corpo #index-categorias,
#corpo #index-produtos,
#corpo #index-clientes,
#corpo #index-parceiros,
#corpo #index-index,
#corpo #index-senhas {
	border:1px solid #999;
	margin:10px;
}

#corpo #index-categorias th,
#corpo #index-clientes th,
#corpo #index-parceiros th,
#corpo #index-produtos th,
#corpo #index-slideshow th,
#corpo #index-index th,
#corpo #index-senhas th {
	text-align:left;
	padding:5px 1px;
	background-color:#EFEFEF;
}

#corpo p.error {
	color:#900;
}

#corpo p.return {
	text-align:right;
	margin-right:150px;
}

#corpo p.return a {
	text-decoration:none;
	color:#666;
}

#corpo div.conteudo {
	text-align:justify;
	line-height:1.2em;
}

#corpo a.detalhe {
	color:#333;
	text-decoration:none;
	font-style:italic;
}

/* RODAPÉ */
#rodape {
	height:75px;
	background:transparent url(../imgLayout/bg_rodape.jpg) left top repeat-x;
	color:#FFF;
}

#rodape span a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#rodape span {
	width:45%;
	display:block;
}

#rodape span.endereco {
	padding:5px 0px 0px 10px;
	text-align:left;
	float:left;
}

#rodape span.author {
	padding:30px 20px 0px 0px;
	float:right;
	text-align:right;
}

#rodape span.author img {
	border:none;
}

/* ÁREA DE ADMINISTRAÇÃO */

#menuAdmin {
	width:188px;
	display:block;
	float:left;
	margin:7px 0px;
}

#menuAdmin #infoLogin {
	display:block;
	padding-left:15px;
	background:transparent url(../imgLayout/infoLogin.png) left top no-repeat;
	height:50px;
	padding:8px 0px 0px 52px
}

#menuAdmin ul li {
	list-style:none;
	line-height:1.5em;
	padding:3px 15px;
	margin-top:5px;
	border-bottom:1px solid #CCC;
}

#menuAdmin ul li.over {
	background-color:#039;
}

#menuAdmin ul li a {
	color:#036;
	text-decoration:none;
	text-transform:uppercase;
}

#menuAdmin ul li a.over {
	color:#FFF;
}

#conteudoAdmin {
	width:575px;
	display:block;
	float:right;
	margin:7px 0px;
}

#conteudoAdmin td,th {
	padding:3px;
}

#conteudoAdmin td a img {
	border:none;
}

#conteudoAdmin div.adicionarObjeto {
	text-align:right;
	margin:10px;
}

#conteudoAdmin a.add {
	border:1px solid #BBB;
	background:#D8D8C4 url(../imgLayout/add.gif) 4px 4px no-repeat;
	padding:5px 5px 5px 23px;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	color:#000;
}

#conteudoAdmin a.apply {
	border:1px solid #BBB;
	background:#D8D8C4 url(../imgLayout/apply.gif) 4px 4px no-repeat;
	padding:5px 5px 5px 23px;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	color:#000;
}

#conteudoAdmin a.add:hover,
#conteudoAdmin a.apply:hover {
	color:#333;
	border:1px solid #999;
}

#formProduto div.adicionarObjeto {
	margin:6px;
	float:right;
}

/* DROP SHADOW */
div.shadow-container {
	position:relative;
	margin:10px;
	display:block;
	float:left;
	width:236px;
}
 
div.shadow-container .shadow2, div.shadow-container .shadow3, div.shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

div.shadow-container .shadow1 {
	background: #F1F0F1;
}

div.shadow-container .shadow2 {
	background: #DBDADB;
}

div.shadow-container .shadow3 {
	background: #B8B6B8;
}

div.shadow-container .container {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 10px;
}

/* GALERIA DE IMAGENS */
body img.galeria,
#conteudo img.galeria,
#conteudoAdmin img.galeria {
	border:1px solid #CCC;
	margin:0px 5px;
	background:#EEE;
	padding:5px 5px 20px;
}