/*
		 
		 Osvaldo Ivan Osorio
		 osvaldo.osorio@gmail.com
		 www.oswosmedia.com
		 
	 
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0;
    text-align: left;
}
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ background: #000 url(../images/bgglobal.jpg) top left repeat-x; }
body,td,ul,th						{ font-size: 13px; font-family: "Century Gothic", "Trebuchet MS", Tahoma; 
									  color: #eee; line-height:1.6em;		 }
ul,ol								{ margin:0; padding:0; list-style:none; }
a									{ outline: none; text-decoration: none; }
a img, img a:hover					{ border: none; background: none; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: #0099FF; color: white; }


/*
	TYPGROGRAPHY
*/
p									{ 	margin: 0 0 10px 0; text-align:justify; }
a									{ 	color: #96BF0D; }
a:hover, #currentA a				{ 	background: none; color: #fff; }
h1									{ 	font-size: 2.2em; font-weight: normal; margin: 0 0 10px 0;  }
h2									{ 	font-size: 1.7em;  margin: 6px 0 10px 0; text-align:left; }
h3									{ 	font-size: 1.3em; margin: 0 0 10px 0; }
h4									{ 	font-size: 1.2em; text-transform:uppercase; background:#eee; color:#fff; }
h1, h2,h3,h4						{	font-family:"Century Gothic", "Trebuchet MS", Tahoma; line-height:.9em;}

/*
	FORMS
*/
input[type="text"],
input[type="password"], textarea, 
select								{ padding: 3px; margin:0 0 10px 0; }
input[type="submit"]				{ padding: 5px; margin:0 0 10px 0; font-size:18px; color:#003366; }



/*
	STRUCTURE
*/
#topbox								{ clear:both; width:940px; margin:0 auto; height:2px; background:#313131; text-align:left;
									   color:#fff; padding:0px;}
#page-wrap							{ width: 960px; margin:0px auto -50px auto;
									  min-height: 100%; height: auto !important; height: 100%; padding:0 20px; 
									  position:relative;}
#content							{ clear:both;}
#sidebar 							{ width: 190px; float: left; margin-right: 15px; }
#main-col							{ width: 380px; float: left; }
#main-colWide						{ width: 740px; float: left; }				
#linksidebar						{ width: 339px; float: right; padding:0 0 0 20px; }
#push								{ height: 50px; }
#anim								{ clear:both; width:960px; height:420px; padding:28px 0 0 0; overflow:hidden;}
ul#portfolio						{ margin:0; padding:0; list-style:none;}


/*
	HEADER
*/
#logo								{ width: 140px; height: 80px; float:left; padding:10px 0 0 0;
										position: absolute; top: 18px; left: 20px; z-index:109;}
#top								{ padding: 0px 0 0 0; height:100px; }
#topoptions							{ float:right; width:500px; text-align:right; padding:0px 30px 0 0;}
#topoptions	ul li					{ display:inline; 
									  padding:0 4px;}
/*
	MENU
*/
#menu-bar							{ 	width:602px; height:37px;  float:right; padding:30px 0 0 0; margin:0; }
ul#main-nav							{	width:580px; list-style:none; height:37px; padding:0px 0px; margin:0; float:left; }
ul#main-nav	li						{ 	float:right;   margin:4px 0; padding:0 6px; }
ul#main-nav .first					{ 	}
ul#main-nav .last					{ 	}

ul#main-nav li a,
ul#main-nav li a:visited			{ 	display:block; padding:4px 0px 8px 0px; text-transform: uppercase; 
										color: #fff; font-size: 12px; line-height:normal; border-top:3px solid #333333;
										font-weight:bold;  font-family:"Century Gothic", "Trebuchet MS", Tahoma; }
ul#main-nav li a:hover				{ 	color: #96BF0D; background:none; }
ul#main-nav #current a:link, 
ul#main-nav #current a:visited		{ 	border-top:3px solid #96BF0D;}
#menu-a								{	float:left; width:20px; height:37px; background:url(../images/menu_a.html) no-repeat top left; }
#menu-b								{	float:right; width:20px; height:37px;background:url(../images/menu_b.html) no-repeat top left;}

#categorias							{	margin:0 0 18px 0; }
#categorias ul						{	margin:0; padding:0 0px 0 0; list-style:none;}
#categorias ul	li					{	padding:6px 0; border-bottom:1px dotted #333333;}
#categorias ul	a					{	display:block; padding:0 10px; color:#999999; }
#categorias ul	a:hover				{	color:#fff;  }

