/* @group reset */

*{
	outline:none;
	moz-outline:none;
}
html {
	color: #2a2a2a;
	font-family: "Lucida Grande", Tahoma, "trebuchet ms", "Lucida Sans Unicode", Sans-Serif;
	font-size: 12px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	
}
li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
pre, form {
	font-style:normal;
	font-weight:normal;
}
fieldset {
	border:0 none;
}
legend {
	color:#000000;
}
input, textarea {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
}
p, blockquote {
	margin:0;
	padding:0;
}
th {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:left;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0 none;
}
address {
	font-style:normal;
	font-weight:normal;
}
caption {
	font-style:normal;
	font-weight:normal;
	text-align:left;
}
cite, dfn, em, strong, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0 none;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
a{	
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
/* @end */


/* @group Basics */

body{
	background: url(../images/back.jpg) fixed;
}

#master{
	width: 1000px;
	margin: 0 auto;
	min-height: 400px;
}
#overlayer{
	display: none;
	width: 80px;
	height: 10px;
	background: url(../images/spinner.gif) no-repeat;
	position: relative;
	top: 23px;
	left: 800px;
}
#top{
	height: 150px;
}
#logo{
	width: 240px;
	height: 150px;
	background: url(../images/logo.png) no-repeat 60px 20px;
	float: left;
}
#space_menu{
	height: 150px;
	width: 760px;
	float: right;
}
#space_menu #space{
	height: 100px;
}
#space_menu #menu{
	height: 50px;
	padding: 21px 0 0 0; /* this padding is for space in top menu (29px) */
}
#wrap{
	width: 906px;
	margin: 0 auto;
}
#bg_menu{
	background: url(../images/bg_home.png) no-repeat;
	height: 33px;
}
#box_content{
	min-height: 200px;
	background: url(../images/bg_content_y.png) repeat-y;
}
#bottom_content{
	background: url(../images/bg_content_botton.png) no-repeat;
	height: 21px;
}

#content{
	padding: 20px 40px;
}

#medias{
	padding: 15px;
	height: 32px;
}
#medias ul{
	float: left;
	margin-left: 50px;
}
#medias ul li{
	float: left;
	margin:0 8px;
}
#medias ul li a{
	width: 32px;
	height: 32px;
	display: block;
}
#medias ul li a#twitter{
	background: url(../images/social_medias.png) no-repeat;
}
#medias ul li a#slideshare{
	background: url(../images/social_medias.png) no-repeat -32px 0px;
}
#medias ul li a#delicious{
	background: url(../images/social_medias.png) no-repeat -64px 0px;
}
#medias ul li a#flickr{
	background: url(../images/social_medias.png) no-repeat -96px 0px;
}
#medias ul li a#mail{
	background: url(../images/social_medias.png) no-repeat -128px 0px;
}

#close{
	background: url(../images/final.png) no-repeat 600px 0px;
	height: 117px;
}

/* @end */





/* @group Menu */

#space_menu #menu ul{
	width: 500px;
	float: right;
	margin: 0 10px 0 0;
}

#space_menu #menu ul li{
	float: left;
	margin: 0 20px;
}

#space_menu #menu ul li a{
	display: block;
	text-indent: -9999px;
}
#space_menu #menu ul li a#home{
	height: 29px;
	width: 63px;
	background: url(../images/bt_home.png) no-repeat;
}
#space_menu #menu ul li a:hover#home{
	background: url(../images/bt_home_b.png) no-repeat;
}

#space_menu #menu ul li a#portifolio{
	height: 29px;
	width: 108px;
	background: url(../images/bt_portifolio.png) no-repeat;
}
#space_menu #menu ul li a:hover#portifolio{
	background: url(../images/bt_portifolio_b.png) no-repeat;
}

#space_menu #menu ul li a#contato{
	height: 29px;
	width: 91px;
	background: url(../images/bt_contato.png) no-repeat;
}
#space_menu #menu ul li a:hover#contato{
	background: url(../images/bt_contato_b.png) no-repeat;
}



/* @end */







/* @group specifc styles */

p.home{
	font-size: 18px;
	padding: 0 0 17px 0;
	text-align: justify;
	color: #5f5f5f;
	text-shadow: #fff 0 1px 1px;
}
p.home span{
	
	font-style: italic;
	color: #333;
	text-shadow: #fff 0 1px 1px;
}



#port{
	padding: 5px;
}

#port ul{
	margin: 0 auto;	
}

#port ul li{
	width: 186px;
	height: 68px;
	line-height: 68px;
	background: url(../images/bg_item_portifolio.png) no-repeat;
	display: block;
	float: left;
	margin: 9px;
	text-align: center;
	display: table-cell;
	
}
#port ul li img{
	margin: 0 auto;
}
#port ul li p{
	line-height: 68px;
}
.tooltip{
	display: none;
	background: url(../images/tooltip_aw7.png) repeat scroll 0 0; 
    height:121px; 
    width:222px; 
    padding:20px;
    color:#fff;
}
.tooltip p{
	word-spacing: 2px;
}
.tooltip p a{
	color: #ffef0c;
	text-decoration: none;
	font-style: italic;
}
.tooltip p span{
	color: #000;
	font-weight: bold;
}

/*#morettotip {
	display: none;
	background: url(../images/tooltip_aw7.png) repeat scroll 0 0; 
    height:121px; 
    width:222px; 
    padding:20px;
    color:#fff;     
}
#lwarttip {
	display: none;
	background: url(../images/tooltip/white_arrow.png) repeat scroll 0 0;
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#333;     
}
#econtip {
	display: none;
	background: url(../images/tooltip/white_arrow.png) repeat scroll 0 0;
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#333;     
}
#eliztip {
	display: none;
	background: url(../images/tooltip/white_arrow.png) repeat scroll 0 0;
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#333;     
}
#vedapliktip {
	display: none;
	background: url(../images/tooltip/white_arrow.png) repeat scroll 0 0;
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#333;     
}*/

/* @end */




/* @group Forms */
form{
	padding: 30px 0 0 30px;
	margin: 0 auto;
}
form .input{
	width: 255px;
	height: 27px;
	line-height: 27px;
	padding: 2px 5px 2px 10px;
	background: url(../images/bg_inputs.png) no-repeat;
	border: none;
}
form .textarea{
	width: 433px;
	height: 150px;
	padding: 2px 5px 2px 10px;
	background: url(../images/bg_textarea.png) no-repeat;
	border: none;
}
form table tr td{
	padding: 2px 20px;
}
form table tr td span{
	padding: 0px 4px;
	color: #ff331a;
	font-weight: bold;
}

form table tr td.bt{
	text-align: right;
}
/* @end */