/*

Theme Name: Ganesh

Theme URI: http://www.ganesh.com.br/

Description: Tema para a agência Ganesh

Version: 1.0

Author: W3Z - www.w3z.com.br

Tags: black, yellow, fixed width, two columns, jquery

*/



/* ZERANDO */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	background-color:transparent;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: black;

	background: transparent;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}





/* INÍCIO - GANESH */



/* GLOBAIS *****************************************/

body {

	background: #000;

	font-family: Verdana, Geneva, sans-serif;

	color: #fff;

	font-size: 14px;

	padding: 30px 0;

	line-height: 110%;

}

a {

	color: #f2cb00;

	text-decoration: none;

}

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

/* PAIS ********************************************/

#Geral {

	width: 930px;

	margin: 0 auto;

}

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

/* ESQUERDA ****************************************/

#Esquerda {

	width: 180px;

	float: left;

	display: inline;

	font-size: 1.4em;

	margin: 0 30px 0 0;

}

#Esquerda h1 {

	margin: 0 0 40px;

}

#Esquerda h1.marca a {

	display: block;

	overflow: hidden;

	text-indent: -9000px;

	background: url(img/marca.gif) left top no-repeat;

	width: 179px;

	height: 405px;

}

#Esquerda #Menu {

	text-align: center;

	margin: 0 0 40px;

}

#Esquerda #Menu ul li {

	margin: 15px 0;

}

#Esquerda #Links ul li {

	float: left;

	display: inline;

}

#Esquerda #Links ul li.meio {

	margin: 0 8px;

}

#Esquerda #Links ul li a{

	display: block;

	text-indent: -9000px;

	overflow: hidden;

	height: 25px;

}

#Esquerda #Links li.lk_twitter a {

	background: url(img/lk_twitter.gif) left top no-repeat;

	width: 25px;

}

#Esquerda #Links li.lk_facebook a {

	background: url(img/lk_facebook.gif) left top no-repeat;

	width: 63px;

}

#Esquerda #Links li.lk_downfolio a {

	background: url(img/lk_downfolio.gif) left top no-repeat;

	width: 75px;

}

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

/* MEIO ********************************************/

#Meio {

	width: 518px;

	float: left;

	display: inline;

	margin: 0 22px 0 0;

        padding: 0 0 40px;

}

#Meio .post {

	margin: 0 0 30px;

}

#Meio .post .titulo {

	color: #f2cb00;

	height: 25px;

	border-bottom: 2px solid #f2cb00;

	text-transform: lowercase;

}

#Meio .post .titulo h1,

#Meio .post .titulo h3{

	display: inline;

	font-size: 1.2em;

}

#Meio .post .titulo h1 {

	font-weight: none;

}

#Meio .post .titulo .info {

	float: right;

}

#Meio .post .titulo .info a{

	color: #fff;

	font-weight: bold;

}



#Meio .post .conteudo {

	position: relative;

}

#Meio .post .nos img.principal {

	float: left;

}

#Meio .texto_info{

	position: absolute;

	top: 0;

	right: 0;

	font-size: 0.65em;	

	width: 170px;

	background: #000;

	height: 327px;

	overflow: hidden;

	padding: 30px 45px;

}

#Meio .texto{

	float: left;

	display: inline;

	font-size: 0.65em;	

	background: #000;

	overflow: hidden;

	padding: 10px 20px;

}

#Meio .pagina .texto{

	font-size: 0.9em;	

	padding: 20px 30px;

        line-height: 140%;

}

#Meio .pagina .texto p {

    margin: 0 0 15px;

}

#Meio.equipe .texto p {

    margin: 0 0 8px;

}

#Meio.equipe .texto h3 {

    font-size: 1.3em;

    margin: 0 0 10px;

}

#Meio.equipe .texto{

    width: 266px;

}

#Meio .texto_info .box_bg {

	width: 1000px;

	height: 9000px;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

}

#Meio .texto_info .txt {

	position: relative;

	z-index: 1;

}

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

/* DIREITA *****************************************/

#Direita {

	width: 180px;

	float: left;

	display: inline;

}

#Direita h2 {

	color: #f2cb00;

	font-weight: bold;

	text-align: center;

	border-bottom: 2px solid #f2cb00;

	padding: 0 0 12px;

}

#Direita #Clientes ul li {

	text-align: center;

	margin: 30px 0;

}

#Direita #Clientes ul li a {

/*	display: block;

	text-indent: -9000px;

	overflow: hidden; */

	margin: 0 auto;

}

#Direita #Clientes .cli_cetrel a {

	background: url(img/cli_cetrel.gif) left top no-repeat;

	width: 104px;

	height: 31px;

}

#Direita #Clientes .cli_ecman a {

	background: url(img/cli_ecman.gif) left top no-repeat;

	width: 90px;

	height: 14px;

}

#Direita #Clientes .cli_luripress a {

	background: url(img/cli_luripress.gif) left top no-repeat;

	width: 86px;

	height: 30px;

}

#Direita #Clientes .cli_newton a {

	background: url(img/cli_newton.gif) left top no-repeat;

	width: 56px;

	height: 61px;

}

#Direita #Clientes .cli_geradora a {

	background: url(img/cli_geradora.gif) left top no-repeat;

	width: 78px;

	height: 22px;

}

#Direita #Clientes .cli_belanapoli a {

	background: url(img/cli_belanapoli.gif) left top no-repeat;

	width: 74px;

	height: 23px;

}

#Direita #Clientes .cli_francesca a {

	background: url(img/cli_francesca.gif) left top no-repeat;

	width: 70px;

	height: 30px;

}

#Direita #Clientes .cli_161 a {

	background: url(img/cli_161.gif) left top no-repeat;

	width: 48px;

	height: 25px;

}

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

/* CLASSES DIVERSAS ********************************/

.clear {

	clear: both;

	line-height: 0;

	font-size: 1;

	height: 0;

}

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

/* ENDEREÇO GANESH *********************************/

.enderecoGanesh{ text-align:center; }

.enderecoGanesh p{ font-size:12px; }

.enderecoGanesh strong.endereco{ color:#F2CB00; }

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

/* FORMULÁRIO DE CONTATO ***************************/

#ContatoSite input,

#ContatoSite textarea {

   border: 0;

   width: 440px;

   font: 1.1em Arial, Helvetica, sans-serif;

   padding: 3px 5px; 

}

#ContatoSite p.botoes {

    float: right;

    margin: 0 -20px 0 0 !important;

}

#ContatoSite .botoes input {

   width: 90px;

   background: #f2cb00;

   text-transform: uppercase;

   padding: 6px 2px;

   font-size: 0.9em;

}

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

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

/* RODAPÉ *********************************/

.enderecoGanesh a{

	color: #ffffff;

	text-decoration: none;

}