/*
Theme Name: Tecsite Estudio Digital
Theme URI: http://www.tecsite.com.br/
Description: CMS theme for Wordpress - By Tecsite
Version: 0.1
Author: Miriam de Paula
Datum: 15/11/2008
*/
body {
  	background:#fff url(images/bg-site.jpg) repeat-x;
  	color: #666;
  	font: normal .8em/170% Verdana, Tahoma, Helvetica, "Sans Serif";
}

/* links  */
a, a:visited {
	color: #000;
  	text-decoration: none;
}

a:hover { color:#9c0; }

.mais, .more-link {
	float:left;	
	text-align:right;
	height:30px;
	margin-top:25px;
	font-weight:bold;
	margin-bottom:20px;
}

/* headings */
h2 {font-size:1.5em;} 
h3 {font-size:1.3em;}
h4 {font-size:1.2em; font-weight:bold;} 

h2, h3, h4 { font-family:"Lucida Sans Unicode"; margin-bottom:5px; clear:both; }

/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }

/* page structure & layout */
#site {   
  margin: 22px auto 0;  
  width: 960px;
  height:auto;
  display:table;
  background:url(images/bg-geral.jpg) no-repeat;    
}

#cabecalho {  
  height:87px/*127px*/;
  width:920px/*960px*/;  
  padding:20px;
  float:left;
}

#corpo {
	float: left;  	
	min-height:556px/*576px*/;	 
  	width:920px/*960px*/;
	padding:0 20px 20px 20px;	
}

/***** O rodapé fica fora da div GERAL ***/
#rodape {
	width:100%;
	height:92px;
	/*clear:both;*/
	float:left;
	background:url(images/bg-rodape.jpg) repeat-x;
	line-height: normal;
}
	
	#rodape #rodape-conteudo { 
		width:920px/*960px*/;
		height:92px;
		padding:0 20px;
		margin:0 auto;
		color:#fff;
	}

/* header */

#cabecalho #cab-esquerdo {
	width:215px;
	height:87px;
	float:left;
}

#cabecalho #cab-direito {	
	width:705px;
	height:87px;
	float:left;
}

	#cabecalho #cab-direito #menu {
		width:549px;
		height:34px;
		background:#9c0;
		position:relative;
		float:right;
		border:1px solid #fff;	
	}

/* content */
#box-animacao {
	width:675px/*685px*/;
	height:167px/*187px*/;
	padding:10px 0 10px 10px;
	background:url(images/bg-animacao.jpg) no-repeat;
	margin-bottom:20px;	
}

#box-animacao #slides {
	width:450px;
	height:167px;
	float:left;
	background:#f4f4f4;
}

#box-animacao img { display:block; /*float:left;*/}

#box-animacao #slides #loading {
	position:relative;
	text-align:center;
	margin:0 auto;
	width:35px;	
}

#corpo #lado-esquerdo, 
#corpo #textos {
	width:685px/*705px*/;
	padding-right:20px;
	float:left;
} 

#corpo #lado-direito {
	width:215px;
	float:left;
}

	
.caixa-215px {
	width:215px;	
	min-height:180px; 	
	float:left;
	margin:0 20px 25px 0;	
}

.sem-margem-direita { margin-right:0; }


#corpo #caixa-area-cliente {
	height:220px;
	margin:0 0 25px 0;
	float:left;
}
		
#corpo .thumbs, #textos img, .caixa-215px img, #textos .wp-caption {
	float:left;
	margin:0 10px 5px 0;
}


#corpo h2, #corpo h2#area-cliente {
	background:#9c0 url(images/bg-titulos.jpg) repeat-x;
  	color: #fff;
  	/*font-weight:bold;*/
	text-align:center;
	padding-top:10px;  	
  	height:40px/*50px*/;
	border:1px solid #fff;  	
}

#corpo h2#area-cliente { background:#738EB5 url(images/bg-titulo-area-cliente.jpg) repeat-x; }

#corpo h2 a, #corpo h2 a:visited {
	color:#fff;
  	text-decoration: none;
}

#corpo h2 a:hover {	text-decoration:underline }


