@charset "utf-8";
/* Autor: Lucio Marquez - www.luciomarquez.com.ar */

@font-face {
    font-family: 'MyriadProLight';
    src: url('myriadpro-light-webfont.eot');
    src: url('myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-light-webfont.woff') format('woff'),
         url('myriadpro-light-webfont.ttf') format('truetype'),
         url('myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

ul, li { list-style: none;}

p, a { font-size: 8pt; color: #000; line-height: 13pt; }

a { text-decoration: none;}
a:hover { text-decoration: underline;}

h1 {
	float: left;
	width: 100%;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;}
		
h2 {
	float: left;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30pt;
	color: #666;
	font-weight: normal;}
	
h3 {
	float: left;
	width: 100%;
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	color: #666;
	font-weight: bold;
	text-transform:uppercase;}
	
.bold { font-weight: bold;}
.hidden { display: none;}


/* Header *******************************************/

	.headerLogo {
		float: left;
		position: absolute;
		top: 22px;
		left: 30px;
		margin-top: 30px;}
	
	.miscelaneousLeft {
		float: left;
		position: absolute;
		top: 0px;
		left: 0px;
		width:243px;
		height: 66px;
		background: url(../images/body/miscLeft.png) no-repeat;}
		
	.miscelaneousRight {
		float: left;
		position: absolute;
		top: 0px;
		right: 0px;
		width:155px;
		height: 150px;
		background: url(../images/body/miscRight.png) no-repeat;}
		
	.linksContainer {
		float: right;
		width: 65%;}
	
	.menu,
	.languages {
		float: left;
		width: auto;}
		
		.languages #google_translate_element {float:left; width:100%;}
		
		#Footer .languages {margin-left:30px;}
	
		.menu li,
		.languages li  {
			float: left;
			width: auto;
			padding: 0 5px;
			color: #888;
			font-family: Tahoma, Geneva, sans-serif;}
			
		.menu a,
		.languages a {
			float: left;
			padding: 10px 5px;
			width: auto;
			font-family: Georgia, serif;
			font-size: 15px;
			color: #888;
			font-family: Tahoma, Geneva, sans-serif;
			background: url(../images/body/menuBack.png) repeat-x;
			background-position: 0 -500px;}
			
			.menu a:hover, .menu a.active, .menu a:active { text-decoration: none; background-position: 0 0; color:#333; }
			
		.languages { float:right;}
		.languages li  {padding: 12px 0 0 0;}
		.languages a { font-size:11px; color: #4D4D4D; padding:0;}
		.languages a:hover { color:#000; text-decoration: none;}
			
			
	.worksTitles {
		float:left;
		margin-top: 22px;
		padding-left:5px;
		width: auto;}
		
	.addthis_toolbox {
		float:left;
		width: 15px;
		position: absolute; top: 120px; right: 10px;}
		
		.addthis_toolbox .btFacebook {
			float:left;
			width: 15px;
			height: 15px;
			background: url(../images/body/socialButtons.png) no-repeat;}
			
		.addthis_toolbox .btTwitter {
			float:left;
			margin: 2px 0;
			width: 15px;
			height: 13px;
			background: url(../images/body/socialButtons.png) 0 -15px no-repeat;}
			
		.addthis_toolbox .addthis_button_compact span {
			float:left;
			margin: 2px 0;
			width: 15px;
			height: 15px;
			background: url(../images/body/socialButtons.png) 0 -28px no-repeat;}
			
			
			

/* Content ************************************/


h1.main-title {
	float: left;
	width: 100%;
	font-size: 30px;
	text-transform:uppercase;
	color:#787777;
	font-family: MyriadProLight, arial, helvetica, sans-serif;
	font-weight:normal;}
		
h2.main-title {
	float: left;
	width: 100%;
	font-family: MyriadProLight, arial, helvetica, sans-serif;
	font-size: 30px;
	color: #B7B5B6;
	font-weight: normal;}

	.mainImage {
		float:left;
		margin-left:-20px;
		width: 900px;
		height: 380px;
		padding: 20px 20px 50px 20px;
		background: url(../images/body/homeImageBack.png);
		position: relative;
		z-index:1;
		}
		
		.mainImage div#slideshowHolder {float:left;	width: 900px;height: 380px;}
		
		.mainImage div#slideshowHolder div {
			float:left;
			width: 98%;
			padding: 1%;}
			
		.mainImage #ft-buttons-slideshowHolder {
			float:right;
			text-align: right;
			margin-top: -2px;}
			
		.mainImage a.ft-button-slideshowHolder { 
		 margin: 0 2px;
		 padding: 0 5px;
		 color: #fff;
		 width: 3px;
		 height: 2px;
		 border: 2px solid #ccc;
		 font-size: 0;
		 text-indent: -5000px;}
		 
		 .mainImage a.ft-button-slideshowHolder:hover {border: 2px solid #000;}
		 
		 .mainImage a.ft-prev,
		 .mainImage a.ft-next {
			 float:left;
			 margin-top:-60px;
			 margin-left: -60px;
			 width:40px;
			 height: 150px;
			 background: url(../images/body/arrowsMain.png) no-repeat;}
			 
			 .mainImage a.ft-prev:hover { background-position: bottom left;}
			 .mainImage a.ft-next { background-position: right top; margin-right: -60px;}
			 .mainImage a.ft-next:hover { background-position: right bottom;}
			 
			 

.columnWrapper {
	float:left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
	}
	
	.columnWrapper .column {
		float:left;
		width: 48%;
		padding-right: 2%;
		margin-right: -1px;}
		
	.paragraph,
	.links,
	.contentColumnText { float:left; width:100%; padding-top: 20px; margin-top: 10px;  border-top: 1px dotted #999;}
	
	.contentColumnText { float: left; width: 49%; }
	.contentColumnLarge  {padding-bottom: 20px;border-bottom: 1px dotted #999;margin-bottom: 50px; }
		
	.h1, .h2 { float:left; display:block; clear:left;}
	.h2 { margin-bottom: 10px;}
	
	.paragraph p { display:block; float:left; width: 100%; font-size: 12px; line-height:19px; color: #666; padding-bottom: 15px; }
	.paragraph p strong { color: #000; font-weight: normal;}
	
	.paragraph p.short { width: 75%;}
	
	.paragraph a.link { float:left; margin-right:20px;}

	.column .contact {
		float:left;
		padding: 20px 10%;
		width: 80%;
		height: 100px;
		background: url(../images/body/contactBack.png) no-repeat;}
		
		.column .contact p { padding-bottom: 5px;}
		
		.contentColumn h1 {
			font-size: 18px;
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 20px;}
		
		.contentColumn h1 a { 
			text-transform: lowercase; 
			float: none; 
			display: inline; 
			width: auto;
			color: #333; 
			font-size: 15pt; 
			font-weight: normal;}
		
			.contentColumn h1 a:hover { text-decoration: none; color: #000;}
			
			.contentColumn h1 p {
				display: block;
				padding:0;
				padding-top: 10px;
				font-weight: normal; }
			
				.contentColumn h1 p a { font-size: 8pt; color: #666; text-transform: uppercase;}
				
				.contentColumn h1 p a:hover { color: #000; }
				
		
	.contentColumn .contentColumnNew {
		float: left;
		width: 95%;
		padding-left: 15px;}
		
		.contentColumn .contentColumnNew:hover { text-decoration: none;}
		
	.contentColumn .contentColumnNew img {
		float: left;
		margin: 0 0 10px 0;}
		
	.contentColumn p,
	.contentColumn span {
		float: left;
		width: 95%;
		padding-left: 15px;}
		
		.contentColumn p span { float: none; display: inline; width:auto; padding-left:0;}
		
		.contentColumn .contentColumnNew p,
		.contentColumn .contentColumnNew span { width: 85%; padding-left: 0; color: #333;}
		
		.contentColumn p.right,
		.contentColumn span.right{ 
		float: right; 
		width: auto;
		margin-top: 10px;
		padding-right: 55px;}
		
		.contentColumnWhite p.right,
		.contentColumnWhite span.right{ color: #333;}
		
	/* trabajos realizados ********************************/
	
	.links a {
		display: block;
		text-indent: 5px;
		float:left; 
		width: 90%;
		font-size:15px;
		color: #999;
		line-height: 35px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		border: 1px solid #fff;}
		
		.links a strong { font-weight: normal; color: #333;}
		
		.links a:hover { text-decoration: none;  border: 1px solid #ddd;}
		.links a:hover strong { }
			
			

/* contentColumnLarge *******************************************/		

	.contentColumnText h2 { padding-top: 20px; width: auto; }
	
	.contentColumnText h3 { width: auto;}
	
	.contentColumnText p { padding-bottom: 10px; width: 90%; float:left;}
	
/*	.contentColumnText a { padding-left: 15px;}*/
	
/* contentColumnMedium *******************************************/
		
.keywords {
	margin-top: 15px;
	font-family:Georgia, serif;
	color: #999;
	font-size: 9pt;
	font-weight: normal;
	line-height: 16pt;}
	
	.keywords .big { color:#666; font-size: 11pt; font-weight: normal;}
	.keywords .medium { color:#666; font-weight: normal; }
	
h2.small {
	font-size: 13pt;
	padding-bottom: 10px;}
	
	.column p a,
	.column p a { float: none; margin: 0; padding: 0; width: auto;}
	
	.column p a:hover,
	.column p a:hover { text-decoration: none; color: #000;}
	
	.column .contact p { float:left; width: 100%;}
	
/* Perfil *********************************************************/

#Perfil .contentColumnText { padding-bottom: 20px;}

 #Perfil h3 { 
 	margin-top: 20px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-transform: none;
	font-weight: normal;
	font-size: 15pt;}
	
#Perfil h2 { padding-bottom: 20px;}

#Perfil p.bold { margin-bottom: 10px; margin-top: 15px;}

#Perfil a.perfilPdf {
	float: left;
	width: 40%;
	margin-top: 20px;
	padding-bottom: 25px;
	padding-left: 30px;
	background: url(../images/body/pdf.png) no-repeat;
	font-size: 10pt;}

	
/*formulario*/

#Contact h3 { padding-left: 0; width: auto; clear: left;}

#Contact input,
#Contact textarea {
	float: left;
	clear: left;
	padding: 2px;
	background: none;
	border: 1px solid #71747A;
	width: 250px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	color: #666;}
	
	#Contact textarea { height: 100px;}
	
	#Contact input.contactButton {
		margin-top: 20px;
		border: none;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: none;
		border: 1px solid #71747A;
		color: #fff;
		width: 70px;
		cursor: pointer;
		background: #71747A;}
		
		#Contact input.contactButton:hover { background: #000;}
	
.addthis_button { float: right; clear: right; margin-top: 10px;}
	
		
/* Footer ***********************************************************/

	#Footer img { float: left;}
	
	#Footer .footerRight {
		float: right;
		width: 48%;}
	
	#Footer ul {
		float: right;
		width: auto;}
		
		#Footer ul li {
		float: left;
		padding: 0 5px;
		width: auto;}
		
		#Footer a { color:#666;}
		
		#Footer a:hover { text-decoration: none; color: #000;}
		
		#Footer a.left { float: left; padding-right: 5px; }