@charset "utf-8";
/* CSS Document */


* {margin: 0; padding: 0;}


.clear {clear: both;}


img {

	border:0px;

}


.box_lnews img {

	width:180px; 

	height:92px;}

.box_home img, .box_trend img {

	width:132px; 

	height:100px;}


hr {

	margin: 8px 0px; 

	background-color:#524c4c; 

	border:0px; 

	height:1px; 

	overflow:hidden;

}


body { 

	background: #3A3434 url(images/backgroundfade.jpg) repeat-x top left;
	
	font-family: Helvetica, Arial, sans-serif;
	
	}  
		
.wrapper { 	
	
	width:920px;  	
	
	margin:0px auto; 
	
	}  
	
.header { 	
	padding: 2px 0px; } 
	

#flags {

    text-align:right;
	
	height:35px;
	
	vertical-align:top;
}

#banner { 	
	
	width:920px; 
	
	height: 392px; 	
	
	margin:0px auto; 
	
	}  
	

			
/***********************LEFT/RIGHT COLUMN**************************/


	 
#left {float: left; width: 206px;}
	 
#left2 {float: left; width: 206px; margin-top: -55px;}
	 
#left_port {

     float: left;
	 
	 width: 206px;
	 
	  margin-top:15px;
	 	 
	 }
	 
#right2 {

     float: right;
	 
	 width: 206px;
	 
	 margin-top: -55px;
	 
	 }
	 
#right { float: right;width: 206px;}		 			
	 
.box, .box_contact, .box_rest, .box_career, .box_services, .box_quote, .box_partner, .box_sub, .box_client, .box_lnews {

            background: #292323;
			
			padding: 12px;
			
			}
			
			
.box_about_intro, .box_empty, box_empty_footer{ background: none;
			
			padding: 0px 12px 12px 0px;}
			
.box_services .more-link, .box_partner .more-link{display:none;}

.box_partner p a{color:#999999; text-decoration:none; margin-top:4px;}
			
.box_port { background: none;padding: 0px;}

			
.box_photo { background: #292323;padding: 12px;}
			
			
.box_home { background: #292323;
			
			padding: 12px 12px 12px 0px;
			
			height: 280px;}
			
.box_trend{ background: #292323;padding: 12px 12px 12px 0px;}
			
.flickr {background: #FFFFFF;
			
			padding: 2px 12px 12px;
			
			margin-top: 10px;
			}
			
.flickr p{ padding:0px;

            line-height: 14px;
			
			color:#666666;}
			
.photo {height: 140px; overflow:hidden; margin-bottom:7px;}
				

/***********************CENTRE COLUMN**************************/

div#content_about {background: #FFFFFF;	}

div#content_about h3 {color: #33cccc; font-weight:bold;}
div#content_about p {color: #505050; line-height:16px;}


div#content { 	

            width: 476px;

            margin: 15px 206px 0 221px;} 
			 
			
div#content_port { 	

            width: 697px;
			
	float: right;

            margin: 15px 0px 0px 15px;}  
			
/***********************CONTACT AREA********************/

div#content_contact {

            background: #FFFFFF;
	
}

div#content_contact  h3 {color: #33cccc; font-weight:bold;}
div#content_contact  p {color: #505050; line-height:16px;}

div#mailing {

            background: #33cccc;
			
			padding: 10px;

			}
			
div#mailing h2, div#mailing h3 {color: #292323; padding:0px; margin-left:2px;}

div#mailing h3 {margin-bottom:3px;}

div#mailing .head_white {font-size:11px;}

div#mailing .inbox {width: 150px; padding: 3px 5px; margin-bottom:5px;}

div#mailing .bt {border: 1px solid #292323; padding: 3px; background:#FFFFFF;}


/*********************ABOUT US PAGE*******************************/

