/*reset*/
html { color : #000; background : #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
table {	border-collapse	: collapse;	border-spacing	: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;	font-weight: normal;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;	font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup {vertical-align	: text-top;}
sub {vertical-align	: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit;}
legend{ color: #000;}

/*general*/
html, body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}
html {
	background: #3A4045 url(../images/bg.gif) repeat scroll left bottom;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #3A4045 url(../images/bg.gif) repeat scroll left bottom;
}
a {
	text-decoration: none;
}
a:hover{
	color: #9FBF28;
	border-bottom: 1px dotted;
}
header{
	display: block;
	margin: 0 auto;
	width: 846px;
	height: 80px;
}
h1 {
	display: table-cell;
	width:361px;
	padding-top:10px;
}
h1 a{
	background:transparent url(../images/logo.png) no-repeat scroll 0 0;
	width: 368px;
	height: 60px;
	padding: 0;
	cursor:pointer;
	display:block;
	overflow:hidden;
	text-indent: -999px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
h1 a:hover{ border-bottom: none;  }
#topbar{
	display:block;
	height:10px;
	background-color:#242C32;
	opacity:0.7;
}
#wrapper{
	margin: 0px auto;
	width: 874px;
}
/*contenedores generales*/
#container {
	display:block;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	width: 860px;		/* 846 + 14 margin home-section */
	padding: 0px 0px 40px 14px;
}
/*****************************
 FOOTER 
******************************/
footer{
	display:block;
	width:100%;
	border:0 none;
	margin: 0;
	padding: 20px 0 0 0;
	position:relative;
	color: #fff;
	font-size: 0.9em;
	letter-spacing: -0.02em;
}
footer a{ color: #fff; }
footer a:hover{ color: #9FBF28; 	border-bottom: 1px dotted; }
footer #footer-cont{
	display:table;
	margin:0 auto;
	width: 846px;
	padding-bottom:25px;
}
footer #footer-cont h4{
	margin-bottom:15px;
	font-size:18px;
}
footer #contact, footer #site, footer #social{
	display:table-cell;
	margin: 0 14px 0 0;
	width: 244px;
	padding-left:25px;	
}
footer #social {
	padding-left:43px;
}
footer #site ul li{
	margin: 8px 0 0 0;
	list-style: inside url(/assets/images/arrow.png);
}
footer #contact{
	padding:0 0 0 42px;
} 
#secciones li ,  footer {
	background-color: #2B3338;
}
.mini, .mini .info  , #box {
	background-color: #242C32;
}
#site ul li.lock{
	list-style:disc inside url("/assets/images/lock.png");
}
/* social */
#social ul li {
	margin:8px 0 0;
}
#social ul li a {
	margin-top: 3px;
	/*color: #9FBF28;*/
}
#social ul li.twitter{
	list-style:disc inside url("/assets/images/social/twitter.gif");
}
#social ul li.vimeo{
	list-style:disc inside url("/assets/images/social/vimeo.gif");
}
#social ul li.flickr{
	list-style:disc inside url("/assets/images/social/flickr.gif");
}
#social ul li.delicious{
	list-style:disc inside url("/assets/images/social/delicious.gif");
}
#contact ul li {
	margin:6px 0 0;
}
#contact ul li.email{
	margin:12px 0 0;
	list-style:disc inside url("/assets/images/social/mail.png");
}
#contact ul li.skype{
	list-style:disc inside url("/assets/images/social/skype.png");
}
#secciones h3, footer h4 {
	letter-spacing:0.06em;	
}
#viewType {
	position:relative;
	top:6px;
}
#viewType li {
	display:block;
	float:left;
	height:12px;
	padding-right:10px;
}
#viewType li a {
	background-repeat:no-repeat !important;
	cursor:pointer;
	display:block;
	height:0 !important;
	overflow:hidden;
}
#viewType li#grid_view a{
	background:url("/assets/images/grid.png") repeat scroll 0 0 transparent;
	padding:16px 0 0;
	width:16px;
}
#viewType li#list_view a{
	background:url("/assets/images/line.png") repeat scroll 0 0 transparent;
	padding:16px 0 0;
	width:16px;
}
footer .cr {
	color:#888888;
	font-size:10px;
	padding:16px 0;
	text-align:center;
} 
footer .cr img {
	margin:0 10px 0 0;
  vertical-align:bottom;
} 
#lang2, #lang3, #lang4, #lang5 {
	display: none;
}

