/*  Site:     Sitio Oficial Francisco Jose Bautista Lara
    Author:   Juan Ortega Ulloa
*/	
	

/*	GLOBAL
    --------------------------------------------------*/
	@import url("reset.css");
	body {background:url(../images/template/headerbg.jpg) repeat-x; font-family:"Georgia", Palatino linotype; 	font-size:12px;}
	#skip{display:none}
	a{text-decoration:none; color:#038BC2}
	a:hover{text-decoration: underline}
	input, select, textarea {  background:#FFFFFF  repeat-x scroll center top;border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;border-width:1px;}
	.flotantel{ float:left; margin:10px; border:1px solid #CCCCCC; padding:4px}
	.imgnormal{margin:10px; border:1px solid #CCCCCC; padding:4px}

/*	ESTRUCTURA
    --------------------------------------------------*/
	#wrapper, #footerwrapper{width:960px; margin:auto;}
	#header{ padding:35px 0 0 0}
	#maincolum{ width:65%; float:left; margin-right:5px}
	#sidebar{ background:url(../images/template/sidebarbg.jpg) no-repeat 0 -2px ; padding:30px; float:right;width:25%;}
	#footer{float:left;; width:100%; background:url(../images/template/footerbg.gif); margin-top:50px; padding:20px 0 }
	.footermod{ float:left; width:30%; margin:0 10px}
	#bottomfooter{background:url(../images/template/headerbg.jpg) repeat-x 0 -150px; width:100%; float:left}
	
/*	MENU
    --------------------------------------------------*/
	.secnav{ float:right; margin:-20px 0 0 0}
	.secnav li{float:left; margin:0 2px; font:bold 11px "Trebuchet MS";color:#A6BAA0;}
	.secnav li a{color:#A6BAA0;  }
	.secnav li a:hover{ text-decoration:underline}
	.nav{float:right; margin:30px 0 0 0;width:59%}
	.nav li{float:left; margin:0 5px; display: inline;}
	.nav li a { display: block; height:33px; text-indent: -9999px;}
	.nav li a#inicio { width:53px; background:url(../images/template/menu.jpg) no-repeat 0 -33px}
	.nav li a#bio { width:81px; background:url(../images/template/menu.jpg) no-repeat -55px -33px}
    .nav li a#articulos { width:81px; background:url(../images/template/menu.jpg) no-repeat -139px -33px}
    .nav li a#libros { width:81px; background:url(../images/template/menu.jpg) no-repeat -220px -33px}
    .nav li a#poemas { width:81px; background:url(../images/template/menu.jpg) no-repeat -305px -33px}
    .nav li a#visits { width:122px; background:url(../images/template/menu.jpg) no-repeat -390px -33px}
	
	.nav li a#inicio:hover { width:53px; background:url(../images/template/menu.jpg) no-repeat 0 -66px}
	.nav li a#bio:hover { width:81px; background:url(../images/template/menu.jpg) no-repeat -55px -66px}
    .nav li a#articulos:hover { width:81px; background:url(../images/template/menu.jpg) no-repeat -139px -66px}
    .nav li a#libros:hover { width:81px; background:url(../images/template/menu.jpg) no-repeat -220px -66px}
    .nav li a#poemas:hover { width:81px; background:url(../images/template/menu.jpg) no-repeat -305px -66px}
    .nav li a#visits:hover { width:122px; background:url(../images/template/menu.jpg) no-repeat -390px -66px}
	
	body.inicio .nav li a#inicio { width:53px; background:url(../images/template/menu.jpg) no-repeat 0 0}
	body.bio .nav li a#bio { width:81px; background:url(../images/template/menu.jpg) no-repeat -55px 0}
	body.articulos .nav li a#articulos{ width:81px; background:url(../images/template/menu.jpg) no-repeat -139px 0}
	body.libros .nav li a#libros { width:81px; background:url(../images/template/menu.jpg) no-repeat -220px 0}
	body.poemas .nav li a#poemas { width:81px; background:url(../images/template/menu.jpg) no-repeat -305px 0}
	body.visits .nav li a#visits { width:122px; background:url(../images/template/menu.jpg) no-repeat -390px 0}
    
/*	HEADER
    --------------------------------------------------*/	
	h1 a {background:transparent url(../images/template/logo.png) no-repeat scroll left top;cursor:pointer;display:block;float:left;height:0 !important;overflow:hidden;padding:79px 0 0;width:296px; margin-bottom:46px}
    .starcomments{ font-size:1.6em; font-style:italic; float:left; width:62%; color:#FFFFFF; padding:20px 0 0px 0; background:url(../images/template/bgcomments.png) no-repeat center 10px;} 
	.starcomments span{ font-size:12px; text-align:center; margin-top:10px; background:url(../images/template/bgcomments.png) no-repeat bottom center; padding:10px 50px; display:block;}

	#searchform{ background:url(../images/template/searchformbg.jpg) no-repeat 0 0; padding:10px; width:205px; height:19px; margin:-35px 0 0 10px; float:right;}
	#searchform input{ background:url(../images/template/inputsearchbg.jpg) no-repeat; border:none; padding:5px 12px; float:left}
	#searchform a{ background:url(../images/template/btnsearch.jpg) no-repeat; display: block; height:23px; width:25px; text-indent: -9999px; float:right;cursor:pointer; margin-left:-5px}
	#pics{ float:right; background:url(../images/template/mainpicbg.png) no-repeat right; width:340px; height:227px; text-align:center; position:relative;}
	#pics  img{ margin:15px 0; position: absolute; right:10px }
	.morefoto{position:absolute;background:url(../images/template/morefotobg.png) no-repeat; padding:35px 18px 18px 15px;width:30px; *margin-left:-170px }
	.morefoto img{ margin:0!important}
	.fotolink{ display:block }

/*	TYPO
    --------------------------------------------------*/	
	h2{font-size:25px; letter-spacing:-2px; font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;  margin:10px 0;}
	#sidebar h3, .footermod h3{font-size:18px; letter-spacing:-2px; font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;  margin:10px 0; color:#666666; border-bottom:1px solid #E3E3E3; padding-bottom:2px}
	.footermod h3{color:#B47015}
	p{ margin:8px 0; font-size:13px; line-height:20px}
	h4, .descargas span{color:#663300;font-family:Georgia,'Times New Roman',serif;font-size:12px;font-style:italic;letter-spacing:3px;line-height:1.2;margin:10px 0;text-transform:uppercase;}
	
	.tabs{ background:url(../images/catepublibg.jpg) no-repeat 0 18px; width:85%; padding:0 85px 0 10px; height:300px; overflow:hidden}
	.tabNavigation{ float:right;}
	ul.tabNavigation li { float:left; text-align:center;}
	uL.tabNavigation li a { background:url(../images/tablue.jpg) no-repeat; display:block; width:91px; height:19px;font:bold 12px Arial; color:#FFFFFF;  padding-top:10px}
	ul.tabNavigation li a.selected,
	ul.tabNavigation li a:hover {background:url(../images/tablank.jpg) no-repeat; color:#666666;text-decoration:none;}
	div.tabs div {padding:10px 5px 5px 5px;float:left;width:95%}
	div.tabs div h3{padding:0 0 0 0; color:#666666;font:bold 12px Arial; text-transform:uppercase; border-bottom:1px solid #E3E3E3 }
	div.tabs div ul{ margin-top:15px}
	*html div.tabs div ul{ margin-top:5px}
	div.tabs div span, .sidebarmod ul li span{ display:block;margin:3px 3px 0 0; font:11px Arial}

	#cate_articulos div, #cate_libros div, #cate_poemas div{ float:left; margin:0 3px; width:46%;}
    .popular li, .recent li, .categorypubli ul li, .sidebarmod ul li{ margin:10px 0; background:url(../images/vinetalink.gif) no-repeat 0 5px; padding:0 0 0 13px; font:11px "Arial", "Lucida";}
	
	*html div.tabs div span{ margin:0}
	.popular li a, .recent li a,.categorypubli ul li a , .sidebarmod a{font-weight:bold;}
	#cate_libros div .port{float:left; margin-right:5px; padding:4px; border:1px solid #CCCCCC;}
	#cate_libros div li{ background:none;}


	.categorypubli ul{ float:left; margin:0 15px; width:40%}
	.categorypubli ul li, table ul li, .lista li{ background:url(../images/vinetacate.gif) no-repeat 0 5px; position:relative}
	.lista li{ font-style:italic; padding:0 0 0 15px}
	table ul li{ padding:0 0 0 15px}
	.categorypubli ul li a{width:60px}
	.categorypubli ul li span{ position:absolute; right:-15px; top:0}


	/*	SIDEBAR
    --------------------------------------------------*/	
	.sidebarmod ul li span { background:url(../images/vinetadownload.gif) no-repeat 0 2px; padding:0 0 0 15px}
	.sidebarmodgreensmall{ background:url(../images/template/sidebarbgmodgreen.gif) no-repeat; padding:8px; width:252px; height:53px}
	.sidebarmodgreensmall img, .sidebarmod img{ float:left; margin:auto 10px; border-right:1px solid #E3E3E3; padding:0 5px}
	.sidebarmod img{ padding:10px 10px}
	.sidebarmodgreensmall a{ text-transform:uppercase; font:bold 14px; margin:15px 18px 0 0; }
	#newsletterform{ clear:both; margin:2px auto; width:78%}
	#newsletterform label{ display:block; font:bold "Arial"!important; }
	#newsletterform input{ display:inline;}
	/*	Footer
    --------------------------------------------------*/
	.footermod ul li{ margin:3px 0; border-bottom:1px solid #e3e3e3; padding:2px 0;position:relative; width:100%; float:left}
	.footermod ul li a{ float:left; width:75%}
	.footermod ul li span{position:absolute; right:0; top:0}
    .footermod img{ float:left; margin:0 5px 0 0}
	/*Bottomfooter*/
	#bottomfooter ul li{ display:inline; margin:0 10px;}
	#bottomfooter ul li a{ color:#FFFFFF}
	#bottomfooter{ padding:15px 0; text-align:center}
	
	/*Options Navs Btns*/
	
	 .bottomoptionbtns, .topoptionbtns{ border-top:1px dashed #CCCCCC; background:url(../images/navbtnbg.gif) repeat-x bottom; padding:15px 0}
	 .topoptionbtns{ background:none}
	 .bottomoptionbtns li, .topoptionbtns li{ display:inline; margin:5px 5px; padding:2px 30px}
	 .bottomoptionbtns li a, .topoptionbtns a{color:#B47015;}
     .back{ background:url(../images/backbtn.gif) no-repeat 0 2px;margin-right:150px!important}
     .print{ background:url(../images/printbtn.gif) no-repeat 15px 1px;border-left:1px solid #CCCCCC; padding-left:40px!important }
	 .sendto{ background:url(../images/sentobtn.gif) no-repeat 0 1px}
	 , .
	 .listarticulos, .listpoemas, .lista{ margin:5px 0 50px 0}
	 .listarticulos p{ display:block; line-height:15px!important; font-size:13px!important; color:#333; font-family:Georgia}

	 .listarticulos a{ background:url(../images/dowloadvineta.gif) no-repeat; padding:0 0 0 10px}
	 .listpoemas a{ display:block}
	 .listarticulos span, .listpoemas span{ display:inline; margin:2px 15px; border-left:1px solid #CCCCCC; padding:0 5px; font-size:12px; color:#999999}
	 .listpoemas span{ border:none; padding:0; margin:0}
     .listarticulos li, .listpoemas li{ border-bottom:1px dotted #CCCCCC; padding:2px 0 0px 0px; margin:2px 0;}
	 
	 .listarticulos li:hover, .listpoemas li:hover,  .descargas .listarticulos li:hover{ background:url(../images/bgmsghover.jpg) repeat-y top left}
	 
	 .commentburbuja{ background:url(../images/commentquotes.gif) no-repeat; padding:25px 10px; float:left; width:43%; margin:10px}
	 * html .commentburbuja{ background:url(../images/commentquotes.gif) no-repeat; padding:25px 10px; float:left; width:40%; margin:10px}
	 .commentburbuja p, .poemamod p{ font-family:Georgia;font-style:italic; margin-bottom:5px; font-size:14px }
	 .commentburbuja span{ background:url(../images/commentbottombg.gif) bottom center no-repeat; font-style:italic; font-size:10px; padding:10px 50px; display:block;}
	 
	 #formcomments{ background:url(../images/navbtnbg.gif) repeat-x top #F2F1E5; padding:20px 30px; margin:10px 0;width:90%}
	 #formcomments input, select, textarea{ display:block; margin:5px 0; padding:5px; font-size:14px; font-family:Georgia}
	 #formcomments input:focus, textarea:focus{ background:#FFFFCC}
	  #formcomments label{ font-weight:bold; text-transform:uppercase}
	 #commentsnorma{ float:right; width:30%; border-left:1px solid #CCCCCC; padding:10px 15px}
	 #commentsnorma ul{ margin:15px 0}
	 #commentsnorma ul li, .shopsteps ul li ul li{ margin:5px 0; background:url(../images/vineta.gif) no-repeat 0 5px; padding:0 10px}
	 
	 .bookcover{ width:144px; height:216px; float:left; position:relative; margin:20px 10px; postition:relative;}
	 .bookcover a img{display:block; width:144px; height:216px; z-index:0; background:url(../images/bookscover/portadasbg.gif) no-repeat; padding:5px;}
	 .bookcover a:hover img { /* for IE */ filter:alpha(opacity=5); opacity:0.05; }
 	 .bookcoverinfo{width:144px; height:216px; float:left; position:absolute; top:0;z-index:-1; background:url(../images/bookscover/portadasbg.gif) no-repeat;padding:5px;}
	 {font-size:18px; letter-spacing:-2px; font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;  margin:10px 0; color:#666666; border-bottom:1px solid #E3E3E3; padding-bottom:2px}	
      .bookcoverinfo p{font:11px; line-height:15px; margin:5px 0}
	  .bookcoverinfo span{ font-weight:bold;margin:5px 0}
      .bookcoverinfo h3{ background: #663300; text-align:center; font: bold 10px Trebuchet MS; text-transform:uppercase; margin:10px 0; color:#FFFFFF}
	 
	 /*
	 .book{ float:left; width:150px; margin:5px;background:url(../images/bookbg.jpg) no-repeat; height:116px; padding:15px 10px; text-align:center}
	 .book img{ display:block; border:1px solid #CCCCCC;margin-bottom:5px }
	 .book a{ color:#B47015;font-size:11px;}*/
	 
	 #modbookleft{ float:left; margin:0 15px 0 0; width:30%}
	 #modbookleft p, #modbookleft span { font-size:10px; display:inline}

	 #modbookrigth{ float:left; width:62%}
	 .modebookleftimg{margin:20px 0;width:150px; } 
	  .modebookleftimg img{border:1px solid #996633; padding:2px; margin:2px }

	 #modbookrigth h2{ background:url(../images/linebottombg.gif) left bottom repeat-x; padding:5px 0; font-family:Georgia}
	 #modbookrigth span, #modbookleft span{display:block;font-weight:bold!important; text-transform:uppercase; font-size:10px;}
	 .descargas{ float:left; background:url(../images/navbtnbg.gif) repeat-x top; padding:10px 0 }
	 .descargas span{ float:left; width:30%; margin-right:15px; font:12px Georgia}
	 .descargas ul{ float:left; width:65%}
	 .descargas ul li{ border-bottom:1px solid #E3E3E3; margin:10px 0; padding:2px 0 2px 15px; background:url(../images/vinetacate.gif) no-repeat 0 5px; }
	   
	/*	Tablas
    --------------------------------------------------*/
	 table{ font-family:"Trebuchet MS"; margin:20px 0; font-size:13px}   
     table thead th, table .montopay{font-size:11px;text-transform:uppercase; background:url(../images/columnsbg.jpg) repeat-x 0 0; text-align:center; font-weight:bold; color:#787369;padding:0.8em 1em}
     table .montopay{ background:url(../images/columpink.jpg) repeat-x;}
     table tbody td{border-bottom:1px solid #DADADA;padding:0.8em; }
     .price{ text-align:center; color:#787369; font-weight:bold}
     .shopsteps { margin:10px ;width:100%; float:left;} 
     *html .shopsteps { margin:10px ;width:90%; float:left;} 
     .shopsteps img{ margin:0 0 0 13px}
 	 .shopsteps li{ margin:0 8px 0 0; width:32%; float:left}
 	 * html .shopsteps li{ margin:0 11px 0 0; width:30%; float:left}
	 .shopsteps ul{ margin:15px 0;}
	 .shopsteps ul li ul li{ float:none; display:block; width:100%;}
 	 .poemamod {width:70%; margin:20px auto}
	 .poemamod p{ text-align:center; margin:10px 0}	 
  	 .poemamod h3{ font: bold italic 18px Georgia; text-align:center; background:transparent url(../images/commentbottombg.gif) no-repeat scroll center bottom; padding:10px 0}
	 
	 .sitemap li { float:left; margin:30px 10px; font: bold 12px Trebuchet MS; text-transform:uppercase; width:25%; }
	 .sitemap li ul{ margin:10px 0}
 	 .sitemap li ul li{ float:none!important; margin:2px 5px; font: normal 12px Trebuchet MS; background:transparent url(../images/vineta.gif) no-repeat scroll 0 5px; padding:0 0 0 10px; width:100%;text-transform:none}
	 
	 dl {float:left;margin:5px 0; background:transparent url(../images/commentbottombg.gif) no-repeat scroll center bottom; padding:10px 0}
	 dt {clear:both;color:#495561;display:inline;float:left;font-weight:bold;margin:0 5px;padding:8px 0;width:100px; }
	 dd {float:left;padding:8px 0;;width:350px;}


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/rate_star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(star_small.gif);
	line-height: 10px;
	height: 10px;
}