#corpo .caixa-215px h2 { text-transform:uppercase; }

#corpo h3 { /*titulos internos */
  	color: #690;
	/*font-weight:bold;*/
	height:auto;
	width:auto;	
	clear:both;
	line-height:normal;
	margin:20px 0 20px 0;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	text-transform: uppercase;
}
#corpo h4 { margin-top:20px; width:auto; clear:none; }

#corpo h4.veja-mais {
	clear:both;
	margin-top:40px;
	color:#669900;
}




#corpo p {
  line-height: 1.5em;
  margin: 0 0 10px 0;
}

#corpo ol {
  line-height: 1.8em;
  margin: 0 30px 20px 50px;
}

#corpo ul {
  line-height: 1.8em;
  margin: 0 20px 15px 50px;

}

#corpo ul li {
  line-height: 1.8em;
  list-style: circle;
  padding-left: 2px;
}

#corpo ul.ultimas-noticias  {
	margin:0;
}

#corpo ul.ultimas-noticias li { list-style:none; margin-bottom:10px; }

/*#corpo ul.ultimas-noticias li a,
#corpo ul.ultimas-noticias li a:visited {
	color:#333;
	text-decoration:none;
}

#corpo ul.ultimas-noticias li a:hover {
	color:#76aac9;
}
*/
#corpo h3.data-noticia {
	background:url(images/data-noticia-ico.gif) no-repeat 0 4px;
	padding-left:20px;
	font-size:1.1em;
	margin-bottom:5px;
	border-bottom-style:dotted;
}

#corpo .rss {
	float:left;
	width:18px;
	height:18px;
	display:block;
}

#corpo #portfolio-home {
	width:685px;
	height:124px/*154px*/;
	min-height:124px;
	padding:15px 0;
	background:#eee;
	float:left;
	margin-bottom:20px;		
}

#corpo #tag-cloud { margin-bottom:20px; }

#corpo #tag-cloud a { margin-right:15px; }

#corpo #contato-skype { text-align:center; }

/* textos internos */
#corpo #textos p { margin-bottom:15px; }


#corpo #textos .categories { list-style:none; margin:0; padding:0; }

#corpo #portfolio {	
	height:100%;
	width:100%;
	float:left;
	margin:0pt auto;
	position:relative;
	padding-bottom:15px;	
}

#corpo #portfolio ul {}
	
#corpo #portfolio ul li {
	background-color:#FAFAFA;
	border-bottom:1px solid #eee;
	border-right:1px solid #ccc;
	/*display:inline;*/
	float:left;
	/*height:auto;*/
	min-height:150px;
	margin:10px;
	padding:5px;
	text-align:center;
	width:170px;
	list-style-type:none; 
}

#corpo #portfolio ul li a img { float:none; display:block; margin:0 auto; text-align:center; }

#corpo #portfolio ul li p { clear:both; }


/* Configurações do Menu */

#menu ul { margin-left:35px; }

#menu ul li { float:left; list-style:none; font:normal 14px "Lucida Sans Unicode"; }

#menu ul li a, #menu ul li a:visited { color:#fff; padding:8px 15px 0; text-decoration:none; float:left;}

#menu ul li.current_page_item a, 
#menu ul li.current_page_item a:visited,
#menu ul li.current_page_parent a,
#menu ul li.current_page_parent a:visited,
#menu ul li a:hover { text-decoration:underline; }

#menu ul ul { display:none; }
	

/* footer */
#rodape p {
  line-height: 1.8em;
  font-size:.9em;
}

#rodape a, #rodape a:visited {
	color:#fff;
  	text-decoration: underline;
}

#rodape a:hover {
	color:#9C0;
}


#rodape-esquerdo, #rodape-direito {
	width:460px;
	height:52px/*72px*/;	
	float:left;
	padding-top:20px;
}

#rodape-direito { text-align:right; }

/* classes */
.hide { display: none; }

hr {
	height:1px;
	border:1px solid #ccc;		
	color:#ccc;
	margin:0 0 5px;
}

.youtube {
	display:block;
	margin:0 20px 20px 0;
	float:left;
}