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






/* ---- Contenido Derecha/////////////////////////////////////////////// ----*/

#Right_Content{
	width: 300px;
	height: 2000px;
	position: absolute;
	right:0px;
	margin:0;
	background: url(../images/fondos/Fondo_Right.jpg);
	border-right:#AEC0D9 2px solid;
}
#TF_Right_Content{
	width: 300px;
	height: 7550px;
	position: absolute;
	right:0px;
	margin:0;
	background: url(../images/fondos/Fondo_Right.jpg);
	border-right:#AEC0D9 2px solid;
}

#Right_Add{
	width: 300px;
	height: 300px;
	position: relative;
	left:0px;
	top: 0px;
	margin:0;
}
#Right_Add_Sub{
	width: 250px;
	height: 250px;
	position: relative;
	left:20px;
	top: 25px;
	margin:0;
	border:#a7b4c2 thin solid;
}
#Login{
	width: 300px;
	height: 350px;
	position: relative;
	left:0px;
	top: 0px;
	margin:0;
}
#Login_Title{
	width: 290px;
	height: 40px;
	position: absolute;
	left:0px;
	top: 0px;
	margin:0;
	background:url(../images/fondos/Fondo_Title.jpg);
}
#Login_Sub{
	width: 250px;
	height: 250px;
	position: relative;
	left:20px;
	top: 50px;
	margin:0;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
}

#Right_Search{
	width: 300px;
	height: 164px;
	position: relative;
	left:0px;
	top: 0px;
	margin:0;
}
#RS_Title{
	width: 290px;
	height: 40px;
	position: absolute;
	left:0px;
	top: 0px;
	margin:0;
	background:url(../images/fondos/Fondo_Title.jpg);
}

#RS_Sub{
	width: 250px;
	height: 100px;
	position: relative;
	left:20px;
	top: 50px;
	margin:0;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
}
#RS_Sub_Search{
	width: 234px;
	height: 30px;
	position: absolute;
	left:14px;
	top: 30px;
	margin:0;
	background:none;
}


#Random_Tutorials{
	width: 300px;
	height: 350px;
	position: relative;
	left:0px;
	top: 0px;
	margin:0;
}
#RT_Title{
	width: 290px;
	height: 40px;
	position: absolute;
	left:0px;
	top: 0px;
	margin:0;
	background:url(../images/fondos/Fondo_Title.jpg);
}

#RT_Sub{
	width: 250px;
	height: 250px;
	position: relative;
	left:20px;
	top: 50px;
	margin:0;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
}
#RT_Img{
	position: relative;
	width:100px;
	height:100px;
	left:15px;
	top:15px;
	border: 3px double #b4b4b4;
}
#Random_Sub{
	width: 235px;
	height: 230px;
	position:relative;
	left:4px;
	top:14px;
	
}
#Random_Img{
	border:0;
	
}

/* ---- Books////////////////////////////////// ----*/	

#R_Books{
	width: 300px;
	height: 550px;
	position: relative;
	left:0px;
	top: 0px;
	margin:0;
}
#RB_Title{
	width: 290px;
	height: 40px;
	position: absolute;
	left:0px;
	top: 0px;
	margin:0;
	background:url(../images/fondos/Fondo_Title.jpg);
}
#RB_Sub{
	width: 260px;
	height: 500px;
	position: relative;
	left:20px;
	top: 50px;
	margin:0;
	background: none;
	border:none;
}
#RB_Search{
	width: 256px;
	height: 550px;
	position: relative;
	left:2px;
	top:2px;
	margin:0;
}

#RB_Search_Sub{
	width: 256px;
	height: 550px;
	position: relative;
	left:0px;
	top:0px;
	margin:0;
}
#RB_Item{
	width: 250px;
	height: 250px;
	position: relative;
	left:0px;
	top:0px;
	margin:0;
}

#RB_Item_Sub{
	width: 120px;
	height: 240px;
	position: relative;
	left:65px;
	top: 5px;
	margin:0;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
}
#RB_Item_Right{
	width: 120px;
	height: 240px;
	position: absolute;
	right:2px;
	top: 5px;
	margin:0;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
	
	
}
#RB_Item_Left{
	width: 120px;
	height: 240px;
	position: absolute;
	left:2px;
	top: 5px;
	margin:0;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
	
	
}

#RB_Banner{
	width: 250px;
	height: 70px;
	position: relative;
	left:20px;
	top: 10px;
	background: #CCCCCC;
	border:#a7b4c2 thin solid;
}

