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

@import url(/css/navigation.css);


* {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #000 url(/img/bg_body.png) repeat;
	color: #474747;
}

a {color:#FFFFFF; text-decoration:none;}
a:hover {color:#0f0f0f; background-color:#fff;}
a:visited {color: #474747;}
a:active {outline: none;}
a:focus{ -moz-outline-style: none;}

h4 {font-size: 9px;text-transform: uppercase; font-weight: normal;font-variant: normal; text-align:left; letter-spacing: 1px; }
h5 {font-size: 12px;font-weight:normal; }
img {border:0px;}




/* MAIN MENU navigation */
.menu{ width:90%; margin:auto;  margin-top:20px; margin-bottom:20px; clear: both; display: block; max-width:1507px; min-width:920px; height: 99px; width: expression(this.scrollWidth <= "920" ? "920" : "90%");}

.menu h1 {position:absolute; top:0; z-index:1;}
.menu h1 a {text-indent: -99999px;  height: 135px; width: 130px; background:url(/img/venga.png) no-repeat 0px 0px; display: block;}
.menu h1 a:hover {background:url(/img/venga.png) no-repeat 0px -135px;}

.menu h2 {color:#fff;}
.menu h2, .menu h3 {text-shadow: 0 0 0 #000;/* thinner fonts on dark backgrounds */}
.menu h2 a, .menu h3 a {color: #fff; }
.menu h2 a:hover, .menu h3 a:hover {color:#0f0f0f; background-color:#fff; padding: 0 3px;}
.menu h2 {position:absolute; top:55px; padding-left:140px; font-size:13pt; font-weight: normal;	text-transform: uppercase;}
.menu h3 {position:absolute; top:75px; padding-left:140px; font-size: 8pt; font-weight: normal; text-transform: uppercase;}

.menu  ul					{list-style-type:none; float:right; width:336px; display:inline;}
.menu  ul li				{float:left;}
.menu  ul li a				{height:99px; margin:0px; display:block; text-align:center; text-decoration:none; text-indent:-99999px;}
.menu  ul li.portfolio a	{width:44px; background: url(/img/menu.png) no-repeat 0px -99px;}
.menu  ul li.clients a		{width:102px; background: url(/img/menu.png) no-repeat -44px -99px;}
.menu  ul li.about a		{width:120px; background: url(/img/menu.png) no-repeat -146px -99px;}
.menu  ul li.contact a		{width:70px; background: url(/img/menu.png) no-repeat -266px -99px;}

.menu  ul li.portfolio a:hover { background: url(/img/menu.png) no-repeat 0px 0px;}
.menu  ul li.clients a:hover { background: url(/img/menu.png) no-repeat -44px 0px;}
.menu  ul li.about a:hover { background: url(/img/menu.png) no-repeat -146px 0px;}
.menu  ul li.contact a:hover { background: url(/img/menu.png) no-repeat -266px 0px;}

.menu  ul li.portfolio a.disabled { background: url(/img/menu.png) no-repeat 0px -198px;}
.menu  ul li.clients a.disabled { background: url(/img/menu.png) no-repeat -44px -198px;}
.menu  ul li.about a.disabled { background: url(/img/menu.png) no-repeat -146px -198px;}
.menu  ul li.contact a.disabled { background: url(/img/menu.png) no-repeat -266px -198px;}


.thumbnail {width:180px; height:180px; overflow:hidden;} 
.thumbnail a {filter: alpha(opacity=70); opacity:0.7;}
.thumbnail a:hover {filter: alpha(opacity=100); opacity:1.0; width:180px; height:180px;}


#carousel_home {position: relative;top:0px;overflow:hidden;width:100%; margin:auto; max-width:1680px;min-width:920px;  width: expression(this.scrollWidth <= "100" ? "920" : "100%");height: expression(this.scrollHeight <= "100" ? "100%" : "100%");}
#carousel_home ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0;}                      
#carousel_home ul li {list-style:none; float:left;  margin-right: 0px;/*column*/}

/*work content --------------------------------------------------------------------------------------------*/
#carousel_work {position: relative; top:0px;width:100%; margin:auto; max-width:1680px;min-width:920px;  width: expression(this.scrollWidth <= "100" ? "920" : "100%");height: 510px;overflow:hidden;}
#carousel_work ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0;}                      
#carousel_work ul li {list-style:none; float:left;  margin: 0px;/*column*/}
.container_work {width: 90%; min-width:920px; width: expression(this.scrollWidth <= "100" ? "920" : "90%"); overflow:hidden;position: relative; margin: auto;}
.container { width: 100%; min-width:920px; width: expression(this.scrollWidth <= "100" ? "920" : "100%"); height: expression(this.scrollHeight <= "100" ? "100%" : "100%"); overflow:hidden; position: relative; margin: auto;}


/*job content --------------------------------------------------------------------------------------------*/
.job_description {float:left; margin:0px 5px 0px 0px;  }
.job_image {height:450px; width:640px; background: #070707 url(/img/ajax-loader.gif) no-repeat center;}
.job_description p {display:block;width:590px; margin:12px 0px 3px 0px;}
.cliente_name { text-transform: uppercase; }

/*seemore--------------------------------------------------------------------------------------------*/
.seemore {width:90%; margin:0px auto; max-width: 1520px; min-width: 920px;}
.seemore ul{list-style-type: none; float:left; margin:0px 20px 30px 0px; line-height: 100%;  display: inline-block; }
.seemore ul li {font-size: 9px;text-transform: uppercase; letter-spacing: 1px; }
.seemore ul li a{display:block;padding:3px;}
.seemore ul li a:hover {color:#0f0f0f; }


.container_text {width:80%; margin:auto;}