/*menu.css*/
nav {
	display: table-cell;
	width:420px;
	height:auto;
	padding: 0 0 0 65px;
}	
nav ul {
	height:50px;
	margin:0;
	padding-top:12px;
	color:#fff;
	font-size: 16px;
	letter-spacing: -0.02em;
	border-radius: 0px 0px 8px 8px; 
	-moz-border-radius: 0px 0px 8px 8px; 
	-webkit-border-radius: 0px 0px 8px 8px; 
	position: relative;
	z-index: 10;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	background-color: #2B3338;
}
nav ul li {
	display:inline;
	padding:0 15px;
	position:relative;
	top:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	nav ul li {
		display:inline;
		padding:0 13px;
		position:relative;
		top:20px;
	}
}
nav ul li a{ 
	color:#d0d0d0; 
	padding: 0 0 4px;
}
nav ul li a:hover {
 	color:#9FBF28;
 }
nav ul li#social, nav ul li#contact{
	background-color:#2B3338;
	display:block;
	font-size:13px;
	padding:20px 15px 15px;
	display: none;
	
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
}
nav ul li#social ul, nav ul li#contact ul {
	border-top:1px dashed #555;
	height:auto;
	padding: 8px 0 6px;
}
nav ul li#social ul li, nav ul li#contact ul li{
	font-size:13px;
	margin:0;
	top:0;
	color: #D0D0D0;
}
nav ul li#contact ul li {
	display:inline-block;
	width:74px;
}
nav ul li#contact ul li a {
	margin-left:20px;
}
.closeMenu {
	position:absolute;
	right:21px;
	top:32px;
	z-index:11;
}
.closeMenu a:hover {
	color: #9fbf28;
}

/*home.css*/
h2 {
	display: table-cell;
	width:485px;	
	height: auto;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	color: #bcbcbc;
	font-size: 1.4em;
	text-align:right;
	padding: 32px 0 0 0;
}
#intro {
	display:block;
	width: 846px;
	height: 342px;
	padding: 10px;
	margin: 4px 0 0 0;
	background-size: 100%;  
	background-color: #2b3338;
	-webkit-background-size: 100%;  
  -o-background-size: 100%;  
  -khtml-background-size: 100%; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;  
}
#intro img {
	width:816px;
	height:314px;
	margin:14px;
}
#intro , #secciones li {
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;  
}
#twitter{
	display:table;
	position:absolute;
	top: 4px;
	left: 14px;
	width: 846px;
	height: 342px;
}
#twitter_update_list{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0 30px;
}
#twitter_update_list li{
	display:inline-table;
	padding: 7px 10px;
	background-color: #242C32;
	opacity: 0.8;
	cursor:pointer;
	font-size: 0.92em;
	letter-spacing:-0.02em;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;  
	color: #fff;
	line-height:20px;
}
#twitter_update_list li a{
	color: #fff;
	border-bottom: none;
}
#twitter_update_list li a:hover{
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}
#secciones li {
	float:left;
	display: block;
	width: 244px;
	height: 138px;
	margin: 14px 14px 0px 0px;
	padding: 14px;
}
#secciones li h3{
	display: inline;
	float: left;
	width: 166px;
	margin: 8px 0px 0px 10px;
	padding: 0;
	font-size: 1.5em;
}
#secciones li h3 a{ 
	color: #fff; 
	border-bottom: none; 
	padding-bottom:10px;
}
#secciones li h3 a:link{ 
	color: #fff; 
	border-bottom: none; 
}
#secciones li h3 a:hover{ 
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}
#secciones li img{
	display:inline;
	float: right;
	margin: -6px;
	padding: 0px;
}
.description {
	color: #fff;
	display: block;
	font-size: 0.8em;
	margin: 64px 20px 10px 12px;
}
#secciones li #arrow{
	width:18px;
	height:18px;
	cursor:pointer;
	position:relative;
	top:-14px;
	left:228px;
}
#secciones li #arrow img{
	float:none;
	margin: 0px;
}

