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

html {
	overflow:hidden;
	height:100%;
}
body {
	position:relative;
	margin:0px;
	background-color:#000;
	overflow:hidden;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
	font-weight:lighter;
	margin:10px 50px;
}
p {
	text-align:justify;
	font-size:12px;
	margin:10px 50px;
}
ul {
	text-align:justify;
	font-size:12px;
	margin:10px;
}
li {
	text-align:justify;
	font-size:12px;
	margin:10px 50px;
}
#logo {
	display:block;
	border-bottom:1px solid #666666;
	padding:5px 10px;
}
#logo:hover {
}
#siteBG {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
#wrapper {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow:auto;
	margin:0px;
	padding:0px;
}
	#page{ 
		width:900px;
		min-height:100%;
		margin:0px auto;
		padding:0px 0px 50px 0px;
		background:url(imagenes/alfaBG.png) 50% 0% repeat-y; clear:both;
	}
		#content {
			float:right;
			margin:100px 0px 0px 0px;
			width:680px;
			color:#FFFFFF;
		}
		#menu {
			float:left;
			margin:10px 0px 0px 0px;
			color:#FFFFFF;
			width:200px;
		}
		#menu a.menu_item {
			display:block;
			border-bottom:1px solid #666666;
			padding:2px 10px;
			color:#FFFFFF;
			text-decoration:none;
			font-size:14px;
		}
		#menu a.menu_item:hover {
			background:#073FA3;
		}
		#menu a.selected {
			background:#073FA3;
		}
		#menu a.sub_menu_item {
			display:block;
			border-bottom:1px solid #666666;
			font-size:12px;
			padding:2px 0px 2px 5px;
			margin:0px 0px 0px 15px;
			color:#FFFFFF;
			text-decoration:none
		}
		#menu a.sub_menu_item:hover {
			background:#073FA3;
		}
	#menuCredits {
		color:#FFFFFF;
		width:200px;
	}
	#menuCredits p {
		margin:5px;
	}

/*This are my styles*/

@font-face {
 font-family: "dearjoe";
 src: url(fonts/dearjoe.ttf) format("truetype");
}
h1.special {
	font-size:33px;
}
h2.special {
	font-weight:bolder;
}
h1.specialf {
	font-family: "dearjoe", Arial, Helvetica, sans-serif;
	font-size:48px;
}
h2.specialf {
	font-family: "dearjoe", Arial, Helvetica, sans-serif;
	font-size:38px;
}
h3.specialf {
	font-family: "dearjoe", Arial, Helvetica, sans-serif;
	font-size:28px;
}
h4.specialf {
	font-family: "dearjoe", Arial, Helvetica, sans-serif;
}
h5.specialf {
	font-family: "dearjoe", Arial, Helvetica, sans-serif;
}
h6.specialf {
	font-family: "dearjoe", Arial, Helvetica, sans-serif;
}
#cframe {
	/*width: 400px;
	height: 400px;*/
	padding:20px;
	text-align: justify;
	font-size: 12px;
	font-family: 'Century Gothic, Trebuchet MS', Arial, Helvetica, sans-serif;
}
#cframe li, a {
	text-decoration:none;
	color:#FFF;
	line-height:25px;
}
#cframe li:hover {
	color:#FFF;
	border:1px solid #666;
	line-height:35px;
	font-size:18px;
	font-weight:bolder;
}
#pieportafolio {
	position:relative;
	margin-left:50px;
	width:540px;
	height:40px;
	text-align:right;
	padding-top:1px;
	background-color:#000;
	margin-top:-10px;
	vertical-align:middle;
}
#pieportafolio a:hover {
	color:#FFF;
	font-size:16px;
	font-weight:bolder;
}

#gallery {
	clear:both;
	position:relative;
}
#gallery a {
	margin:0px 10px 10px 0px;
	padding:0px;
	text-decoration:none;
	float:left;
	width:130px;
	height:74px
}
#gallery img {
	margin:0px;
	padding:0px;
}


.gallery {clear:both;position:relative;}
.gallery a {margin:0px 10px 10px 0px;padding:0px;text-decoration:none;float:left;width:130px;height:74px}
.gallery img {margin:0px;padding:0px;}

.videoGallery{clear:both;position:relative;}
.videoGallery a{margin:0px 10px 10px 0px;padding:0px;text-decoration:none;float:left;width:130px;height:74px}
.videoGallery img {margin:0px;padding:0px;}

#galleryaseso a {
	margin:0px 10px 10px 0px;
	padding:0px;
	text-decoration:none;
	float:left;
	width:130px;
	height:74px
}
#galleryaseso img {
	margin:0px;
	padding:0px;
}

.directorio {
	margin-left:50px;
}
.directorio th {
	padding:5px;
	background-color:#000;

}
.directorio td {
	padding:5px;
}
.even {
	background-color:#333;
}
.odd {
}
#socialbtn {
	display:block;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	padding-top:6px;
	padding-bottom:2px;
	margin-bottom:10px;
}
#socialbtn a {
	text-decoration:none;
	border:none;
	
	}
#btn {
	width:97px;
	text-decoration:none;
	border:none;

	}
	
	
	
	
	
	
/* ============== CLEAR FIX ============ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* ============== CLEAR FIX END ============ */