body,td,th {
	font-family: Verdana;
	font-size:9px;
}
body {
	background-color: #000000;
	margin-top: 20px;
}
#intro {
    width:800px; 
	height:600px; 
	margin:auto;   
}
#SobreElautor {
    width:800px; 
	height:600px; 
	margin:auto; 
	background-image:url(../images/sobre_el_autor.jpg); 
	background-position:left top; 
	background-repeat:no-repeat;  
	border:#333333 solid 1px;
}
#Principal {
    width:800px; 
	height:600px; 
	margin:auto; 
	background-image:url(../images/layout.jpg); 
	background-position:left top; 
	background-repeat:no-repeat;  
	border:#333333 solid 1px;
}

/*Enlaces Begin */	
#dhtmlgoodies_menu{		
	width:57px; 
	height:22px;
	margin-left:5px;
	/*float:left;*/ 
	
}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
    list-style:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{	
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
	padding-left:10px;
}
#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	color:#FFFFFF;	/* Black text color */
	font-size:9px;
	height:18px;	/* 20 pixel height */
	line-height:17px;	/* 20 pixel height */
	vertical-align:middle;	/* Align text in the middle */
	background-color: transparent;	/* Light blue background color */
	padding-right:8px;	/* Air between border and text inside */
	display:block;
	width:57px; 
	height:22px;
	padding-top:4px;
	padding-bottom:2px;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	width:57px; 
	height:22px;
	padding-top:4px;
	padding-bottom:2px;
	
	color:#FFFFFF;
	background-color: transparent;	
	font-size:9px;;
	background-image: url(../images/topRolloverEnl.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	color:#FFFFFF;
	background-color: #4C4C4C;
	border-top:#FFFFFF 1px solid;
	text-align:left;
	font-size:9px;;
	padding:2px;
	margin-top:10px;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;	
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#FFFFFF;	/* Black text color */
	font-size:9px;;
	height:15px;	/* 16 pixels height */
	line-height:18px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */
	
	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#000000;	/* White text */
	background-color:#FFFFFF;	/* Blue background */
	font-size:9px;;
}
/*Enlaces End */	
	

/*Menu Arriba Begin*/
#menuArriba {
	width: 570px;
	height: 23px;
	margin-top: 280px;
	margin-right: 0px;
	margin-bottom: 73px;
	float:right;
}
#menuArriba2 {
	width: 285px;
	height: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right:285px;
	float:right;
}
#sa {
    width:85px; 
	height:22px;
	float:left;
	display:none;
	
}
#sa2 {
    width:85px; 
	height:22px;
	float:left;
	
}
a.sa {
    width:85px; 
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.sa2 {
    width:85px; 
	height:22px;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.sa:hover {
	width:85px;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/topRollover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
#rn {
    width:60px; 
	height:22px; 
	float:left; 
	margin-left:5px;
	display:none;
}
#rn2 {
    width:60px; 
	height:22px; 
	float:left; 
	margin-left:5px;
}
a.rn {
    width:60px; 
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.rn:hover {
	width:60px;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/topRollover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
#mm {
    width:70px; 
	height:22px; 
	float:left; 
	margin-left:5px;
	display:none;
}
#mm2 {
    width:70px; 
	height:22px; 
	float:left; 
	margin-left:5px;
}
a.mm {
    width:70px; 
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.mm:hover {
	width:70px;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/topRollover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
#to  {
    width:84px; 
	height:22px; 
	float:left; 
	margin-left:5px;
	display:none;
}
#to2  {
    width:84px; 
	height:22px; 
	float:left; 
	margin-left:5px;
}
a.to {
    width:84px; 
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.to:hover {
	width:84px;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/topRollover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
#ct  {
    width:81px; 
	height:22px; 
	float:left; 
	margin-left:5px;
	display:none;
}
#ct2  {
    width:81px; 
	height:22px; 
	float:left; 
	margin-left:5px;
}
a.ct {
    width:81px; 
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.ct:hover {
	width:81px;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/topRollover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
#el  {
    width:53px; 
	height:22px; 
	float:left; 
	margin-left:5px;
}
#el2  {
    width:61px; 
	height:22px; 
	float:left; 
	margin-left:5px; 
}
a.el {
    width:60px; 
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	
	
}
a.el:hover {
	width:60px;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/topRollover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:7px;
	padding-bottom:7px;
	
	
}


/*Menu Arriba End*/

#animacionLibro {
	width: 211px;
	height: 298px;
	margin-top: 100px;
	margin-left: 12px;
	float:left;
}
#titles {
	width: 353px;
	height: 63px;
	float: right;
	margin-top: 0px;
	margin-right: 196px;
	margin-bottom:10px;
}
#libro {
	width: 50px;
	height: 63px;
	float: right;
	margin-top: 200px;
	margin-right: 50px;
	margin-bottom:10px;
}
#texts {
	width: 356px;
	height: 143px;
	float: right;
	margin-top: 6px;
	margin-right: 193px;
	overflow: auto;
	overflow-x:none;
	text-align:justify;
}
#textVideo {
	width: 531px;
	height: 143px;
	float: right;
	margin-top: 6px;
	margin-right: 18px;
	overflow: auto;
	overflow-x:none;
	text-align:justify;
}
body,td,th {
	font: Verdana;
	color: #FFFFFF;
}
.style1 {font-size: 8.5pt}
#menuFooter {
	width: 800px;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	margin:auto;
}
a.menuFooter {
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}
a.menuFooter:hover {
	font-size:9px;
	color:#FF9900;
	text-decoration:none;
}
#copyRigths {
	width: 800px;
	font-size:9px;
	color:#FFFFFF;
	margin:auto;
}

.inputContact {
	width:245px;
	height:12px;
	border:#FFFFFF 1px solid; 
	background-color: transparent;
	font-size:9px;;
	font-style:normal;
	color:#FFCC00;
}

.dropdownContact {
	width:322px;
	border:#FFFFFF 1px solid; 
	background-color:#000000;
	height:20px;
	font-size:9px;;
    font-style:normal;
	color:#FFCC00;
}


.textField {
	width:319px;
	height:40px;
	overflow:scroll-y;
	font-size:9px;;
	font-style:normal;
	border:#FFFFFF 1px solid; 
	background-color: transparent;
	color:#FFCC00;
}


.botonesSubmit {
	width:50px; 
	height:20px; 
	border:#FFFFFF 1px solid; 
	background-color: transparent; 
	margin-top:5px;
	font-size:9px;;
	font-style:normal;
	color:#FFCC00;
}
.thubsVideo {
	padding: 3px;
	float: left;
	height: 90px;
	width: 236px;
	text-align:left;
	margin-right:10px;
	margin-bottom:10px;
	line-height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
a.noticias {
	font-size:9px;
	color:#FFCC00;
	text-decoration:none;
}
a.noticias:hover {
	font-size:9px;
	color:#FFFFFF;
	text-decoration:underline;
}
.thubsFoto {
   float:left; 
   width:94px; 
   height:67px; 
   margin-right:10px; 
   margin-bottom:10px;
   border:#CCCCCC 1px solid;
}