/*
	CONTENIDO DEL HOME
*/

#homecontent 						{	clear:both; padding:14px 0;}

/*
	PRODUCTOS
*/
#productos 							{  }
#productos  .item					{ float:left; width:280px; margin:0 20px 10px 0; }
#productos .item	img				{ width:280px; margin:0 6px 10px 0; height:110px;}
#productos .item	h2				{ }
#productos .item	h2	a			{ color:#fff;}
#productos .item	p				{ line-height:1.2em;}

/* 
	PAGEs
*/
#page								{	float:left; margin:0px 10px 0 0; width:520px; padding:0 40px 30px 0px;}
.box								{ 	width:270px; float:left; padding:10px; 
										margin:0 20px 20px 0; background:#292929;
										height:200px; }										
.right								{ 	width:290px; float:right; margin-right:0px;  
										padding:16px 0;	}
#pageheader							{	clear:both; height:60px; margin:0px 0 10px 0; 
										background:url(../images/bgtop.jpg) top center no-repeat;}
#pageheader h1						{	color:#96BF0D; font-size:28px; padding:16px 0px 20px 0px; text-align:left; 
										text-transform:uppercase; letter-spacing:1px; }
ul ul								{ 	margin:0 0 0 30px; padding:0 0 20px 0;  }

#descargas ul ul li					{ list-style:disc; font-size:11px; }
#descargas h2						{ border-bottom:2px solid #ccc; padding:0 0 6px 0; }
#services h3						{ border-bottom:1px dotted #CCCC00; color:#CCCC00; padding:4px 0 6px 0; margin:10px 0; }

#main-col h1						{	margin:0 0 20px 0;}
#imagenContent						{	margin:0 0px 20px 20px; float:right;}
#main-colWide ul					{ 	padding:30px 0 10px 0; margin:0 0 20px 20px; list-style:disc; }	
#main-colWide ul li					{ 	padding:0 0px 20px 0;}	

/* SERVICIOS */
#servicios .box						{	background:#292929 url(../images/servicesBott.jpg) bottom left no-repeat;}
#servicios h1						{	font-size:22px;}
#borde01							{	background:#333333 url(../images/border01.png) bottom left no-repeat; padding:0 0 12px 0;}
#borde02							{	background:#333333 url(../images/border02.png) bottom left no-repeat; padding:0 0 12px 0;}
#borde03							{	background:#333333 url(../images/border03.png) bottom left no-repeat; padding:0 0 12px 0;}
#borde04							{	background:#333333 url(../images/border04.png) bottom left no-repeat; padding:0 0 12px 0;}
#borde05							{	background:#333333 url(../images/border05.png) bottom left no-repeat; padding:0 0 12px 0;}

#alianzas td						{	padding:12px;}
#alianzas td	img					{	padding:10px; background:#eee;}

/* NOTICIAS */
#noticias .item						{	clear:both; padding:10px 260px 10px 0;}
#noticias .item .imagen				{	height:80px; overflow:hidden; float:left;}
#noticias .item .imagen	a:hover		{	background:none;}
#noticias .item img					{	margin:0 14px 20px 0;}
#noticias .item p					{	text-align:left; margin:0 0 0 120px;}

/* CASOS */
#casos .item						{	padding:10px 20px 10px 0; width:300px; float:left;}
#casos .item .imagen				{	height:80px; overflow:hidden; float:left;}
#casos .item .imagen	a:hover		{	background:none;}
#casos .item img					{	margin:0 14px 20px 0;}
#casos .item p					{	text-align:left; margin:0 0 0 120px;}

#tableServices td					{	padding:20px;}


/*
	FOOTER
*/
#footer								{ width: 960px; margin: 40px auto 0 auto; height: 100px; 
									  padding: 14px 0px 0 0px; background:url(../images/bgpie.jpg) top center no-repeat;
									  text-align:left; color:#4A4A4A; clear:both; }
#footer-inside						{ width: 900px; margin: 0 auto; }
#footer p							{ color: black; }
#footer-1							{ width: 280px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 388px; float: right; text-align:right; }
#footer a							{ color: #96BF0D; }
#footer ul, #footer h4				{ color: black; }

#designby a							{	color:#666666; }