/*
Semantica Web 2010
URL: www.semanticaweb.com.br
Descrição: Desenvolvimento de sites e Marketing Digital. 
Versão: 2.0
Autor: Rodrigo Simoni
Tags: criação de sites, otimização, SEO, links patrocinados, marketing disital

Este código foi escrito ignorando totalmente browsers antigos. 

Siga-nos no Twitter:
http://twitter.com/rodrigo_simoni
*/

/** Reset das tags do HTML 5 ***/

.campus_party {
	width: 1000px;
	text-align: center;
	margin: 0 0 10px 0;
}

header, section, footer, article, nav, aside {display: block;}

img { border: 0; }

body {
	background-color: #f7f7f7;
	margin: 10px 0 10px 0;
}

p {
	font: 12px arial;
	color: #666;
	line-height: 17px;
}

.col-right a {
	color: #666;
	text-decoration: none;
}

.col-right a:hover {
	color: #666;
	text-decoration: underline;
}

#container {
	width: 1000px;
	margin: auto;
}

/********************** MENU ***********************/

.logo {
	float: left;
	margin: 0 0 0 15px;
}

#menu {
	width: 1000px;
	height: 43px;
	background-image: url(../imagens/bg-menu.jpg);
}

/********************** TOPO ***********************/

#topo {
	width: 1000px;
	height: 295px;
	background-image: url(../imagens/bg-topo.jpg);
}

/*** CHAMADA ***/

.chamada {
	width: 297px;
	float: left;
	margin: 15px 17px 0 17px;
}

.chamada h2 {
	font: 20px arial;
	color: #000;
}

.chamada p {
	margin: 0;	
}

.chamada a {
	color: #666;
	text-decoration: none;
}

.chamada a:hover {
	color: #fff;
	background-color: #1380b8;
}

/********************** SERVICOS ***********************/

#servicos {
	width: 1000px;
	height: 269px;
	float: left;
	background-image: url(../imagens/bg-servicos.jpg);
	margin: 20px 0 20px 0;
}

#servicos h4 {
	font: 16px arial;
	margin: 7px 0 0 15px;
}

/*** DESTAQUES ***/

.destaque {
	width: 220px;
	float: left;
	margin: 17px 0 0 25px;
}

.destaque img {
	float: left;
	margin: 7px 7px 0 0;
}

#servicos h3 {
	font: bold 16px arial;
	margin: 7px 0 0 15px;
}

#servicos p {
	margin: 0 0 0 57px;	
}

#servicos a {
	color: #666;
	text-decoration: none;
}

#servicos a:hover {
	color: #fff;
	background-color: #d9144c;
	text-decoration: none;
}

/********************** RODAPE ***********************/

#rodape {
	width: 1000px;
	height: 47px;
	background-image: url(../imagens/bg-rodape.jpg);
	clear: both;
	color: #fff;
}

#rodape p {
	color: #fff;
	font-size: 11px;
	margin: 6px 0 0 0;
}

.rod-left {
	float: left;
	margin: 0 0 0 20px;
}

.rod-right {
	float: right;
	margin: 0 20px 0 0;
}

.rod-right span {
	font-size: 20px;
}

#rodape a {
	color: #fff;
	text-decoration: none;
}

#rodape a:hover {
	color: #000;
	background-color: #fff;
}

.bookmark {
	margin: 15px 0 0 15px;
}

.skype {
	float: left;
	margin: 13px 0 0 5px;
}













/******************* PÁGINAS DE DENTRO ***************************/

#cont-dentro { 
	width:1000px;
	float:left;
	margin: 10px 0 10px 0;
}

#cont-dentro h1 { 
	font: 80px arial;
	color: #000;
	padding: 15px 0 15px 0;
	line-height: 70px;
	letter-spacing: -3px;
}

#cont-dentro h3 { 
	font: 25px arial;
	color: #000;
	letter-spacing: -1px;
	padding: 10px 0 0x 0;
}

/*** MENU-DENTRO ***/

.menu-dentro {
	font: 14px arial;
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
	width: 230px;
	height: 272px;
	background-image: url(../imagens/bg-mnu-dentro.jpg);
}

.menu-dentro ul {
	font: 14px arial;
	float: left;
	list-style: none;
	margin: 5px 0 0 5px;
	width: 220px;
}

.menu-dentro li a {
	color: #666;
	padding: 7px;
	border-bottom: 1px solid #ccc;
	display: block;
	text-decoration: none;
	margin: 0 5px 0 5px;
}

.menu-dentro li a:hover {
	color: #000;
	text-decoration: underline;
}

.banner {
	margin-top: 25px;
}

.letter {
	font: 14px arial;
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
	width: 230px;
	height: 272px; 	
}

/*** COLUNA DE TEXTO ***/

.coluna-texto {
	width: 500px;
	float: left;
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
	padding: 0 5px 0 10px;
	background-image: url(../imagens/bg-texto.jpg);
}

