/* @override 
	http://ajuar-rizo.com/main.css
	http://ajuar-rizo.com/web/main.css
*/

* { padding: 0; margin: 0; }



body {
	background: url(img/bg.jpg) repeat-x;

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

 font-size: 13px;

}
h3 {
	font-size: 20px;
}
#wrapper { 
 

 margin: 0 auto;

 width: 922px;

}
#global { 

 margin: 0 auto;

 width: 922px;

}

#leftcolumn { 

 color: #333;

 border: 0px solid #ccc;



 margin: 0px 0px 0px 0px;

 padding: 0px;

 height: 742px;

 width: 212px;

 float: left;

 

}

#content { 

 float: left;

 color: #333;

 border: 0px solid #ccc;

 margin: 5px 0px 0px 0px;

 padding: 0px;



 width: 554px;

 display: inline;

}

#content-cat { 
background: url(img/productos.jpg) no-repeat;

 float: left;

 color: #333;

 border: 0px solid #ccc;

 margin: 5px 0px 0px 0px;

 padding: 0px;

height: 710px;

 width: 922px;

 display: inline;

}
#thumbnails { 
width: 760px;
margin: 10px 0 0 195px;
}
#imgs {
width: 173px;
float: left;
height: 130px;
}

#texto_empresa {

font-family: Tahoma;

background-color: #FFFFFF;

color: #333333;

text-decoration: none;

word-spacing: Normal;

text-align: left;

letter-spacing: 0;

text-indent: 0px;

line-height: 11px;

font-size: 10px;

width: 340px;

margin: 39px 0px 0px 27px;

}

#rightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background:  url("images/right.jpg");

 margin: 0px 0px 0px 0px;

 padding: 0px;

 height: 742px;

 width: 350px;

 float: left;

 position: relative;

}

#rightcolumn_empresa { 

 color: #333;

 border: 0px solid #ccc;



 margin: 0px 0px 0px 0px;

 padding: 0px;

 height: 742px;

 width: 368px;

 float: left;

 position: relative;

}

#logo {
	width: 86px;
	clear: both;
	float: left;
	margin: 0px 10px 10px 0;
}

#rightcolumn_contacto { 

 color: #333;

 border: 0px solid #ccc;

 background:  url("images/imagen_contacto.jpg");

 margin: 0px 0px 0px 0px;

 padding: 0px;

 height: 742px;

 width: 350px;

 float: left;

 position: relative;

}

/* begins menu*/

#chromemenu{

width: 99%;

font-weight: bold;

font-size: 90%;

margin-top:20px;

margin-left:21px;

}



#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



#chromemenu ul{

border: 1px solid #e5e5e5;

width: 100%;

background: url(images/chromebg.gif) center center repeat-x;

padding: 8px 0;



margin: 0;

text-align: right; /*set value to "right" for example to align menu to the left of page*/

}



#chromemenu ul li{

display: inline;

}



#chromemenu ul li a{

color: #494949;

padding: 9px;

margin: 0;

text-decoration: none;

border-right: 1px solid #DADADA;

}



#chromemenu ul li a:hover{

background: url(images/chromebg2.gif) center center repeat-x;

}

/* ends menu*/
/* Navigation */
#nav_wrapper{
	width: 922px;
	height: 37px;
	margin: 0 auto;
}
	ul.nav{
		padding: 3px 0 0 0;
		height: 37px;
		position: relative;
	}
		ul.nav li{
			float: left;
		}
			ul.nav li.active a{
				z-index: 7 !important;
				background-position: bottom !important;
			}
			ul.nav li a{
				position: absolute;
				height: 37px;
				width: 147px;
			}
			ul.nav li a.home{
				z-index: 6;
				left: 73px;
				background: url("../img/tab-home.png") no-repeat;
			}
			ul.nav li a.overview{
				z-index: 5;
				left: 183px;
				background: url("../img/tab-overview.png") no-repeat;
			}
			ul.nav li a.skills{
				z-index: 4;
				left: 293px;
				background: url("../img/tab-skills.png") no-repeat;
			}
			ul.nav li a.ourwork{
				z-index: 3;
				left: 403px;
				background: url("../img/tab-ourwork.png") no-repeat;
			}
			ul.nav li a.hireus{
				z-index: 2;
				left: 513px;
				background: url("../img/tab-hireus.png") no-repeat;
			}
			ul.nav li a.news{
				z-index: 1;
				left: 623px;
				background: url("../img/tab-blog.png") no-repeat;
			}
				ul.nav li a img{
					display: none;
				}
				
/* subnav */
ul.subnav{
	margin: 3px 0 15px -5px;
	overflow: hidden;
}
	ul.subnav li{
		float: left;
		font-size: 10px;
		color: #696969;
		padding-bottom: 2px;
	}
		ul.subnav li a{
			font-size: 11px;
			text-decoration: none;
			color: #696969;
			padding: 0 10px;
		}
		ul.subnav li a:hover, ul.subnav li.active a{
			color: #00ac25;
		}
#top_white{
	background: url("../img/nav-top.png") repeat-x;
	width: 100%;
	height: 7px;
	position: absolute;
	z-index: 7;
	left: 0;
}
#menu{
	width: 513px;
	margin: 0 auto;
}

/* Layout Elements */
#top_white{
	background: url("../img/nav-top.png") repeat-x;
	width: 100%;
	height: 7px;
	position: absolute;
	z-index: 7;
	left: 0;
}
#dwrapper{
	width: 845px;
	margin: 0 auto;
	position: relative;
}
	.logo{
		width: 284px;
		height: 82px;
		margin: 75px 0 0 280px;
	}