@font-face{
	font-family:MyriadPro;
	src:url('../fonts/MyriadPro-Regular.ttf');
}
body {
	background:url(img/gradbg.png) repeat-x #a8c8f6;
	height:900px;
	padding:0;
	margin:0;
	a {
		//color:rgb(0, 0, 238);
		color:#56A8DD;
		text-decoration:none;
		font-weight:bold;
		outline:none;
		cursor:url(img/hand_cursor_rock.png),pointer;
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: all .4s ease-out;
	}
	a:hover {
		color:#ED1E79;
	}
	a:visited{
		//color:#56A8DD;
	}
	h1,h2,h3 {
		padding:0;
		margin:0 0 20px;
	}
}
#analogo{
	width:600px;
	margin:33px auto auto;
	//position:fixed;
}
#screen{
	width:100%;
	display:block;
	margin-top:40px;
	overflow:hidden;
}
.page{
	width:660px;
	height:300px;
	background:white;
	border:3px solid white;
	border-radius:10px;
	//font-family:MyriadPro, Verdana;
	
		font-family:Droid Sans, Arial;
	padding:20px;
	margin:0 0 10px 0;
	float:left;
	-webkit-box-shadow:2px 2px 5px gray;
	-moz-box-shadow:2px 2px 5px gray;
	box-shadow:2px 2px 5px gray;
	line-height:30px;
	h2{
		margin-top:0;
	}
	.nav{
		clear:both;
		width:660px;
		display:block;
		a{
			float:left;
			font-family:Droid Sans, Arial;
		}
	}
}
img{
	padding:0;
	margin:0;
	border:none;
}
#we {
	.author {
		padding:5px;
		border:5px solid #999;
		border-radius:5px;
		width:120px;
		height:160px;
		float:left;
		margin-right:20px;
		margin-bottom:20px;
		span {
			float:left;
			clear:both;
			width:100%;
			text-align:center;
			height:15px;
			margin:0;
			font-size:12px;
			line-height:15px;
		}
	}
}
#products a:not(.nava) {
	opacity:.8;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}
#products a:not(.nava):hover {
	opacity:1;
	//-webkit-transform: scale(1.07,1.07);
}
#products{
	.ware {
		float:left;
		margin-bottom:22px;
		width:310px;
			text-align:center;
		span{
			//width:100%;
		}
		a{
			float:left;
			border:3px solid #ccc;
			border-radius:7px;
			display:block;
			height:170px;
			width:310px;
		}
		img{
			border-radius:5px;
			width:310px;
			height:170px;
		}
	}
	.ware:nth-child(odd){margin-right:22px}
}
#contact input{
	font-size:16px;
	background:#9fd5f8;
	//border:2px solid #9fd5f8;
	border-radius:5px;
	margin:0;
	padding:5px;
	width:205px;
	height:20px;
	font-family:Droid Sans;
	display:inline;
	outline:none;
	border:none;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
}
#contactbox{
	display:block;
}
#formsubmitter{
	background:#9fd5f8;
	border-radius:5px;
	padding:0 9px;
	margin-top:5px;
	color:black;
	float:right; margin-right:0px;
	font-weight:normal;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
}
#formsubmitter:hover{
	background:#2673a5;
	color:white;
}
#contactsent{
	color:white;
	font-weight:bold;
	text-shadow:0 0 2px green;
	-webkit-text-shadow:0 0 2px green;
	float:left;
}
#contact .input{
	margin:0 0 0 8px;
	padding:0;
	width:213px;
	height:30px;
	display:block;
	float:left;
}
#contact .input:first-of-type{
	margin-left:0;
}
#contact .textarea{
	margin:5px 0 0;
	padding:0;
	width:585px;
	height:70px;
	display:block;
	float:left;
}
#contact textarea{
	font-size:16px;
	margin:0 0 0;padding:5px;
	font-family:Droid Sans;
	outline:none;
	border:none;
	background:#9fd5f8;
	//border:2px solid #9fd5f8;
	border-radius:5px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
}
#myCanvas {
	position:absolute;
	z-index:2;
	top:110px;
}
#drag-around {
	position:absolute;
	z-index:3;
	top:180px;
}