/*about.css*/
#about-content{	
	color: #ffffff;
	display: block;
	width: 840px;	
	margin: 40px 18px 18px 18px;
	background-color: #242C32;
	opacity: 0.7;
	border-radius: 0 8px 8px 8px; 
	-moz-border-radius: 0 8px 8px 8px; 
	-webkit-border-radius: 0 8px 8px 8px;  
}
#about-content a{	
	color: #fff; 
	border-bottom: none;
	font-weight:bold;
	letter-spacing:-0.05em;
}
#about-content a:hover{	
	color: #9FBF28;
	border-bottom: 1px dotted;
}
#about-title{
	display:block;
	padding: 20px;
	font-weight:bold;
	font-size: 1.4em;
	letter-spacing:0.07em;
}
#about-description{
	width: 778px;
	padding: 0px 20px 20px 20px;
	font-size: 0.9em;	
}
#about-title-services{
	display:block;
	padding: 6px 20px 18px;
	font-size: 1em;
	letter-spacing:-0.02em;
}
#about-services{
	display:table;
	width: 778px;
	padding: 0px 20px 20px 20px;
	font-size: 0.9em;
}
#about-services ul{
	display: table-cell;
}
#about-services ul li {
	list-style:none inside url("/assets/images/arrow-list.png");
	padding:4px 0;
}
#about-link-anguages{
	display: block;
	margin: 10px 0px;
	font-size: 0.9em;
	letter-spacing: -0.03em;
}
#about-link-anguages ul{
	margin: 0px 18px;	
}
#about-link-anguages ul li{
	background-color:#2B3338;
	float:left;
	height:16px;
	margin:0 3px 8px 0;
	padding:7px 16px;

	border-radius: 8px 8px 0 0 ; 
	-moz-border-radius: 8px 8px 0 0 ; 
	-webkit-border-radius: 8px 8px 0 0 ;  
}
#about-link-anguages ul li a{
	color:#999; 
	border-bottom: none;
}
#about-link-anguages ul li a:hover, #about-link-anguages ul li.select a{ 
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}
#about-newsletter{
	display: block;
	float: right;
	height: 16px;
	margin: 0px 8px 8px 0px;
	padding: 6px 12px;
	color: #ffffff;
	font-size: 0.9em;
}


/* ---------------------------------------------------------------- projects.css ------------------------------------------------------------ */
#projects-nav-cont{
	display: block;
	height: 40px;
	margin-right:14px;
}
ul#category {
	float:right;
	position:relative;
	margin-right: 14px;
}
ul#category li {
	color:#999; 
	display: inline;
	font-size:14px;
	margin:0 3px;
}
ul#category li a{
	color:#999; 
	border-bottom: none;
}
ul#category li a:hover, ul#category li a.select { 
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}
#box , .mini {
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;  
}
#box {
	clear:right;
	margin:30px 14px 0 0;
	overflow:hidden;
	position:relative;
	height: 0px;
}
#container.projects .mini {
	float:left;
	height:150px;
	margin:14px 14px 0px 0px;
	padding:14px;
	width:244px;
}
#container.projects .mini img{
	width:244px;
	height:150px;
}
#container.projects .mini .info {
	position:relative;
	top:-154px;
	width:216px;
	height:130px;
	padding:12px 14px;
	cursor: pointer;
	color:#FFF;
	font-size:0.8em;
	letter-spacing:-0.02em;
}
.info li{
   padding: 2px;
}
.info h3{
  color:#fff;
  font-size:1.3em;
  margin:0 0 6px 0;
  vertical-align: top;
}
.mini .info a {
	color: #fff;
}
#closeDetail{
	font-size:1em;
	font-weight:bold;
	position:relative;
	float: right;
	width:20px;
	height:20px;
	padding: 8px 2px;
}
#closeDetail a{
	color:#fff;
	border-bottom:none;
}
#closeDetail a:hover{
	color: #9FBF28;
} 
/*****************************
 PROJECT DETAIL
******************************/
.project{
	display:block;	
	width:830px;
}
#detail {
	margin: 15px 15px 40px 15px;
	position: relative;
	overflow: hidden;
}
#project-img {
	float: left;
	margin-bottom:30px;
}
#nav { margin: 6px 0 }
#nav a { border: 1px dotted #fff; color: #fff; font-size: 0.7em; text-decoration: none; margin: 0 5px 0 0; padding: 2px 5px;  }
#nav a.activeSlide { color:#242C32; background: #fff; }
#nav a:focus { outline: none; }
#project-txt {
	float: left; 
	width: 260px; 
	color:#FFF;
	font-size: 0.8em;
	letter-spacing:-0.02em;
	line-height:20px;
	margin: -4px 0 30px 16px;
}
#project-txt h3{
	color:#fff;
	font-size:1.5em;
	font-weight: bold;
	text-align:left;
	padding:0 0 12px;
	margin:0;
}
#project-txt p{ margin: 8px 0; }
#project-txt a{ color: #fff; }
#project-txt a:hover{ 
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}
#project-txt header{
	font-size: 14px;
	font-weight: bold;
	height: 30px;	
}
#project-txt ul li a{
	color: #fff; 
	border-bottom: 1px dotted #fff;
}
#project-txt ul li a:hover{ 
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}

