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

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

	acronym,abbr { 
	border-bottom:1px dotted #333;
	cursor:url('../img/help.png'), pointer; 

	}


ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, img
{
	border: 0;
	padding: 0;
	margin: 0;
}
ul 			{ list-style-type: none; }
a {text-decoration:none; color:#ED0;}

h1 {
font-family: Trebuchet MS;
color:	#eedd00;
}

body {
	font: normal 13px/normal Trebuchet MS;
	color: #999;
	background: #000 url('../img/bg.gif') repeat 0 0;
	padding: 0;
	margin: 0;
}

#principal {
	height:3800px;
	}


	
#main {
	height:100%;
	width:100%;
	position:relative;
	}

	#panel {
	background: url('../img/estilos.png') no-repeat left bottom;
	display: none;
	height:30px;
	width:210px;	
	position:absolute;
	right:80px;
	top:0px;
	}
	
	#estilos {
	padding: 7px 15px;
	overflow:hidden;
	width: 35px;
	position:absolute;
	right:20px;
	top:0px;
	height:10px;	
	}
	
		#estilos a {
			font-weight:bold;
			position:absolute;
			right:0;
	
		}
	#cambiaestilo a {
	float:left;
	position:relative;
	padding:2%;
	}
	
	#main-nav{
		width: 504px;
		height: 30px;
		position: absolute;
		top: 20px;
		left: 3%;

		}
		
			ul#nav {
				display: inline;
				list-style:none;
				}
				
			ul#nav li{
				float:left;
			}
			
			ul#nav li#port a{
				color:#78AAAF;
				font-size: 2em;
				font-family: Bambhout_trial;
				cursor: pointer;
				padding:0 10px;			
			}
			
			ul#nav li#port a:hover{
				color:#ED0;
				font-weight:bold;
				border-bottom: 0px solid #78AAAF;
			}
			
			
		
			ul#nav li#sobre a{
				color:#EEC93C;
				font-size: 2em;
				font-family: Bambhout_trial;
				cursor: pointer;
				padding:0 10px;
			}	
			
			ul#nav li#sobre a:hover{
				color:#FF8375;
				font-weight:bold;
			}
			
			ul#nav li#guion {
				font-family:Footlight MT Light;
				font-size:30px;
				color:white;
				}
				

		/* Fin Nav */
		
		/* Inicio Yo */
		
	#yo-central {
		position:relative;
		margin-top:1%;
		top:20%;

		}
		
		#yo {
		background-image:url('../img/sbout.png	');
		background-repeat:no-repeat;
		width:600px;
		height:600px;
		position:relative;
		left:20%;
		}
			#yo #mainyo{
			top:20%;
			left:-18%;
			width:350px;
			height:300px;
			position:relative;
			}
		
				#yo #foto{
				float:left;
				position:relative;
				top:25%;
				left:-20%;
				height:383px;
				width:350px;
				}
				
	
			#sobremi li{
				text-align:left;
				position:relative;
			}
			
			#sobremi li h1{
			padding-bottom:10px;
			}
			
			
			dl dt {
			background: transparent url('../img/dt.gif') no-repeat 0 3px;
			padding: 0 0 0 25px;
			margin: 0 0 5px;
			}
		
		#hab {
		background-image:url('../img/hab.png');
		background-repeat:no-repeat;
		width:255px;
		height:154px;
		position:relative;
		top:-7%;
		left:90%;
		}
		
		#imge{
		background-image:url('../img/cara.png');
		background-repeat:no-repeat;
		width:400px;
		height:460px;
		position:absolute;
		top:0%;
		left:-10%;
		float:left;
		}
		
		/*Fin Mainyo */
			
		.url  {
			float:right;
			padding-bottom:5px;
			left:12%;
			top:20%;
			position:relative;	
			font-weight:bold;
		}
			
		li#url {
		padding-bottom:7px;
			left:50%;	
		}
				
		
		#logo	{
			background-image:url('../img/logo.png');
			background-position:center;
			background-repeat:no-repeat;
			top:10%;
			left:33%;
			width:471px;
			height:236px;
			position:relative;
				
		}
		
		#logo:hover {
			background-image:url('../img/logo2.png');
			}
			

	#portfolio {
		margin-top:1%;
		top:25%;
		position:relative;
	}
	
	#portfolio #central {
		margin-top:2%;
		background-image:url('../img/portfolio_tit2.png');
		background-position:left top;
		background-repeat:no-repeat;
		width:600px;
		height:600px;
		position:relative;
		left:20%;	
	}

	#contacto{
		top:30%;
		position:relative;
	}
	
	#contacto #centralCont {

		background-image:url('../img/contacto.png');
		background-position:left top;
		background-repeat:no-repeat;
		width:780px;
		height:600px;
		position:relative;
		left:20%;
	}
		
		#muestra {
		position:relative;
		top:30%;
		left:20%;
		height:500px;
		width:500px;
		list-style-type:none;
		background: url("../img/sent.gif") no-repeat;
		
		}
	
		form#contact {
		position:relative;
		top:40%;
		left:0%;
		height:300px;
		width:800px;
		list-style-type:none;
			
		}
		
			#contacto #name {
			height:43px;
			width:150px;
			background-image: url("../img/cont/name.png");
			background-repeat:no-repeat;
			display:block;
			text-indent:-10000px;
			position:relative;
			left:10%;
			}
			
			#contacto #email {
			margin-top:2%;
			height:43px;
			width:150px;
			background-image: url("../img/cont/email.png");
			background-repeat:no-repeat;
			display:block;
			text-indent:-10000px;
			float:right;
			margin-right:5%;
			
			}
			
			#contacto #msg {
			height:43px;
			width:150px;
			background-image: url("../img/cont/msg.png");
			background-repeat:no-repeat;
			display:block;
			text-indent:-10000px;
			position:relative;
			}
			


			#contacto #chosse {
			margin-top:2%;
			height:43px;
			width:150px;
			background-image: url("../img/cont/chosse.png");
			background-repeat:no-repeat;
			display:block;
			text-indent:-10000px;
			position:relative;
			}

			input#nom {
			width:200px;
			height:20px;
			border:#0c363d dashed 2px;
			margin:10px 10px;
			background:#CC0;
			color:#000;
			padding:5px;
			font-size:16px;
			font-weight:bold;
			-moz-border-radius:5px;
			}
			
			input#emailtext {
			width:280px;
			height:20px;
			border:#0c363d dashed 2px;
			margin:10px 10px;
			background:#3b5e74;
			color:#d4e6e9;
			padding:5px;
			font-size:16px;
			font-weight:bold;	
			-moz-border-radius:5px;
			}
			
			select {
			width:200px;
			height:35px;
			border:#0c363d dashed 2px;
			margin:10px 10px;
			background:#CDEB8B;
			color:#36393D;
			padding:5px;
			font-size:16px;
			font-weight:bold;	
			-moz-border-radius:5px;
			-arrow-color: #000;
			}
			
			textarea {
			width:400px;
			height:180px;
			border:#0c363d dashed 2px;
			margin:10px 10px;
			background:#6BBA70;
			color:#B02B2C;
			padding:5px;
			font-size:16px;
			font-weight:bold;	
			-moz-border-radius:5px;
			letter-spacing:0.01pt;
			line-height:18px;
			overflow-x: hidden; 
			
			}
			
			#botoncontact {
			background:url(../img/send.png) no-repeat;
			width:215px;
			height:128px;
			border:none;
			font-size:0px;
			cursor:pointer;
			position:absolute;
			bottom:-15%;
			right:-6%;
			}
			
			#botoncontact:hover {
			background:url(../img/send2.png) no-repeat;
			
			}
			
			#contright{
			float:right;
			
			}
			
			#contact span {
				display:block;
			}
			
				.errorform {
				float:right;
				background:url(../img/error.png) no-repeat;
				width:50px;
				height:50px;
				margin-right:6px;
				}
				
				.okform {
				float:right;
				background:url(../img/ok.png) no-repeat;
				width:50px;
				height:50px;
				margin-right:6px;
				}

				.errorform2 {
				float:right;
				position:relative;
				top:25px;
				left:35px;
				background:url(../img/error.png) no-repeat;
				width:50px;
				height:50px;
				}
				
				.okform2 {
				float:right;
				position:relative;
				top:25px;
				left:35px;
				background:url(../img/ok.png) no-repeat;
				width:50px;
				height:50px;
				}


				.errorform3 {
				float:right;
				position:relative;
				top:48px;
				left:480px;
				background:url(../img/error.png) no-repeat;
				width:50px;
				height:50px;
				}
				
				.okform3 {
				float:right;
				position:relative;
				top:48px;
				left:480px;
				background:url(../img/ok.png) no-repeat;
				width:50px;
				height:50px;
				}
				
				.errorform4 {
				position:relative;
				background:url(../img/error.png) no-repeat;
				width:50px;
				height:50px;
				left:220px;
				top:-53px;
				}
				
				.okform4{
				position:relative;
				background:url(../img/ok.png) no-repeat;
				width:50px;
				height:50px;
				left:220px;
				top:-53px;
				}
		
	#blog {
		margin-top:1%;
		top:38%;
		position:relative;		
	}
	
	
	#blog #centralblog {
		top:0;
		background-image:url('../img/blogbg.png');
		background-position:left top;
		background-repeat:no-repeat;
		width:800px;
		height:600px;
		position:relative;
		left:20%;	
	}
		#blog-tab {
		position:relative;
		top:30%;
		}
		#blog-tab ul#misTabs li {
		float:left;
		margin-left: 2px;
		}

		#blog-tab ul#misTabs a{
		  display:block;
		  padding:4px 0;
		  height:24px;
		  width:140px;
		  text-decoration:none!important;
		  margin:0px;
		  margin-left:0;
		  font:12pt Calibri;
		  color:#FFF;
		  background:#222;
		  text-align:center;
		  vertical-align:center;
		}

		#blog-tab ul#misTabs a.selected {
		  height:30px;
		  padding:4px 0 8px;
		  background:snow;
		  color:#222;
		  font-weight:bold;
		  border-bottom:none;
		}
		
		
		#blog-tab div{
		clear: both;
		padding: 20px;
		padding-top:20px;
		font-weight:bold;
		}
		
		#blogfeed a{
		float:right;
		margin-top:-15px;
		padding:0;
		color:#FDDFB9;
		font-family:"calibri";
		cursor: url('../img/hand.png') , pointer;
		}
		
		#blogfeed a:hover {
		color:#1A9FD7;
		}
		
		h4{
		font-size:16px;		
		}
		
		.entry {
		/* Nada Por Ahora */		
		}
		
		
		 #twitter_update_list{
			background: url(bg-project.gif);
			margin-bottom: 1em;
			width:800px;
		}

		 #twitter_update_list li{
			margin-top:20px;
			background: url('../twitter.png');
			background-repeat:no-repeat;
			padding: 0 0 0 30px;
		}
		
		a#link-twitter{
		font-weight:normal;
		font-family:"calibri";
		margin-left:5px;
		}
		
		a#link-twitter:hover{
		color:#fff;
		padding-left: 5px;
		}
		
		a#url-twitter {
		font-weight:normal;
		font-family:"calibri";
		color:#C3D9FF;
		margin-left:5px;
		}
		
		a#url-twitter:hover {
		color:#6BBA70;
		}
		
	
		
		#thanks ul {
		width:700px;
		}
		
		#thanks ul li {
		float:left;
		margin: 5px;
		}
		
		#thanks ul li a {
		  display:block;
		  padding:4px 0;
		  height:24px;
		  width:140px;
		  text-decoration:none!important;
		  margin:0px;
		  margin-left:0;
		  font:12pt Calibri;
		  color:#FFF;
		  background:#000;
		  text-align:center;
		  vertical-align:center;
		  border:dashed 2px #fff;
		}
		
		 #thanks ul li a:hover{
		 color:#eedd00;
		 }
		
	