.coluna-texto h2 {
	font: 25px "times new roman";
	color: #d9144c;
	margin: 5px 0 20px 0;
}

.coluna-texto p {
	line-height: 19px;
}

.coluna-texto object {
	width: 490px;
	height: 370px;
	border: 3px solid #d9144c;
	float: left;
	margin: 15px 0 15px 0;
}

.img-texto {
	margin: 15px 0 15px 0;
	border: 1px solid #ccc;
}

/** LISTA ***/

.lista-dentro {
	font: bold 16px arial;
	margin: 15px 0 15px 0;
	color: #666;
	line-height: 22px;
}

.lista-dentro li {
	list-style-image: url(../imagens/li.jpg);
	margin-left: 30px;
	margin-bottom: 13px;
}

/** ALINHAMENTO DE IMAGENS **/

.img-align-right {
	float: right;
	margin: 0 0 0 10px;
}






/*** NEWSLETTER ***/

.newsletter {
	width: 230px;
	margin: 30px 0 0 0;
	float: left;
}

.newsletter h4 {
	font: 18px arial;
	color: #666;
	margin: 10px 0 10px 5px;
}

.newsletter p {
	color: #666;
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 5px;
	float: left;
}

.newsletter input {
	float: left;
	width: 200px;
	height: 20px;
	border: 1px solid #999;
	margin: 0 0 3px 6px;
	font-weight: bold;
	color: #e3144c;
}

.newsletter #enviar {
	width: 53px;
	height: 25px;
	border: 0;
	float: left;
	margin: 5px 0 0 5px;
}





/************************ COL RIGHT *************************/

.col-right {
	width: 210px;
	float: right;
	margin: 0 5px 0 0;
	background-color: #fff;
	padding: 5px;
}

.col-right h4 {
	width: 200px;
	height: 40px;
	font: bold 18px arial;
	letter-spacing: -1px;
	background-image: url(../imagens/twitter-bird.jpg);
	background-repeat: no-repeat;
	padding: 15px 0 0 50px;
}


/*** TWEET *****/


#tweet-container ul {
color:#666;
list-style:none;
width:210px;
font: 11px arial;
margin: 0 0 20px 0;
}
#tweet-container .imagem img {
display:block;
float:left;
margin-right:5px;
width: 40px;
height: 40px;
}
#tweet-container li {
min-height:40px;
background:#fff;
clear:both;
border:1px solid #ccc;
padding:5px;
margin:4px 0;
}
#tweet-container ul a {
color:#999;
font-style:italic;
}
#tweet-container ul a:hover {
color:#ccc;
text-decoration:none;
}


/**** LINKS ****/

.links-all {
	width: 200px;
	float: left;
	margin: 0 0 15px 0;
}

.links {
	border-bottom: 1px solid #ccc;
}

.links strong {
	color: #666;
	font-size: 14px;
}

.links a:hover {
	color: #fff;
	background-color: #d9144c;
	text-decoration: none;
}



/************************ FORMULARIO *************************/

.formulario {
	width: 500px;
	float: left;
	font: 12px arial;
}
		
fieldset {
	border: 1px solid #fff;
	padding: 12px;
	margin-bottom: 25px;
}
	
legend {
	font-size: 20px;
	color: #4c8d6d;
	font-weight: bold;
}
		
label {
	color: #666;
}
		
input {
	width: 350px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	padding: 3px;
	margin-bottom: 3px;
}
		
select {
	width: 216px;
	height: auto;
	border: 1px solid #7F9DB9;
	margin-bottom: 3px;
	padding: 3px;
}
		
optgroup {
	background-color: #FFFFB0;
	color: #333333;
	font-style: normal;
}
	
option {
	background-color: #FFFFE8;
	color: #333333;
}
		
textarea {
	width: 350px;
	height: 120px;
	border: 1px solid #7F9DB9;
	margin-bottom: 3px;
	padding: 3px;
}
		
input:hover, select:hover, textarea:hover {
	background-color: #F2F3F4;
	border: 1px solid #000;
	}
		
input:focus, select:focus, textarea:focus {
	background-color: #FFFFCC;
	border: 1px solid #000;
}

.botao-form {
	background: #000;
	padding: 5px 3px 5px 3px;
	color: #fff;
	border: 0px;
	cursor: pointer;
	float: left;
	margin: 5px 0 0 6px;
}

.botao-form:hover {
	background: #d9144c;
}

.link-ativo {
	color: #666;
	background-color: #DEE9FA;
	text-decoration: none;
	padding: 1px;
}

.chat {
	float: left;
	margin: 3px 0 0 0;
}

/*** PORTIFOLIO ***/

.portifolio {
	width: 1000px;
	height: 430px;
	background-image: url(../imagens/bg_portifolio.jpg);
}

.portifolio h5 {
	font: bold 14px arial;
	color: #f50e60;
	margin: 10px 0 5px 0;
}