/* -------------------------------------------- profiles.css ------------------------------------------------------------------ */
ul#category {
	float:right;
	position:relative;
	margin-right: 14px;
}
ul#category li a {
	color:#777777;
}
ul#category li {
	display: inline;
	font-size:14px;
	margin:0 3px;
}
#box , .mini {
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;  
}
#box {
	clear:right;
	height:0px;
	margin:30px 14px 0 0;
}
#container.profiles .mini {
	float:left;
	height:172px; 
	margin:14px 14px 0px 0px;
	padding:14px;
	width:172px;  
}
#container.profiles .mini img{
	width:172px;
	height:172px;
}
#container.profiles .mini .info {
	color:#fff;
	font-size:13px;
	position:relative;
	cursor: pointer;  
	height:132px;  
	padding:20px;
	top:-176px;
	width:132px;
}
#closeDetail {
	height:20px;
	position:absolute;
	right:2px;
	/* top:45px; */
	width:20px;
	z-index: 10;
	cursor: pointer;
}
/*****************************
 PROFILE DETAIL
******************************/
.profile{
	display:block;
	width:830px;
}
#detail {
	margin: 15px 15px 40px 15px;
	position: relative;
	overflow: hidden;
}
#detail a{ color: #fff; }
#detail a:hover{ 
	color: #9FBF28;
	border-bottom: 1px dotted #9FBF28;
}
#profile-img {
	float: left;
	margin-bottom:30px;
	font-size:13px;
	color: #fff;
}
#profile-img ul{margin: 10px 6px;}
#profile-img ul li{
  margin: 8px 0 0 0;
  list-style:disc inside url("/assets/images/arrow.png");
}
#profile-txt {
	float: left; 
	width:490px; 
	margin-left: 20px;
	color:#FFFFFF;
	font-size:13px;
	line-height:20px;
	margin-bottom:30px;
}
#profile-txt h3{
	color:#fff;
	font-size:1.5em;
	font-weight: bold;
	text-align:left;
	padding:0 0 12px;
	margin:0;
}   
p#contact, p#content, p#projects{ margin: 8px 0; }
p#category{ margin: 6px 0 10px 0; }
p#contact{ background: #242C32 url("/assets/images/social/mail.png") no-repeat left; }
p#contact a{
  margin-left: 22px;
	color: #fff; 
}

/*****************************
 SITEMAP
******************************/
#sitemap{
  -moz-border-radius: 8px;
  background-color:#242C32;
  color:#FFFFFF;
  display:block;
  margin: 18px;
  padding: 20px 0px 20px 40px;
  opacity:0.7;
  width:802px;
}
#sitemap h3{
  font-size:20px;
  letter-spacing:0.06em;
  margin-bottom:18px;
}
#sitemap ul li{ 
  list-style:disc inside url("/assets/images/arrow.png"); 
  margin-bottom: 8px; 
}
#sitemap ul li a{ color: #fff }
#sitemap ul li a:hover{ color: #9FBF28 }
#sitemap ul li ul{ margin-top: 6px }
#sitemap ul li li{ margin: 0 0 4px 18px }
#ops{
	display:block;
	text-align:center;
	color:#fff;
	width: 666px;
	height: 420px;
	padding: 28px 90px;
	margin: 4px 0 0 0;
	background-size: 100%;  
	background-color: #2b3338;
	-webkit-background-size: 100%;  
  -o-background-size: 100%;  
  -khtml-background-size: 100%; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;  
}

#ops h3{ 
  font-size:22px;
  margin: 14px 0 34px 0;
  padding:0;
}
#ops img{ 
 margin: 22px;
}
#ops a:hover{ border-bottom: 0px dotted #fff; }