#RB_Banner_Sub{
	width: 234px;
	height: 60px;
	position: relative;
	left:8px;
	top: 5px;
	margin:0;
}



/* ---- Books////////////////////////////////// ----*/
	
	/* ---- Login Tablas////////////////////////////////// ----*/
	
	#Log_Form{
		width:250px;
		height:100px;
		position:relative;
		top:40px;
	}
	#Label{
		font-size:14px;
		font-weight:bold;
		font-family:Calibri;
		color: #669999;
		position:relative;
		top:5px;
		left:15px;
		margin-right:5px;
	
	}
	.user{
		border:#339999 thin solid;
		position:relative;
		color:#339999;
		top:5px;
		margin-top:10px;
		margin-left:17px;
		background:#E8E8E8;

	}
	.user:hover{
		background:#E2E2E2;

	}
	.user:focus{
		background:#F5F5F5;

	}
	.pass{
		border:#339999 thin solid;
		position:relative;
		color:#339999;
		top:5px;
		margin-top:10px;
		margin-left:20px;
		background:#E8E8E8;

	}
	.pass:hover{
		background:#E2E2E2;

	}
	.pass:focus{
		background:#F5F5F5;

	}
	#submit{
		font-size:14px;
		font-weight:bold;
		font-family:Calibri;
		text-align:center;
		padding-bottom:5px;
		color: #669999;
		position:relative;
		width:80px;
		height:34px;
		top:30px;
		left:15px;
	
	}
	#Feedback{
		font-size:14px;
		font-weight:700;
		color:#3CB371;
		font-family: Calibri, "Trebuchet MS", Arial;
		position:absolute;
		top:5px;
		left:10px;
		width:230px;
		height:50px;
		text-align:justify;
		
	}
	
	.register{
		font-size:14px;
		font-family: Calibri, "Trebuchet MS", Arial;
		color:#99CC99;
		font-weight: 700;
		position:relative;
		top:55px;
		margin-top:20px;
		margin-left:15px;

	}
	.register a{
		
		color:#999966;
		
	}
	.register a:hover{
		
		color:#336666;
		
	}
	.recover{
		font-size:14px;
		font-family: Calibri, "Trebuchet MS", Arial;
		color:#99CC99;
		font-weight: 700;
		position:relative;
		top:50px;
		margin-top:10px;
		margin-left:15px;
	}
	.recover a{
		
		color:#999966;
		
	}
	.recover a:hover{
		
		color:#336666;
		
	}
	
		
	/* ---- Login Tablas////////////////////////////////// ----*/


/* ---- Contenido Derecha/////////////////////////////////////////////// ----*/

/* ------------------------------------------------------------------------------------------ */ 





/* ------------------------------------------------------------------------------------------ */ 

/* ----- Colors ----- */

/*	#5edaf0 -- clear cyan
/*	#18a9c3 -- cyan 01
/*	#00CCCC -- cyan 02
/*	#00a0d8 -- cyan title
/*	#e4e4e4 -- Bg Gray
/*	#8e8e8e -- Gray 01
/*	#b3b3b3 -- Gray 02
/*	#575757 -- Descrip Gray
/*	#0606c5 -- Blue 01
/*	#06c521 -- Green 01


/* ----- Colors ----- */

/* ------------------------------------------------------------------------------------------ */ 

/* ----- Adds ----- */ 
/*#Vinculos{
	width: 930px;
	height: 20px;
	position: relative;
	top: 100px;
	left: 5px;
	background:url(file:///C|/Documents/Works/Projects/Potoshoraptor%201.0/images/background/bg_Links.jpg);
}*/

/* ----- Adds ----- */

/* ------------------------------------------------------------------------------------------ */ 



/* ----- Text ----- */ 


.title{
	color:#669999;
	font-family: Calibri, "Trebuchet MS";
	margin-left:0px;
	margin-top:7px;
	font-weight:bold;
	font-size: 18px;
	text-align:center;
}

.log_icon{
	position:absolute;
	height:48px;
	width:48px;
	top:-5px;
	right:35px;
	background:url(../images/content/icons/Lock.png);
}

.search_icon{
	position:absolute;
	height:48px;
	width:48px;
	top:-5px;
	right:35px;
	background:url(../images/content/icons/Search.png);
}
.random{
	width: 100px;
	height: 100px;
	position:relative;
	border:#009900 thin solid;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	border: 3px double #b4b4b4;
	
}


/* ----- Text ----- */