/* modulos do css - internas  
	---------------------------------------------------------- */
	@import url("home.css");

	/* about us */
	@import url("about-us.css");
	
	/* quotes */
	@import url("quotes.css");

	/* channel i */
	@import url("channel-i.css");

	/* unique aproach */
	@import url("unique-aproach.css");

	/* artemis */
	@import url("artemis.css");

	/* coe */
	@import url("coe.css");

	/* contact-map */
	@import url("contact-map.css");

	/* meet-the-team */
	@import url("meet-the-team.css");

	/* join-us */
	@import url("join-us.css");

	/* privacy */
	@import url("privacy.css");

	/* delivering sucess */
	@import url("delivering-sucess.css");

	/* MC Connect */
	@import url("mc-connect.css");

	/* MC Speaks */
	@import url("mc-speaks.css");

	/* MC insights */
	@import url("mc-insights.css");
	
	/* MC insights2 */
	@import url("mc-insights2.css");

	/* Site Map */
	@import url("site-map.css");

	/* Services */
	@import url("services.css");

	/* Campaign */
	@import url("mc-campaign.css");
	
	/* Index Page */
	@import url("indexpage.css");

	/* css reset
	---------------------------------------------------------- */

	* {
		margin:0;
		padding: 0;
		list-style: none;
		text-decoration: none;
		border: none;
		}

	p {
		margin-bottom: 10px;
		}

	a{
		color: #659E00;
		text-decoration: none;
		outline: none;
		}

	body {
		margin: 0;
		text-align: center;
		background: #FFFFFF;

		}
	
	/* page structure
	---------------------------------------------------------- */

	#main-body {
		margin: 0 auto;
		text-align: left;
		width: 975px;
		height: 597px;
		}

	
	/* header
	---------------------------------------------------------- */	

	#header {
		height: 105px;
		background: url("../img/top-bg.jpg") repeat-x;
		}

	#header #top-esq {
		width: 27px;
		height: 105px;
		float: left;
		background: url("../img/top-esq.jpg") left no-repeat;
		}
	
	#header #top-dir {
		width: 8px;
		height: 105px;
		float: right;
		background: url("../img/top-dir.jpg") right no-repeat;
		}

	#header #top {
		width: 937px;
		height: 84px;		
		float: left;
		}

	/* logo MC */
	#header #top h1{
		width: 142px;
		height: 54px;
		margin: 15px 0px;
		background: url("../img/logo-mc.gif") no-repeat;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		float: left;
		cursor: pointer;
		}

	#header #top h1 a {
		width: 142px;
		height: 54px;
		display: block;
		outline: none;
		}

	.global {
		float:right;
		margin-right:-5px;
		margin-top:6px;
		position:relative;
	}
		
	/* language */
	#header #top #language { 
		width: 164px;
		height: 54px;
		margin: 15px 15px 10px 15px;
		text-align: right;
		float: right;
		background: url("../img/map-language.gif") top right no-repeat;
		}
		
	#header #top #language select {  
		width: 160px;
		margin-top: 40px;
		font: 10px Verdana;
		color: #666666;
		border: 1px solid #888888;
		}
		
	#top-logo {
		padding-top:15px;
		float:left;
	}

	/* nav */
	#nav {
	position: relative;
	margin-top: -1px;
	padding: 0;
	float: right;
	z-index: 9999;
		}

	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}

	#nav ul li {
		position: relative;
		margin-right: -2px;
		padding: 0;
		font: 10px Arial, serif;
		text-transform: uppercase;
		float: left;
		background: url("../img/nav-separador.gif") no-repeat center right;
		}

	#nav ul li.none {
		background: none;
		}

	#nav li a {
		padding: 4px 1px 4px 3px;
		text-decoration: none;
		color: #214863;
		border: none;
		display: block;
		outline: none;
		}

	#nav li a:hover {
		color: #fff;
		}
		
	#nav .home a{
		width: 59px;
		background: url("../img/nav-home.jpg") no-repeat;
		background-position: top;
		text-indent: -9999px;
		}

	#nav .home a:hover{
		background: url("../img/nav-home.jpg") no-repeat;
		background-position: bottom;
		}
			
	#nav .about-us a{
		width: 96px;
		background: url("../img/nav-about-us-fi.jpg") no-repeat;
		background-position: top;
		text-indent: -9999px;
		}

	#nav .about-us a:hover{
		background: url("../img/nav-about-us-fi.jpg") no-repeat;
		background-position: bottom;
		}
		
	#nav .services a{
		width: 69px;
		background: url("../img/nav-services.jpg") no-repeat;
		background-position: top ;
		text-indent: -9999px;
		}

	#nav .services a:hover{
		background: url("../img/nav-services.jpg") no-repeat;
		background-position: bottom ;
		}
		#nav .campaign a{
		width: 73px;
		background: url("../img/nav-kampanja.jpg") no-repeat;
		background-position: top right;
		text-indent: -9999px;
		}

	#nav .campaign a:hover{
		background: url("../img/nav-kampanja.jpg") no-repeat;
		background-position: bottom right;
		}

	#nav .channel-i a{
		width: 72px;
		background: url("../img/nav-channel.jpg") no-repeat;
		background-position: top;
		text-indent: -9999px;
		}

	#nav .channel-i a:hover{
		background: url("../img/nav-channel.jpg") no-repeat;
		background-position: bottom;
		}

	#nav .unique-aproach a{
		width: 109px;
		background: url("../img/nav-unique-aproach.jpg") no-repeat;
		background-position: top;
		text-indent: -9999px;
		}

	#nav .unique-aproach a:hover{
		background-position: bottom;
		}

	#nav .artemis a{
		width: 64px;
		background: url("../img/nav-artemis.jpg") no-repeat;
		background-position: top;
		text-indent: -9999px;
		}

	#nav .artemis a:hover{
		background-position: bottom;
		}

	#nav .centers-of-excellence a{
		width: 152px;
		background: url("../img/nav-coe.jpg") no-repeat;
		background-position: top right;
		text-indent: -9999px;
		}

	#nav .centers-of-excellence a:hover{
		background-position: bottom right;
		}

	#nav .delivering-success a{
		width: 130px;
		background: url("../img/nav-delivering.jpg") no-repeat;
		background-position: top right;
		text-indent: -9999px;
		}

	#nav .delivering-success a:hover{
		background-position: bottom;
		}

	

	/* submenu */
	#nav ul li ul{
		left: 0;
		top: 0;
		margin: 0;
		padding-top: 2px;
		position: absolute;
		visibility: hidden;
		}

	#nav ul li a, #nav ul li a:hover{
		display: block;
		}

	#nav ul li ul li{
		margin-right: -7px;
		background: none; 
		display: inline;
		}

	#nav ul li ul li a{
		font: bold 12px "Tahoma", Verdana, Arial;
		}

	.sm-top{
		width: 150px;
		height: 33px;
		background: url("../img/nav-top-sm.gif") no-repeat bottom;
		}

	.sm-top-ds{
		width: 150px;
		height: 33px;
		background: url("../img/nav-top-sm-ds.gif") no-repeat bottom;
		}

	#nav .sm-about, #nav .sm-uaproach, #nav .sm-dsuccess, #nav .sm-about1 {
		width: 150px;
		}

	/* submenu - about */

	#nav ul li .sm-about{
		margin-left: 0px;
		}

	#nav .sm-about li a, #nav .sm-about li a:hover{
		height: 14px;
		}

	#nav .sm-about .our-company a{	
		width: 55px;
		background: url("../img/menu/sm-our-company-.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-about .our-mission a{
		width: 78px;
		background: url("../img/menu/sm-our-mission-.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-about .our-team a{
		width: 44px;
		background: url("../img/menu/sm-our-team-.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-about .our-news a{
		background: url("../img/menu/sm-our-news-.gif") no-repeat;
		width: 70px;
		background-position: top;
		}

	#nav .sm-about .our-company a:hover{background: url("../img/menu/sm-our-company-.gif") no-repeat;	
		background-position: bottom;
		}

	#nav .sm-about .our-mission a:hover{
		background-position: bottom;
		}

	#nav .sm-about .our-team a:hover{background: url("../img/menu/sm-our-team-.gif") no-repeat;
		background-position: bottom;
		}

	#nav .sm-about .our-news a:hover{
		background-position: bottom;
		}
			
		/* submenu - Services */
		
	#nav ul li .sm-services{
		margin-left: 2px;
		display: inline;
		}

	#nav ul li  .sm-services ul li{
		display: inline;
		}

	#nav .sm-services li a, #nav .sm-services li a:hover{
		height: 14px;
		}

	#nav .sm-services .our-company a{	
		width: 104px;
		background: url("../img/menu/sm-search-engine-marketing222.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-services .our-mission a{
		width: 78px;
		background: url("../img/menu/sm-our-mission.gif") no-repeat;
		background-position: top;
		}



	#nav .sm-services .our-news a{
		background: url("../img/menu/sm-our-news.gif") no-repeat;
		width: 82px;
		background-position: top;
		}

	#nav .sm-services .our-company a:hover{	
		background-position: bottom;
		}

	#nav .sm-services .our-mission a:hover{
		background-position: bottom;
		}

	#nav .sm-services .our-team a:hover{
		background-position: bottom;
		}

	#nav .sm-services .our-news a:hover{
		background-position: bottom;
		}
	


	
	/* submenu - unique aproach */
	#nav ul li .sm-uaproach{
		margin-left: 2px;
		}

	#nav .sm-uaproach li a, #nav .sm-uaproach li a:hover{
		height:14px;
		}

	#nav .sm-uaproach .global-network a{
		width: 103px;
		background: url("../img/menu/sm-global-network.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-uaproach .concert a{
		width: 61px;
		background: url("../img/menu/sm-concert.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-uaproach .our-tools a{
		width: 70px;
		background: url("../img/menu/sm-our-tools.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-uaproach .global-network a:hover{
		background-position: bottom;
		}

	#nav .sm-uaproach .concert a:hover{
		background-position: bottom;
		}

	#nav .sm-uaproach .our-tools a:hover{
		background-position: bottom;
		}


	/* submenu - delivering success */
	
	#nav .sm-dsuccess {
		width: 149px;
		/*width: 211px;*/
		left: -83px;
		}
		
	#nav ul li .sm-dsuccess{
		margin-left: -2px;
		}

	#nav .sm-dsuccess li a, #nav .sm-dsuccess li a:hover{
		height:14px;
		}

	#nav .sm-dsuccess .clients a{
		width: 67px;
		background: url("../img/menu/sm-clients.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-dsuccess .case-studies a{
		width: 82px;
		background: url("../img/menu/sm-case-studies.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-dsuccess .awards a{
		width: 62px;
		background: url("../img/menu/sm-awards.gif") no-repeat;
		background-position: top;
		}

	#nav .sm-dsuccess .clients a:hover{
		background-position: bottom;
		}

	#nav .sm-dsuccess .case-studies a:hover{
		background-position: bottom;
		}

	#nav .sm-dsuccess .awards a:hover{
		background-position: bottom;
		}

	.sm-bottom{
		width: 150px;
		/*width: 140px;*/
		height: 21px;
		/*background: #92b700;*/
		background: url("../img/nav-bottom-sm.gif") no-repeat;
		}

	#nav ul li ul li a:hover{
		border-width: 1px;
		color: #115A11;
		}

	/* page
	---------------------------------------------------------- */	
	#page {
		width: 787px;
		font: 10px Verdana, Arial;
		color: #424242;
		float: left;
		}	


	/* sidebar
	---------------------------------------------------------- */	

	#sidebar {
		width: 180px;
		height: 444px;
		float: left;
		background: url("../img/sidebar-bg.jpg") repeat-x;
		border-right: 1px solid #888888;
		}

	#sidebar #sidebar-esq{
		width: 6px;
		height: 444px;
		background: url("../img/sidebar-esq.jpg") no-repeat;
		float: left;
		}
		
	/* sidebar menu
	---------------------------------------------------------- */

	#sidebar ul{
		padding: 0;
		margin-top: 15px;
		height: 205px;
		border-bottom: 1px solid #888888;
		}

	#sidebar ul li{
		margin-left: 10px;
		text-indent: -9999px;
		}

	#sidebar ul li a{
		width: 160px;		
		height: 25px;
		display: block;
		outline: none;
		}

	#sidebar ul li.contact-us {
		width: 160px;		
		height: 25px;
		display: block;
		outline: none;
		background: url("../img/sb-btn-contact-us.jpg") top left no-repeat;
		}

	#sidebar ul li.contact-map {
		background: url("../img/sb-btn-contact-map.gif") top left no-repeat;
		}

	#sidebar ul li.corporate-team {
		background: url("../img/sb-btn-corporate-team.gif") top left no-repeat;
		}

	#sidebar ul li.join-us {
		background: url("../img/sb-btn-join-us.jpg") top left no-repeat;
		}
	#sidebar ul li.blogit {
		background: url("../img/sb-btn-mc-blogit.jpg") top left no-repeat;
		}
	#sidebar ul li.mc-insights {
		background: url("../img/sb-btn-mc-insights.jpg") top left no-repeat;
		}
		
	#sidebar ul li.mc-insights-eng {
		background: url("../img/sb-btn-mc-insights-eng.jpg") top left no-repeat;
		}

	#sidebar ul li.mc-speaks {
		background: url("../img/sb-btn-mc-speaks.jpg") top left no-repeat;
		}
		
	#sidebar ul li.mc-connect {
		background: url("../img/sb-btn-mc-connect.jpg") top left no-repeat;
		}
	/* Sidebar Banner
	---------------------------------------------------------- */
	#main-body #sidebar a .sidebarBanner {
		
		width:170px;
		height:170px;
		padding:2px 0 2px 2px;
		margin:0;
		}
	

	/* izone video
	---------------------------------------------------------- */	

	#izone-video{
		width: 170px;
		height: 201px;
		border-top: 1px solid #FFFFFF;
		float: left;
		}

	#izone-video .tit-mexico{
		width: 130px;
		background: url("../img/tit-izone-video-mexico.gif") no-repeat;
		text-indent: -9999px;
		}

	#izone-video #flashplayer{
		position: absolute;
		width: 168px;
		height: 160px;
		margin: 20px 3px 0px;
		}

	/* content
	---------------------------------------------------------- */	

	#content {
		width: 793px;
		height: 444px;
		float: left;
		background: url("../img/content-bg.jpg") repeat-x;
		border-left: 1px solid #FFFFFF;
		}

	#content #content-dir {
		width: 6px;
		height: 444px;
		float: right;
		background: url("../img/content-dir.jpg") repeat-x;
		}


	/* bread-crumb
	---------------------------------------------------------- */	
	#bread-crumb {
	width: 700px;
	height: 25px;
	float: left;
	background: url("../img/bread-crumb.gif") left center no-repeat;
		}

	#bread-crumb ul{
		margin: 3px 50px;
		font: 10px Verdana, Arial;
		color: #424242;
		}

	#bread-crumb ul li {
		line-height: 22px;
		display: inline;
		}

	#bread-crumb ul li a {
		font-weight: bold;
		text-decoration: underline;
		color: #214863;
		}

	#bread-crumb ul li a:hover {
		color: #567387;
		}


	/* footer
	---------------------------------------------------------- */	

	#footer {
		width: 975px;
		height: 48px;
		background: url("../img/footer-bg.jpg");
		clear: both;
		}

	#footer h4{
		width: 70px;
		height: 25px;
		margin: 10px 15px 0px 15px;
		background: url("../img/logo-havas.gif") no-repeat;
		line-height: 0px;
		text-indent: -9999px;
		float: right;
		}

	#footer h4 a {
		width: 70px;
		height: 25px;
		display: block;
		}

	/* bottom menu
	---------------------------------------------------------- */	

	#footer #bottom-menu{
		float: left;
		margin: 15px;
		font: 10px Verdana;
		color: #FFFFFF;
		}

	#footer #bottom-menu ul li{
		margin: 0px 2px;
		height: 15px;
		display: inline;
		}

	#footer #bottom-menu a{
		text-decoration: none;
		color: #FFFFFF;
		}

/* page 404
	---------------------------------------------------------- */	
	#page-404 {
		width: 700px;
		font: 10px Verdana, Arial;
		color: #424242;
		margin: 15px;
		float: left;
		}	

	#page-404 h3{
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 15px;
		}