@charset "utf-8";

/* CSS Document */





* {margin: 0; padding: 0;}



.clear {clear: both;}



img {border:0px;}



.imagens img {margin-bottom:10px;}



body { 



	background: #FFFFFF;

	

	font-family: verdana, Helvetica, Arial, sans-serif;

		

	}  

		

.wrapper { 	

	

	width:920px;  	

	

	margin:0px auto; 

	

	} 
	
.wrapper_bi { 	

	

	width:920px;  	

	margin:0px auto; 
	
	padding-top:5px;

	

	}  

	

.header { 	

	padding: 2px 0px;

	

	margin-top:20px; } 

	



#flags {



    text-align:right;

	

	height:35px;

	

	vertical-align:top;

}



#banner { 	

	

	width:900px; 

	

	height: 230px; 	

	

	margin:10px auto;

	

	border: 10px solid #e5e5e5; 

	

	}  

	

.welcome_intro, .welcome_intro2 {



	/**background: #f9f6f6;**/

	

	/**padding: 20px 28px;**/

	

	padding: 0px 0px 10px 0px;

	

	line-height:24px;}



.welcome_intro p{font-size:16px; font-family: RockwellStd-Light, Rockwell light, Rockwell, verdana, arial;}
.welcome_intro2 p{font-size:16px; font-family: RockwellStd-Light, Rockwell light, Rockwell,verdana, arial;}



.fonts {font-family: Rockwell, verdana, arial; font-size:20px; line-height:27px;}

.fonts a{font-family: RockwellStd-Light, Rockwell light, Rockwell, verdana, arial;}	

	

.subsc {font-size:12px; font-weight:bold; padding-left:20px; background: url(images/rss.jpg) no-repeat left top; height:17px; }

	

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



div#content { 	



            width: 476px;



            margin: 15px 206px 0 221px;} 
			
			


div#content_bi{ 	



            width: 476px;
			
			float:left;

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



            width: 697px;

			

	        float: right;



            margin: 0px 0px 0px 15px;} 
			
			
		
			
			

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



	 

#left {float: left; width: 206px;}

	 

#right { float: right;width: 206px;}	







/***********************boxes**********************************/



.box, .box_building, .box_carrer, .box_rest, .box_quote, .box_sub, .box_client, .box_empty_footer, .box_empty_footer2, .box_tweet, .box_case{



            background: #e5e5e5;

			

			padding: 12px;

			

			}

			

