/*
Theme Name: Atalho Comunicação 2011
Theme URI: http://www.atalhocomunicacao.com.br/
Description: Site da Atalho de Agosto de 2011.
Version: 0.1
Author: Richard Barros
Author URI: http://www.richardbarros.com.br/
Tags: widgets
Text Domain: 

*/
@charset "utf-8";
/* CSS Document */
*{ 	margin: 0; 	padding: 0;  }
a { color: #284591; text-decoration: none; cursor:pointer;}
a:hover { color: #284591; text-decoration: underline; }
img { border: 0; }
body {
	font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	color: #4c493f;
	font-size: 12px;
	background: url(../images/bg_global.jpg) #f0f0f0 no-repeat fixed center top;		
}

hr { display: none; }

ul{ list-style:none;}

#bar {
	margin: 0 auto;
	height: 5px;
	background: #028980;
}
#maintop {
	/*background-color: #363636;*/
	margin: 0 auto;
	height: 110px;
}

#top, #banner, #projetos, #maincontent, #destaques, #mainhomecontent, #canto, #menusec, #bottom, #rodape {
	width: 930px; text-align: left;
}
#mainhomecontent {
	margin: auto;

}
#top {
	height: 110px;
	margin: auto;	
}
#marca {
	width: 250px;
	height: 70px;
	margin-top: 20px;
	background: url(../images/img_marca.png) no-repeat;
	float: left;
	behavior: url(css/iepngfix.htc);
}
#marca h1 a { display: block; width: 250px; height: 70px; text-indent: -999em; outline: none; }

#menu {
	width: 600px;
	height: 65px;
	float: right;
	padding: 0;
	
}
#banner {
	border-top: 1px solid #CBC9C9;
    height: 416px;
    width: 930px;
	background: url(http://www.atalhocomunicacao.com.br/wp-content/themes/atalho2011/images/bg_banner.jpg) no-repeat bottom left;
	margin: 0 auto;
}
#banner a{ text-indent:inherit!important;}
#projetos {
	background: url(../images/bg_projetos.jpg) repeat-x left bottom;
	margin: 0 auto 0 auto;
	padding-bottom: 15px;
}
#destaques {
	margin: 25px auto;
	height: 255px;
}
#maincontent {
	margin: 0 auto;
	background: url(../images/bg_content.jpg) no-repeat left top;
	padding-top: 70px;
}
#content {
	/* background: url(../images/bgcontent.png); */
	width: 600px;
	_width: 580px;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 1em; 
	padding-bottom: 3em;
}
#sidebar {
	width: 300px;
	float: right;
}

#txthome {
	width: 283px;
	height: 255px;
	padding: 10px;
	background-color: #d5f8d4;
	background: url(../images/bg_home.jpg) no-repeat top left;
	float: left;
}
#txthome p{
	border-left: 2px solid #bbd13e;
	padding-left: 10px;
	margin-top: 10px;
}
#blogeee {
	width: 270px;
	height: 255px;
	padding: 10px 15px 10px 12px;
	margin: 0 0 0 7px;
	background: url(../images/bg_destaques.jpg) repeat-y right top;
	float: left;
	font-size: 8pt;
}
#sidebar #blogeee {
	height: auto;
}
#sidebar #blogeee {
	background: url(../images/bg_destaques.jpg) no-repeat right top #e7e7e7;
}
#blogeee span {
	font-weight: bold;
	color: #197F84;
}
#blogeee img {
	padding: 0 5px 0 0;
}
.data {
	font-size: 8pt;
	color: #363636;
}

#twitter {
	width: 280px;
	height: 230px;
	padding: 0 10px 10px;
	background: url(../images/bg_twitter.jpg) no-repeat top left;
	float: left;
	margin: 0 0 0 10px;
}
#sidebar #twitter {
	margin-top: 25px;
}
#txttwitter {
	padding: 35px 40px 0 40px;
	color: #f0f0f0;
}
#twitter h2 {
	display: none;
}

#twitter a {
	color: #bbd13e;
}
#twitter ul {
	padding:32px;
	font-size: 9pt;
	color: #fff;
}
#twitter ul {
	list-style: none;
}
#flickr {
	width: 278px;
	height: 100px;
	padding: 0 15px 10px 12px;
	margin: 0 0 0 7px;
	float: left;
}

#blogeee {
	position: relative;
}
#blogeee a.feed, #blog a.feed { 
	display: block;
	width: 21px; height: 24px;
	position: absolute;
	top: 5px; right:8px;
	text-indent: -999em;
	outline: none;
	background: url(../images/ico_blog.jpg) no-repeat right top #f00;
}
#blogeee a.feed:hover, #blog a.feed:hover { 
	
}

/* MAIN MENU -------------------------------------------------*/