/*  Up! */

#up {
background-image:url('../img/up.png');
background-repeat:no-repeat;
position:fixed;
top:65%;
right:0;
width:70px;
height:136px;
z-index:50;
}

#up:hover{
background-image:url('../img/up2.png');
}
	
/* Pie */


#bar_fot{
background:url("../img/pie.png");
background-repeat:no-repeat;
background-position:bottom;
width:100%;
height:500px;
position:relative;
bottom:0%;
z-index:-5;
}

	#bar_fot #nom{
	position:absolute;
	bottom:0;
	right:0;
	padding-right:15px;
	padding-bottom:10px;
	font: 11px tahoma, arial, sans-serif;
	font-weight:bold;
	}
	
	


/* Mas */
	#increase a { float:left; padding-right:10px; color:#FFF;}
	#decrease a { float:left; padding-right:5px; color:#FFF; }
	#increase a:hover {color:#ed0;}
	#decrease a:hover {color:#ed0;}
.dest {
color:#ED0;
}

	#follow {
		background-image:url(../img/4.png);
		width:200px;
		height:200px;
		position:absolute;
		left:10px;
		top:0;
		}

		#follow:hover {
		background-image:url(../img/5.png);
		}

/*Prueba  */

#imenu {
background-image:url(../img/menu.png);
background-repeat:no-repeat;
width:500px;
height:313px;
position:absolute;
top:0;
z-index:5;
}