.box_home{ background: #e5e5e5;

			

			padding: 12px 12px 12px 0px;

			

			}

			

 .box_contact{background:#fca530; padding: 9px 12px;}

 .box_contact a{font-weight:normal;}
		

/********************Head************************/



h2.head_black, h2.head_black_tweet {



    font-size: 22px;



	padding-bottom:0px; 



	color: #000000;

	

	font-family: Rockwell, verdana, arial;

	

	font-weight:normal;

}



h2.head_black2 {



    font-size: 22px;

	

	font-family: Rockwell, verdana, arial;

	

	font-weight: normal;



	padding-bottom:15px; 

	

	padding-left:20px;



	color: #000000;

}



h2.head_black3 {



    font-size: 22px;

	

	font-family: Rockwell, verdana, arial;

	

	font-weight: normal;



	padding-bottom:15px; 

	

	padding-left:5px;



	color: #000000;

}



h2.head_black_title {



	font-size:30px;

	

	/***background: url(images/losang.jpg) no-repeat left 5px;**/

	

	font-family: RockwellStd-Light, Rockwell light, Rockwell, verdana, arial;

	

	font-weight:normal;

	

	padding: 4px 0px 20px 0px;}



h2.head_black {



    padding-left: 0px;



    /**background: url(images/losang.jpg) no-repeat left 2px;**/}

	

h2.head_black_contact {



    font-size: 20px;

	

	text-align:center;



    /*padding-left: 23px;*/

	

	font-family: Rockwell, verdana, arial;

	

	/**background: url(images/losang_big.jpg) no-repeat left 4px;**/

	

	}

	

h2.head_black_contact a {text-decoration: none; color:#000000;}





/****************************CASE HISTORIES BOXES*************************/



ul.home_project li, ul.image_grid_ul li { float:left; width:132px; padding:0px; margin: 0px 0px 15px 20px; display:inline; text-align:left; list-style:none; line-height:16px;}



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



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



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



#small_image_grid li .info {background:#FCA530; height: 99px; width: 132px; border: 1px solid #E5E5E5;}

table.info{padding:8px; display: none; opacity: 1;}


@media screen and (-webkit-min-device-pixel-ratio:0){
table.info {padding:8px;}
#small_image_grid li .info {height: 81px; width: 116px;}
}



.titles {font-family: Rockwell, verdana, arial;}



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



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



/****FLIP EFFECT****/



.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:14px 5px 5px 5px;

}



.button-next {

	height:75px;

	width:35px;

	float:right;

	background:#FFFFFF;

}



.button-next a {

	display:block;

	padding:14px 5px 5px 5px;

}





/*********************** QUOTE *********************/



.quotes {



     background: url(images/q_bot.jpg) no-repeat right bottom;}



/*********************** CONTACT FORM *******************/



.contactform {

	position: static;

	overflow: hidden;

	width: 95%;

}



.contactleft {

	width: 25%;

	white-space: pre;

	text-align: right;

	clear: both;

	float: left;

	display: inline;

	padding: 4px;

	margin: 5px 0;

}



.contactright {

	width: 70%;

	text-align: left;

	float: right;

	display: inline;

	padding: 4px;

	margin: 5px 0;

}



.contacterror {

	border: 1px solid #ff0000;

}



.contactsubmit {}



/*********************** TWITTER *************************/



.twitter-message {



	font-size:10px;

	padding: 3px 0px 3px 38px;

	margin:5px 0px 4px;

	background: #e5e5e5 url(images/dan.jpg) no-repeat left 3px;

	border-bottom: 1px solid #fca630;

	}

	



h2.head_black_tweet {

    padding-left: 0px;

	padding-top: 5px;

	background: #e5e5e5;

	}

	

/*********************** NEWS ***************************/



.lnews_block {


	font-size:12px;

	line-height:17px;

	padding: 3px 0px;

	margin:4px 0px;

	border-bottom: 1px solid #fca630;

	}



h2.news_title {color: #505050; font-weight:bold; font-size:16px;}



h2.news_title2 {color: #000000; font-weight:normal; font-size:24px; margin-bottom:15px; line-height:28px;}

	

p.news_title {margin-bottom:2px;}



p.news_title .links {color: #000000; font-weight:bold;}



.links {

	text-decoration: none;

	color: #000000;	

	border: 0px;}

	

#content .more-link {color: #000000; font-size:11px; padding-top:3px; text-decoration:none; font-weight:normal;}

	

p.read_more{margin-top:2px;}

	

p.read_more a{

	text-decoration: none; 

	color:#000000; 

	font-size:10px; 

	/**background: #fca630 url(images/los.jpg) no-repeat 2px center;**/

	background: #fca630;

	padding: 1px 5px 1px 10px;

	font-weight:normal;

}



#content p.read_more a {font-weight:normal;}



/***********************BUILDING HEADS********************/



h2.build_title {color: #000000; font-weight:normal; font-size: 30px; font-family: Rockwell, verdana, arial; margin-bottom:15px;}



/***********************case studies**********************/



.box_case h3 {color: #505050; font-weight:bold; font-size:16px; margin-bottom:10px; text-decoration:none;}

#content .headlink {color: #505050; text-decoration:none;}



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



#footer {width:930px; margin:0 auto; } 



.box_empty_footer {text-align:right; font-size:11px; color:#000000;}



.box_empty_footer2 {text-align:left; font-size:11px; color:#000000;}





/**********************BOTTOM TOOLS*************************/



.first ul li, .second ul li, .third ul li{ list-style:none; text-align:left; padding: 0px 20px 0px 5px; margin-bottom:6px;}

.first ul li a, .second ul li a, .third ul li a {text-decoration:none; color:#404040;}