.sub_about, .sub_about_news{ margin-left:18px; margin-top:5px;}
.sub_about3, .sub_about4{ margin-left:18px; margin-top:5px; padding-bottom:3px;}
.sub_about li, .sub_about_news li  {list-style:none; text-decoration:none; font-size: 12px; margin-bottom:8px;}
.sub_about li p, .sub_about_news li p {color:#efefef; line-height:13px;}
.sub_about3 li, .sub_about4 li{list-style:none; text-decoration:none; font-size: 12px; margin-bottom:5px;}

.sub_about li a:link, .sub_about li a:visited{

            text-decoration:none;
			
	        font-size: 12px;
			
			padding-bottom:5px;
			
			color: #efefef;}

			
.sub_about li a:hover, .sub_about2 li a:hover, .sub_about4 li a:hover{

			background: #33cccc;
			
			padding: 3px 10px 3px 3px;
			
			color: #292323;
			
			margin-left: 0px;}
			
			
.sub_about_news li a:hover p{

			background: #33cccc;
			
			padding: 3px 2px;
			
			color: #292323;
			
			margin-left: 0px;
			
			text-decoration:none;}
						
.sub_about3 li a:link, .sub_about3 li a:visited{

            text-decoration:none;
			
	        font-size: 12px;
			
			padding-bottom:3px;
			
			color: #efefef;}

			
.sub_about3 li a:hover{

			background: #33cccc;
			
			padding: 2px 10px 2px 3px;
			
			color: #292323;}
						
		
			
/********************PORTFOLIO*****************/


ul.port li { float:left; width:132px; padding:0px; margin: 0px 0px 7px 7px; display:inline; text-align:center; list-style:none;}

.block3 {height: 100px; padding: 0px;}

.block3 img {width: 132px; margin: 0 auto; }



ul.port2 li, ul.image_grid_ul li { float:left; width:132px; padding:0px; margin: 0px 0px 7px 7px; display:inline; text-align:left; list-style:none;}

.quickflip-wrapper, #small_image_grid {height: 100px; padding: 0px;}

.quickflip-wrapper img {width: 132px; margin: 0 auto;}

.panel2, #small_image_grid li .info {background:#2C0E04; height: 100px; width: 132px; border: 1px solid #292323;} 

#logito {width:70px; height:17px;}

ul.home_project li { float:left; width:132px; padding:0px; margin: 0px 0px 10px 20px; display:inline; text-align:center; list-style:none;}

.block4 {height: 120px; padding: 0px;}

.block4 img {width:  132px; margin: 0 auto; }

/*********************TRENDS & INSIGHTS************************/

ul.trend {margin-top: 7px;}

ul.trend li {float:left; width:132px; padding:0px; margin: 0px 0px 0px 20px; display:inline; list-style:none;}

.block_trend { padding: 0px;}

.block_trend img {width: 132px; margin: 0 auto; }


/**********MAIN ABOUT************/

.team_box {

            background: #292323;
			
			padding: 12px;
			
			border: 0px solid #433a3b; height: 145px;}
			
			
ul.team {background:#FFFFFF; padding:8px 0px 10px 12px; height:100px; }

ul.team li { float:left; width:205px; padding:0px; margin: 5px 15px 5px 0px; display:inline; text-align:center; list-style:none;}

.block2 {height: 94px; padding: 0px;}

.block2 img {width: 94px; height: 94px; margin: 0 auto; }

.info_team img{margin: 10px 5px 10px 5px;}

.info_team .head_blue, .meta_ti { margin-left: 5px; font-size:10px; font-weight:bold; line-height:13px;}



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

ul.team p a{color:#3A3434; text-decoration:none;}


ul.part{width: 100%;
	padding: 0;
	margin: 3px 0;
	list-style: none;
}

ul.part li { float:left; width:99px; padding:0px; margin: 5px 3px 5px 0px; display:inline;}

.block {height: 150px; padding: 0px;}

.block img {width: 94px; margin: 0 auto; display: block; -ms-interpolation-mode: bicubic;}

.block .head_white {font-size:11px; line-height:14px;}

.block .link_white {font-weight:bold; line-height:14px;}

/*************************HOME PAGE********************/
.late_home li{ display:inline-table; list-style:none;}

.late_home li a {text-decoration:none; color:#FFFFFF;}

			
ul.home_logo {background:#FFFFFF; padding:10px; height:90px;}	
ul.home_logo li { float:left; width:99px; padding:0px; margin: 5px 3px 5px 0px; display:inline; list-style:none;}		

/***********************FOOTER*************************/

#footer { border: 2px #0000ff solid; width:930px; margin:0 auto; } 

.box_empty_footer {text-align:center; font-size:11px;}


.image_grid_ul li {
float:left; list-style:none; position:relative;
	}

.image_grid_ul li a {
outline:0; display:block; float:left;
height:100%; width:100%;
text-decoration:none; color:#fff;
		}
		
/* image grid info element */

.image_grid_ul li .info {
overflow:hidden;
		}

/* hide information by default */

body.dynamic .image_grid_ul li .info {
display:none;
position:absolute; 
z-index:100; top:0; left:0; cursor: pointer;
		} 
				
		
/*****************************CAROUSEL**********************************/

.box_client .head_white {margin-bottom:6px;}

		
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 75px;
	margin-left:35px;
	background:#FFFFFF url(carousel-bg.png) bottom left repeat-x;
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin:5px 10px 10px 0;
}

#carousel .belt img {width:110px; height:41px;}

#carousel .panel {
	width:100px;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 10px;
	padding:5px;
	border:0px;
	background:#FFFFFF url(carousel-panel-bg.png) bottom left repeat-x;
}

#carousel .panel .panel-text {
	padding-top:5px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

#carousel .panel .panel-text a {
	color:#CCC;
	text-decoration:none;
}

#carousel .panel .panel-text a:hover {
	color:#FFF;
	text-decoration:underline;
}

/* Botones del carousel */
			
.button-prev {
	height:75px;
	width:35px;
	float:left;
	background:#FFFFFF;

}

.button-prev a {
	display:block;
	padding:18px 5px 5px 5px;
}

.button-next {
	height:75px;
	width:35px;
	float:right;
	background:#FFFFFF;
}

.button-next a {
	display:block;
	padding:18px 5px 5px 5px;
}


a img {border:none;}

#left_news {

      margin-top:15px; float: left;width: 206px;
	 
	 }


div#content_news { 	

            float: left;

            width: 476px;

            margin: 15px 12px 0 12px;} 
				
	 
#right_news { margin-top:15px;float: right; width: 206px;}
	
#right_news .box_empty {background: none;padding: 0px 0px 12px 0px;}
			
			
			
/****************************BANNER HEAD***************************/

#fs-main {
	overflow: hidden;
	font-family: Verdana, Sans, Helvetica, Arial, sans-serif!important;
	text-align: left;
    
}
#fs-slide {
	height: 100%;
}
#fs-picture {
	width: 100%;
	height: 100%;
    position: relative;
    z-index:1;
	background-position: center center;
	background-repeat: no-repeat;
}
#fs-placeholder {
        clear:both;
}