#menu-rodape ul li {
    float: left;
}
#menu-rodape ul li a {
		padding:0 35px 0 0 ;
	height: 50px;
	color: #fff;
	display: block;
	text-decoration: none;
	
	z-index: 100;
	outline: medium none;
	font-size: 12px;
	letter-spacing: -1px;
	text-align:center;
	}
	#menu-rodape ul li a:hover{ text-decoration:underline;}
	
#menu ul {
	list-style: none;
}
#menu ul li {
    float: left;
}
    
#menu ul li a {
	width: 80px;
	height: 50px;
	color: #4b4b4b;
	display: block;
	text-decoration: none;
	padding: 43px 10px 0 10px;
	z-index: 100;
	outline: medium none;
	font-size: 13pt;
	letter-spacing: -1px;
	text-align:center;
	}
#menu ul li a:hover{
	background-color: #028980;
	color:#fff;
}
#menu ul li a span {
	color: #ad4d8c;
	font-size: 8pt;
}
#menu ul li a:hover span {
	color: #c18db1;
}
#menu ul {
	list-style: none;
}

/*  NEWSLETTER ------------------------------------------------------ */
#menu-rodape h2 { color: #fff; background: none; }


/*  PROJETOS ------------------------------------------------------ */
#projetos ul {
	list-style: none;
}
#projetos ul li {
    float: left;
	height:240px!important;
}
#projetos ul li a {
	display: block;
	width: 226px;
	text-decoration: none;
	z-index: 100;
	outline: medium none;
	color: #687676;
	font-size: 13px;
	padding: 10px 2px 10px 4px;
	}
#projetos ul li a:hover{
	background-color: #e7e7e7;
}

#projetos ul {
	list-style: none;
}
#projetos ul li a span {
color: #01747B;
    display: block;
    font-size: 13pt;
    font-weight: bold;
    padding: 4px;
	}
#projetos ul li a img {
	
}

/*  BLOG ------------------------------------------------------ */

#blogeee ul {
	list-style: none;
}
#blogeee  li {
    float: left;
	list-style:none;
}
    
#blogeee li a {
	display: block;
	width:265px;
	text-decoration: none;
	z-index: 100;
	outline: medium none;
	color: #687676;
	padding: 14px 5px;
	border-bottom: 1px solid #fff;
}
#blogeee  li a:hover{
	background-color: #e7e7e7;
	color:#197F84;
}
#sidebar #blogeee  li a:hover{
	background-color: #e0e0e0;
}
#blogeee ul {
	list-style: none;
	border-top:1px solid #FFFFFF;
}

#blogeee  li a img {
	float: left;
}
/*  FLICKR ------------------------------------------------------ */

#flickr ul {
	list-style: none;
}
#flickr ul li {
    float: left;
}
#flickr ul li a {
	display: block;
	width: 87px;
	height: 65px;
	text-decoration: none;
	z-index: 100;
	outline: medium none;
	color: #687676;
	margin: 11px 5px 0 0;
	background-color: #e0e0e0;
	}
#flickr ul li a:hover{
	background-color: #e7e7e7;
}
#flickr ul {
	list-style: none;
}
/* FORMATAÇÃO -----------------------------------------------------*/

h2 {
	font-size: 12pt;
	color: #363636;
	padding: 8px 0;
	background: url(../images/bg_h2.jpg) repeat-x left bottom;
}
h3 {
	font-size: 14px;
	color: #ab9f82;
}
#content p {
	padding-bottom: 15px;
}
a:hover { color: #284591; }

#content p {
	padding: 10px 0 10px 0px; 
	font-size: 10pt;
}
#content h2 {
	clear: both;
}
#content img.alignleft { margin-bottom: 1em; }

#content a img.alignleft { margin: 1em 1em 1em 0em ; float: left; }
#content img { clear: both; margin: auto;}

#content a { color: #136F6A; }

#content ul,
#content ol
 { padding-left: 3em; font-size: 10pt; margin:15px 0 0 0;}
#comments{ clear:both;}
.nocomments{ display:none;}
.hr {
	background: url(../images/img_hr.gif) repeat-x;
	height: 31px;
}

#banner a { width: 924px; height: 410px;  display: block; text-indent: -999em; outline: none; }

#rodape {
	height:200px;
	background: url(../images/bg_rodape.jpg) no-repeat center top;
	margin: 0 auto;
}
#mainrodape {
	height:200px;
	background: url(../images/bg_rodape.jpg) repeat-x center top;
	
}
#iconeredes {
	padding-top: 80px;
	width: 300px;
	float: left;
}
#atalho {
	width: 350px;
	font-size: 8pt;
	text-align: right;
	float: right;
	color: #f1f1f1;
	padding-top: 80px;
}
#atalho a {
	color: #8d547d;
}


