@charset "utf-8";

/*********************************************
*	CSS Document 
*
*	@autor: 'Esteban' Lucho Giribone,
*	@date:	june 27 2 thou nine
*
*********************************************/

/*------------ Document body -------------*/

* html , body	{	margin:0; padding:0;
					text-align:left;
					font:11px Verdana, Helvetica;
					width:100%; height:100%;
					color:#000000;
					background-color:#CCCCCC;
					background:url(../img/bg.gif) repeat;	}

/*------------- Reset -------------------*/

*				{	font-size:100%; }

a				{	cursor:pointer;
					text-decoration:none;
					color:#000000;	}

img				{	border:none;	}

h1 , h2	, h3 ,h4 {	font-size:1em;
					margin:0; padding:0;	}

p, ul, ol, li 	{	font-size:1em;
					margin:0; padding:0;	}

.clear 			{	clear:both; height:1px; 
					line-height:1px; font-size:1px;	}

/*--------- Container styles --------------*/

.wrapper		{	position:relative;
					width:850px;	}

.title			{	width:100px;	}

.wrapper img	{	position:absolute;	}
					
.index_img		{	top:0; left:0;		}
.index_logo		{	top:328px;left:345px;	}
.index_iso		{	top:335px;left:505px;	}
					
.navy			{	position:absolute;
					top:280px; left:745px;	}
					
.navy ul		{	list-style-type:none;
					text-align:right;
					font-size:17px;
					letter-spacing:0px;	}

.navy ul li a		{	color:#999999;	}
.navy ul li a:hover	{	color:#000000;	}

.navy ul li a img		 {	position:relative;
							visibility:hidden;
							padding-left:3px;	}
							
.navy ul li a:hover img	 {	visibility:visible;	}


/*---------- Seccion Styles --------------*/

.secc			{	position:absolute;
					top:-100px;			}
					
.secc_logo		{	top:0; left:50px;	}

.work			{	left:5px; }

.secc_container	{	position:absolute;
					top:0px;left:440px;
					height:500px; width:462px;	}
					
/*---------- Content Styles -------------*/

.secc_navy		{	text-align:left;
					padding-top:5px;
					padding-bottom:5px;
					background-color:#000000;
					position:relative;
				}				
.secc_navy a	{	color:#DDD; font-weight:bold; border-bottom: solid 3px #000; 
					padding:2px 7px; margin:0; letter-spacing:-0.05em; font-size:13px; }
					
.secc_navy a:hover	{	color:#FFF; border-bottom:solid 3px #DD0000;	}

.secc_navy span		{	position:absolute; top:5px; right:0px;	}

.content		{	padding:20px 0 0 0;
					text-align:justify;	}
.content span	{	color:#AA0000; }
.content p		{	margin:0; line-height:18px; margin-bottom:30px; font-size:12px; text-align:justify; padding:10px 15px 0 15px;  }	
.content img	{	position:relative !important;	}

h2{ font-size:22px; font-family: Georgia, "Times New Roman", Times, serif; color:#666666; margin-bottom: 5px;}
h3{ font-size:14px; font-family: Georgia, "Times New Roman", Times, serif; color:#990000; margin-bottom: 5px;}

.works 	{	background:#999999;
			padding:10px;
			float:left;
			margin:5px;
		}

/* -------------------- SERVICIOS -------------------*/

.serv-class {	margin-left:-20px;	}

/* -------------------  CONTACT STYLES -----------------------*/

#contact div	 {	width:430px; margin:auto;text-align:left;
					 font-size:13px; color:#555555;		}
					 
#contact div input , .inputType

					{	width:420px;
						background:#F9F9F9;
						border:1px solid #DDD;
						-moz-border-radius:4px;
						-webkit-border-radius:4px;
						font-size:22px;
						color:#666;
						padding:2px 5px;
					}

.inputType	{	font-size:12px; padding:8px 5px; height:80px;	}

#contact div em { color:#CC0000; font-size:10px; }

#contact div.button			{	text-align:right;  }				
#contact div input.button	{	font-size:16px; border:#555555 solid 1px; width:150px; color:#555; }

#contact div#error	{	margin:0 auto 10px auto; text-align:center; font-size:13px; 
						font-style:italic; color:#FF7777; background:#FFFFCC;
						border:1px solid #FFAA99; -moz-border-radius:4px; 
						-webkit-border-radius:4px; padding:5px; width:300px; display:none;
					}


#loader	{	position:absolute;
			text-align:center;
			top:0; right:0;
			margin:0;
			z-index:100;
			display:none;
			padding:1px;
		}

#loader img	{	margin:40px auto; }

.contact	{	left:130px;	}

/* ---------------- CONTACT --------------------*/