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

body {
	background-color:#ecdba5;
	background-image: url(../images/back.jpg);
	background-position:top;
	background-repeat:no-repeat
}
a{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	
	}
a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #999;
	text-decoration:none
	}

#wrapper{
	position:relative;
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto}
#navbar{
	position:absolute;
	background-image:url(../images/backnav.png);
	background-repeat:no-repeat;
	top:31px;
	width:668px;
	height:128px;
	left:232px
}
	/*LINKS---------------------------
	--------------------------------------
	**********************/
#nosotros{
	position:absolute;
	top:35px;
	left:65px;
	width:98px;
	height:23px;
	}
#servicios{
	position:absolute;
	top:0px;
	left:163px;
	width:98px;
	height:23px;
}

#clientes{
	position:absolute;
	top:35px;
	left:261px;
	width:98px;
	height:23px;
	}
	
#trabajos{
	position:absolute;
	top:0px;
	left:359px;
	width:98px;
	height:23px;
	}
	
#contacto{
	position:absolute;
	top:35px;
	left:457px;
	width:98px;
	height:23px;
	}
	
#tienda{
	position:absolute;
	top:0px;
	left:564px;
	width:98px;
	height:54px;
	}
#prox{
	position:absolute;
	top:17px;
	left:564px;
	width:98px;
	height:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	font-weight:bold;
	z-index:8
	}
	/*END LINKS---------------------------
	--------------------------------------
	**********************/

#logo{
	position:absolute;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	top:0px;
	width:268px;
	height:252px;
	z-index:2;
	left: -12px;
	}
#sidebar{
	position:absolute;
	background-image:url(../images/backside.jpg);
	background-repeat:repeat-y;
	top:174px;
	width:236px;
	height:504px;
	}
#paquete{
	position:absolute;
	top:88px;
	width:236px;
	height:55px;
	border-bottom:#FFF 1px dashed;
	}
#bocetos{
	position:absolute;
	top:81px;
	width:236px;
	height:248px;
	border-bottom:#FFF 1px dashed;
	}
/*LOGIN--------------------------------------
---------------------------------------
-----------------------------*/
#login{
	position:absolute;
	top:53px;
	width:210px;
	height:179px;
	left: 21px;
	}
	form {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px;
	width:200px;	
	}
	
	form ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
	form li {

	margin-bottom:10px;
			}
			
	form li#send {
		background:none;
		margin-top:14px;
			}
		
	form label {
		width:80px;
		text-align:left;	
		margin-right:5px;
		color:#fff;
		font:11px Verdana, Geneva, sans-serif;
		font-weight:bold;
			}
			
	form input,
	form textarea {
		padding:1px;
		font:11px Verdana, Geneva, sans-serif;
		border:1px solid #999;
		width:180px;
			}
			
	form li#send button {
		background:#fff;
		width:60px;
		height:30px;
		border:	#999 thin solid;
		border-radius:15%; /* Don't expect this to work on IE6 or 7 */
		-moz-border-radius:15%;
		-webkit-border-radius:15%;			
		color:#fff;
		margin-left:123px; /* Total width of the labels + their right margin */
		cursor:pointer;
		font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#333;
		font-weight:bolder
				}
			
	form li#send button:hover { 
		background-color:#0099cc;
				}

#iconos{
	position:absolute;
	top:330px;
	width:236px;
	height:126px;
	}
#icocont{
	position:absolute;
	top:26px;
	width:100px;
	height:21px;
	left: 25px;
	}
#icoenglish{
	display:none;
	position:absolute;
	top:68px;
	width:100px;
	height:24px;
	left: 25px;
	}
#footer{
	position:absolute;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	top:630px;
	width:893px;
	height:62px;
	z-index:5
	}
#copyright{
	position:absolute;
	bottom:12px;
	width:306px;
	right:536px;
	height:15px;
	font-size:9px;
	color: #333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold
	}