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

body{ min-width:1px; background-color:#262626; color:#eaeaea;}
 
p{font-family:Verdana, Helvetica, sans-serif;  font-size:11px; color:#fff; padding-bottom:5px; line-height:16px;}

a{ text-decoration:none; font-family:Verdana, Helvetica, sans-serif;  font-size:11px; color:#cccccc; text-decoration:underline;}

h1{font-family:Verdana, Helvetica, sans-serif;  font-size:14px; color:#888888; padding-bottom:5px;}

.bold{font-family:Verdana, Helvetica, sans-serif; font-weight:bold;  font-size:11px; color:#CCCCCC; padding:5px; line-height:20px;}

.text{ width:auto; margin:20px; float:left;}
#header{ float:left; width:100%; height:210px; background-color:#bcbcbc; overflow:visible; position:fixed; color:#eaeaea; }

.contenedorheader{min-width:1300px; overflow:hidden;}

#logo{ width:209px; float:left; margin-top:10px; margin-left:30px; z-index:2;}

#imgheader{ width:975px; float:right; overflow:hidden; clear:none; z-index:1;}

#tag{ width:319px; float:left;}

#contenedor{background-color:#262626; margin:0 auto; width:100%; clear:both; font-family:Arial, Helvetica, sans-serif;  font-size:11px; color:#CCCCCC;}

#img contenedor{ margin-top:80px;}

.imgspace{ margin-top:270px;}

#profile{ width:100%; min-height:800px;	}

#profiletext{ width:100%; min-width:1000px; overflow:visible; height:250px; border-top:#646464 solid 1px;  border-bottom:#646464 solid 1px; background-color:#3e3e3e; margin-top:15px; padding:35px;	}

#knowledge{min-height:800px;}

#knowledgetext{ width:100%; min-width:1000px; overflow:visible; height:250px; border-top:#646464 solid 1px;  border-bottom:#646464 solid 1px; background-color:#3e3e3e; margin-top:15px; padding:35px;	}

#works{min-height:800px;}

#workstext{ width:100%; min-width:1000px; overflow:visible; height:460px; border-top:#646464 solid 1px;  border-bottom:#646464 solid 1px; background-color:#3e3e3e; margin-top:15px; padding:35px;	}

.gallery ul li{ float:left;}

.gallery li{ background-color:#333333; padding:10px;}

.gallery li:hover{ background-color:#222222; padding:10px;}

#contact{ min-height:800px;}

#contacttext{ width:100%; min-width:1000px; overflow:visible; height:320px; border-top:#646464 solid 1px;  border-bottom:#646464 solid 1px; background-color:#3e3e3e; margin-top:15px; padding:35px;	}

.gall1{ clear:both;}

.botones{ float:right; width:200px; }
 
.p a{ border:solid #fff; background-image:url(../images/Picture7.png); width:25px; height:35px;}

.p a:hover{ background-image:url(../images/phover.png); width:25px; height:35px;}
 
#menu{margin-top:30px; float:left; height:35px; z-index:3}
 
.menu li{display:inline; float:left;  margin-left:15px;}

#menu2{ background-image:url(../images/iccontenedor.png); width:109px; height:142px; float:right;  margin-top:70px; margin-right:300px; z-index:3 }

.lista{ display:block; float:left; margin-left:5px; margin-top:5px;}
 
.btn a{display: block; width:46px; height:43px; background-image:url(../images/icons.png)}
.btn a:hover{ background-position: 0 -39px;  position: relative;}
.btn2 a{display: block; width:46px; height:43px; background-image:url(../images/icons2.png)}
.btn2 a:hover{ background-position: 0 -39px;  position: relative;}
.btn3 a{display: block; width:46px; height:43px; background-image:url(../images/icons3.png)}
.btn3 a:hover{ background-position: 0 -39px;  position: relative;}
.btn4 a{display: block; width:46px; height:43px; background-image:url(../images/icons5.png)}
.btn4 a:hover{ background-position: 0 -39px;  position: relative;}
.btn5 a{display: block; width:46px; height:43px; background-image:url(../images/icons6.png)}
.btn5 a:hover{ background-position: 0 -39px;  position: relative;}
.btn6 a{display: block; width:46px; height:43px; background-image:url(../images/icons7.png)}
.btn6 a:hover{ background-position: 0 -39px;  position: relative;}
.btn7 a{display: block; width:108px; height:30px; background-image:url(../images/btn.png)}
.btn7 a:hover{ background-position: 0 -30px;  position: relative;}
.btn8 a{display: block; width:158px; height:30px; background-image:url(../images/btn2.png)}
.btn8 a:hover{ background-position: 0 -30px;  position: relative;}
.btn9 a{display: block; width:107px; height:30px; background-image:url(../images/btn3.png)}
.btn9 a:hover{ background-position: 0 -30px;  position: relative;}
.btn10 a{display: block; width:123px; height:30px; background-image:url(../images/btn4.png)}
.btn10 a:hover{ background-position: 0 -30px;  position: relative;}


#contact-wrapper {
	margin-left:120px;;
	width:300px;
	background:#333333;
	padding:10px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:11px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:4px;
	font-size:11px;
	color:#333;
}
form#contactform textarea {
	font-size:11px;
	padding:4px;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}




/*#twitter_div{
	width:500px;
	min-height:30px;
	margin-top:12px;
	padding:5px;
	float:right;
	text-align:right;
	background-color:#191919;
	
	
	}
#twitter_update_list{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	list-style:none;

	}
	
#twitter_update_list a{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#afebee;
	font-size:12px;
	}
	*/