#fs-placeholder a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: transparent;
	border: none;
}
#fs-placeholder a:hover {
	text-decoration: none;
}

#fs-text {
	/*margin-top: 10px;*/
       width:668px;
       height: 105px;
       float:right;
       padding: 10px;
       margin-right:12px;
}
#fs-text a {
	color: #c0e7f8;
	text-decoration: underline;
}
#fs-text a:visited {
	color: #99fbac;
	text-decoration: underline;
}
#fs-title {
	font-weight: bold;
	font-size: 18px!important;
	line-height: 1.1em;
	margin-bottom: 0.25em;
        margin-left: 11px;
        color: #6ad3d5;
	font-family: Verdana, Sans, Helvetica, Arial, sans-serif!important;
}
.fs-title {
	font-weight: bold;
	font-size: 12px!important;
	line-height: 22px;
	margin: 0!important;
	padding: 0!important;
	margin-bottom: 0.25em;
	font-family: Verdana, Sans, Helvetica, Arial, sans-serif!important;
}
#fs-excerpt {
	font-size: 14px!important;
	padding-left: 10px;
	line-height: 1.4em;
}
.fs-comment {
	font-size: 8px!important;
	line-height: 1.2em;
	font-family: Verdana, Sans, Helvetica, Arial, sans-serif!important;
}

#lin { 

       background-color:#000;
       opacity: 0.7;
       filter: alpha(opacity = 50);
       zoom:1;
       width:195px;
       height: 115px;
       float:left;
       padding-top:10px;
       margin-left:12px;

}
#fs-main #lists {
	display: block;
	clear: none!important;    
	margin: 0!important;
	padding: 0!important;
	width: 205px;
	height: 115px;
	list-style: none!important;
}
#fs-main #lists li {
	display: block!important;
	padding: 0px 5px 5px 5px!important;
	margin: 0;
	width: 100%!important;
	height: 15px;
        margin-left: 10px;
	background-image: none!important;
	cursor: pointer;
}
#fs-main #lists li:before { content:""; }
#fs-main #lists li:after { content:""; }

.fs-entry {
	color:#999999;
	margin: 0;
	overflow: hidden;
}
.fs-entry:hover {
	color:#999999; 
        font-weight:bold;
}
.fs-current {
	color:#FFFFff;
}
.fs-skip {
	position: absolute!important;
	top: -300000px!important;
}
		