#menu_sobre{
background-image:url(../img/menu1.png);
background-repeat:no-repeat;
width:102px;
height:114px;
position:relative;
top:150px;
left:47px;
}

#menu_sobre:hover{

}


#menu_port{
background-image:url(../img/menu2.png);
background-repeat:no-repeat;
width:157px;
height:132px;
position:relative;
top:123px;
left:20px;


}

#menu_port:hover{

}

#menu_cont{
background-image:url(../img/menu3.png);
background-repeat:no-repeat;
width:146px;
height:126px;
position:relative;
top:81px;
left:-14px;

}

#menu_cont:hover{

}


#menu_blog{
background-image:url(../img/menu4.png);
background-repeat:no-repeat;
width:99px;
height:112px;
position:relative;
top:-73px;
left:370px;

}

#menu_blog:hover{

}

a#anima  {
background-image:url(../img/tw1.png);
background-repeat:no-repeat;
height:130px;
width:150px;
position:relative;
top:38px;
left:80px;
z-index:50;
}

/*
#tw:hover {
background-image:url(../img/tw2.png);
}

*/

#anima {
width:200px;
height:200px;
}

#bubble {
background-image:url(../img/bubble.png);
background-repeat:no-repeat;
height:129px;
width:145px;
position:absolute;
top:0px;
left:150px;
}

#bubble p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#0CF;
font-size:26px;
font-weight:bold;
position:absolute;
top:28px;
left: 72px;
text-align:center;
}

#fix {

}