/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#5E5E5E; font:13px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{
	width:778px;
	height:158px;
	position:relative;
	margin:0 auto;
	color:#fff;
	padding:0px;
	background-image: url(images/header2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#topPan img.logo{width:245px; height:37px; position:absolute; top:33px; left:43px;}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}

#topPan p{
	font-size:14px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 43px;
}

#topContactPan{width:159px; height:51px; position:absolute; top:43px; right:240px;}
#topContactPan p.callus{
	color:#fff;
	width:64px;
	height:14px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px;
}
#topContactPan p.no{font-size:26px; padding:4px 0 0;}
#login {
	float: left;
	color: #000000;
	background-image: url(images/usuario.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 131px;
	margin-left: 45px;
}
#login a {
	text-decoration: underline;
	margin-left: -33px;
	color: #000000;
}

#login li {
	display: inline;
	padding-left: 35px;
	padding-right: 30px;
}


#topMenuLeftPan{
	width:60px;
	height:16px;
	float:left;
	background:url(images/menu-leftbg.gif) 0 0 no-repeat;
	margin-left: 20px;
}
#topMenuMiddlePan{
	width:208px;
	height:16px;
	float:left;
}

#topMenuMiddlePan ul{width:544px; height:16px;}
#topMenuMiddlePan ul li{
	width:67px;
	height:16px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E5E5E5;
	border-left-color: #E5E5E5;
}
#topMenuMiddlePan ul li a{width:67px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li a:hover{
	background:#fff;
	color:#FF9900;
	text-decoration:none;
}
#topMenuMiddlePan ul li.home{
	background:#fff;
	color:#FF9900;
	text-decoration:none;
	font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
#topMenuMiddlePan ul li.contact{width:67px; border-right:1px solid #fff;}
#topMenuMiddlePan ul li.contact a{width:67px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact a:hover{
	background:#fff;
	color:#FF9900;
	text-decoration:none;
}

#topMenuRightPan{width:70px; height:16px; float:left; background:url(images/menu-rightbg.gif) 0 0 no-repeat;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
	width:780px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{
	width:545px;
	float:right;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
#banner {
	height: 150px;
	background-color: #E8E8E8;
	margin-bottom: 20px;
}

#bodyLeftPan h2{
	height:30px;
	background:url(images/border1.gif) 100% 70% no-repeat #fff;
	color:#00111A;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
}
#bodyLeftPan h2 span{
	background:#fff;
	color:#FF9900;
}

#bodyLeftPan h3{width:410px; height:30px; background:url(images/border2.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h3 span{
	background:#fff;
	color:#FF9900;
}

#bodyLeftPan p{
	padding:7px 0 0;
	text-align: justify;
}
#bodyLeftPan p span{
	background:#fff;
	color:#FF9900;
	font-weight:bold;
}

#bodyLeftPan ul{width:410px; margin:10px 0 0;}
#bodyLeftPan ul li{width:410px; height:20px;}
#bodyLeftPan ul li a{width:390px; height:20px; background:url(images/button.gif) 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:390px; height:20px; background:url(images/button-hover.gif) 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}

#bodyLeftPan p.more{
	background:#F3F3F3;
	color:#FF9900;
	width:550px;
	height:11px;
	padding:0px;
	line-height:11px;
	font-size:11px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}
#bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bodyLeftNextPan{width:410px; clear:both; padding:10px 0 0;}
#bodyLeftPan p.next{background:#F3F3F3; color:#003D5C; width:410px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bookcatagories{width:410px; position:relative; margin:0 auto; padding:5px 0 0;}
#namePan{width:156px; float:left; background:url(images/name-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#nameonePan{width:156px; float:left;}
#nameonePan ul{width:156px;}
#nameonePan ul li{width:140px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

#pricePan{width:106px; float:left; background:url(images/price-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#priceonePan{width:143px; float:left;}
#priceonePan ul{width:143px;}
#priceonePan ul li{width:133px; height:20px; background:url(images/price-border.gif) 100% 50% no-repeat #fff; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

#discountPan{width:126px; float:left; background:url(images/discount-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding:0 0 0 12px;}
#discountonePan{width:110px; float:left;}
#discountonePan ul{width:110px;}
#discountonePan ul li{width:100px; height:20px; background:url(images/dicount-border.gif) 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{
	width:200px;
	float:left;
	border:1px solid #DADADA;
	color:#1A1A1A;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
	background-color: #eee;
}

#bodyRightPan h2{
	width:180px;
	height:30px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}

#bodyRightPan h2 span{
	background:#fff;
	color:#FF9900;
}

#bodyRightPan h3{
	width:180px;
	height:30px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
#bodyRightPan h3 span{
	background:#fff;
	color:#FF9900;
}

#bodyRightPan p{padding:0px 29px 0px 29px;}
#bodyRightPan p.boldtext{
	padding:10px 29px 0px;
	font-size:14px;
	color:#1A1A1A;
	font-weight:bold;
}

#bodyRightPan p.more{
	height:1px;
	padding:0px;
	line-height:11px;
	background-color: #E37C00;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#bodyRightPan .boldtext a {
	color: #E37C00;
	text-decoration: none;
}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:72px 0 0;}

#footerPan{
	width:700px;
	position:relative;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footerPan ul{
	width:600px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerPan li{float:left; }
#footerPan ul li a{
	padding:0 10px 0;
	color:#010101;
	text-decoration:none;
}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	width:620px;
	color:#E37C00;
	position:absolute;
	top:23px;
	left:40px;
	font-size:12px;
	text-align: center;
}

#footerPan ul.templateworld{
	width:125px;
	color:#444;
	display:block;
	position:absolute;
	top:40px;
	left:40px;
	font-size:10px;
	background-color: #FFFFCC;
	height: 40px;
	margin-left: 250px;
	margin-top: 5px;
	background-image: url(images/diseno.png);
	background-repeat: no-repeat;
}

#footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}

#footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
#footerPancss a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}
#bodyLeftPan h4 {
	height:30px;
	background:url(images/border1.gif) 100% 70% no-repeat #fff;
	color:#00111A;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#bodyPan #bodyLeftPan ul {
	list-style-type: disc;
	list-style-position: inside;
}

#bodyRightPan h4 span {
	background:#fff;
	color:#FF9900;
}