/* BLOG -----------------------------------------------------*/

.clear { clear: both; }

#carrossel{ height:240px;}


/*SERVICOS */

.box-servicos{ margin:10px 0 0 0; clear:both;}
.servicos{ float:left; width:250px; display:block; margin:0 20px 40px 0;}
.servicos strong{ border-bottom:solid #333 1px; padding:0 0 10px 0; display:block; font-size:15px;}
.servicos p{ padding:20px 0 0 0 ; display:block;}

/*REDE SOCIAIS*/

.rede-sociais{display: block;float: left;padding: 90px 0 0; width: 150px;}
.rede-sociais a{}

/*paginacao*/

.wp-pagenavi {clear: both;display: block; margin: 0 auto;padding: 20px 0; width: 925px;}
.wp-pagenavi a, .wp-pagenavi span {border: 1px solid #136F6A!important; color:#136F6A!important;}
.wp-pagenavi span.current { color:#F00!important;}

/*-----------------*/

.box-trabalhe-conosco  { background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    float: right;
    padding: 10px;
    width: 228px; 
	margin-top: 10px;}

.box-telefone { float:left; width: 300px; padding-top: 10px; margin-top: 10px; }

h4 {font-size: 14px ; }

.divisao { background: url("../images/bg_h2.jpg") repeat-x scroll left center transparent;
    clear: both;
    height: 35px;}
	
#content form p {
    font-size: 10pt;
    padding: 5px 0 3px;
}

#content form[type="text"]{
    height: 20px;
    margin-top: 3px;
	width: 300px;
}

#content form [type="submit"] {
    background-color: #136F6A;
    border: 1px solid #F6F6F6;
    color: #FFFFFF;
    height: 31px;
    padding: 5px;
}

#content form textarea {
    height: 110px;
    width: 300px;
}
.clientes  img { clear: both; margin: auto; padding: 0 30px 30px 0;}

#content p strong { color: #136f6a; }

#access ul li.current_page_item a, #access ul li.current-menu-ancestor a, #access ul li.current-menu-item a, #access ul li.current-menu-parent a, #access ul li a:hover {
    color: #82C5CE;
}

#destaques-2{
    clear: both;
    height: 105px;
    margin: 25px auto 10px;
    padding: 20px 0;
    text-align: left;
    width: 925px;
	border-top:dotted 1px #ccc;
	}
	
#menu-rodape {
	width: 500px;
	padding:70px 0 0 0;
	height: 65px;
	float: left;}

	#menu-rodape p {
	color: #fff; }	

	#menu-rodape input[type="submit"] { border: 1px solid #197F84;
    color: #197F84; padding: 3px 7px; }
	
	#menu-rodape input[type="text"] { border: 1px solid #197F84; padding: 1px 2px; width: 250px;
    }
	
	#menu-rodape textarea { border: 1px solid #197F84;
    height: 80px;
    padding: 1px 2px;
    width: 250px;
    }

#rodape {
	height:200px;
	background: url(../images/bg_rodape.jpg) no-repeat center top;
	margin: 0 auto;
}
#mainrodape {
	height: 400px;
	background: url(../images/bg_rodape.jpg) repeat-x center top;
	
}
#iconeredes {
	padding-top: 80px;
	width: 300px;
	float: left;
}
#atalho {
	width: 350px;
	font-size: 10pt;
	text-align: right;
	float: right;
	color: #f1f1f1;
	padding-top: 80px;
}
#atalho a {
	color: #8d547d;
}

#atalho strong {
	font-size: 18px;
}

/* BLOG -----------------------------------------------------*/

.clear { clear: both; }

#carrossel{ height:240px;}


/*SERVICOS */

.box-servicos{ margin:10px 0 0 0; clear:both;}
.servicos{ float:left; width:250px; display:block; margin:0 20px 40px 0;}
.servicos strong{ border-bottom:solid #333 1px; padding:0 0 10px 0; display:block; font-size:15px;}
.servicos p{ padding:20px 0 0 0 ; display:block;}

/*REDE SOCIAIS*/

.rede-sociais{display: block;float:right; width: 130px; padding:10px 0;}
.rede-sociais a{}

/*paginacao*/

.wp-pagenavi {clear: both;display: block; margin: 0 auto;padding: 20px 0; width: 925px;}
.wp-pagenavi a, .wp-pagenavi span {border: 1px solid #136F6A!important; color:#136F6A!important;}
.wp-pagenavi span.current { color:#F00!important;}

#nuvem {
float: left;
height: 91px;
padding: 10px;
width: 585px;
background: url(../images/bg_destaques.jpg) repeat-y right top;
}
	
#nuvem a{ color: #136F6A;}

#logo-parceiros {
float: left;
height: 90px;
padding: 10px;
width: 283px;
}