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



body {margin:0px;background-color: #FFF; font:normal 16px Tahoma, Geneva, sans-serif;}

#top_icon{font:normal 12px Tahoma, Geneva, sans-serif;background:#fff; width:auto;height:auto;padding:5px;text-align:right;}
#top_icon .btn,a.btn:link,a.btn:visited,a.btn:active{font:normal 12px Tahoma, Geneva, sans-serif;background:#fff;height:30px; padding:3px; text-decoration:none; color:#333}
#top_icon a.btn:hover{background:#CCC;font:normal 12px Tahoma, Geneva, sans-serif;background:#fff; width:100%; height:30px; padding:3px; text-decoration:none; color:#970603 }
#wrapper{
	width:100%;
	height:auto;
	margin:0px;
	color: #333;
}.cover_k{margin-left:10%;}
#header{width: 100%;height: 70px;margin-bottom: 13px;background-color: #FFF;}
#header img{margin:0px 0px 0px 10px;}
#header .logo{font:normal 37px Tahoma, Geneva, sans-serif;color:#970603;display: block;padding: 3px;}


.sublogo{font:normal 14px Tahoma, Geneva, sans-serif; float:right;padding:3px; width:auto;height:20px; color:#333}

.title{font:normal 21px Tahoma, Geneva, sans-serif;background:#970603;padding:5px;color:#FFF; border-bottom:dashed 1px #333; height:30px;border-top:dashed 1px #333;}
.sd_bar{ width:auto; height:4px; background:url(../images/sd_bar.gif); background-repeat:repeat;}

<!--.title{font:normal 21px Tahoma, Geneva, sans-serif; color:#970603; padding:5px; border-bottom:dashed 1px #333; height:30px;border-top:dashed 1px #333;}-->

#banner{width:100%; height:340px; background:#333;}
.text-main{padding:5px; font:normal 16px Tahoma, Geneva, sans-serif; color:#000;}
/*#menu{ width:100%; height:30px; padding:5px;margin:0px; background:#333;}*/


/*USE FOR BANNER HOME*/
ul.home_pic{width:100%; height:auto; background:#fff;margin-bottom:5px; margin-left:0px;padding:0px;}
.home_pic li{width:100%; height:auto; list-style:none;margin-bottom:25px;}
.home_pic li img{max-width:100%; margin-bottom:5px}
.home_pic li .text{width:100%;height:auto;padding:10px;font:normal 16px Tahoma, Geneva, sans-serif;}

/*.cover_k{margin-left:15%}*/
/*USE FOR BOOK PAGE*/
ul.k{
	list-style:none;
	margin:0 auto;
	height:auto;
	background:#fff;
}
.k li{list-style:none;width:200px;margin:15px;height:auto; padding:0px;float:left; background:#fff;border:solid 1px #CCCCCC}
.detail{font:normal 16px Tahoma;padding:2px;margin-top:5px;  text-decoration:none; width:98%}
 a.detail:link,a.detail:visited,a.detail:active{font:normal 16px Tahoma;padding:0px;margin-top:5px;text-decoration:none;} a.detail:hover{text-decoration:none;}

.k li.more_k,a.more_k:link,a.more_k:active,a.more_k:visited,a.more_k:hover{font:normal 14px Tahoma, Geneva, sans-serif; width:auto;float:right; text-decoration:none;background:#970603;padding:2px;margin-top:5px;margin-bottom:2px;color:#fff}


/*USE FOR LI HOME PAGE*/
ul.detail-book{font:normal 16px Tahoma;padding:2px;margin-top:5px; max-width:100%;height:auto;}
.detail-book li{list-style: square url("../images/dot_.gif");margin-left:20px;margin-bottom:5px;}

/*USE FOR PAGE NUMBER*/
ul.number_page{padding:3px; width:100%; height:auto; margin:0 auto;text-align:center }
.number_page li{ float:left;list-style:none;background:#C00;padding:3px;width:auto;height:auto;margin:2px;text-align:center;font:normal 16px Tahoma, Geneva, sans-serif; color:#fff;}
.text-main{ width:auto;padding:5px; font:normal 14px Tahoma, Geneva, sans-serif; color:#000; width:100%; height:auto;margin-bottom:10px;}
form{ width:100%; font:normal 14px Tahoma, Geneva, sans-serif ;}

/*--for youtube----------*/
.delimitador{
        width:98%;
        margin:auto;
    }
.delimitador h1{font:normal 16px Tahoma, Geneva, sans-serif; color:#970603}
    .contenedor{
        height:0px;
        width:100%;
        /*max-width:560px; /* Así establecemos el ancho máximo (si lo queremos) */
        padding-top:56.25%; /* Relación: 16/9 = 56.25% */
        position:relative;
    }

    iframe{
            position:absolute;
            height:100%;
            width:100%;
            top:0px;
            left:0px;
    }

.content_a{font:normal 16px Tahoma, Geneva, sans-serif;margin-bottom:15px;padding:5px 5px 15px 5px;margin-left:0px;border-bottom:dashed 1px #333;}
.content_a .title_a{font:bold 16px Tahoma, Geneva, sans-serif;color:#970603;}
.content_a img{ max-width:700px;height:auto}
.content_a .text_a{font:normal 14px Tahoma, Geneva, sans-serif; width:auto;}
.content_a .more_a ,a.more_a:link,a.more_a:active,a.more_a:visited{font:normal 14px Tahoma, Geneva, sans-serif; width:auto;float:right; text-decoration:none;background:#970603;padding:2px;margin-top:5px;margin-bottom:2px;}
.content_a a.more_a:hover{font:normal 14px Tahoma, Geneva, sans-serif; width:auto;color:#c6c6c6; float:right; text-decoration:none;background:#970603;margin-bottom:2px;margin-top:5px;}


.content_item{font:normal 16px Tahoma, Geneva, sans-serif;margin-bottom:15px;padding:5px 5px 15px 5px;margin-left:0px;border-bottom:dashed 1px #333;}
.content_item .title_item{font:bold 16px Tahoma, Geneva, sans-serif; color:#970603;margin-bottom:5px;}
.content_item .detail_item{font:normal 14px Tahoma, Geneva, sans-serif;margin-top:10px; padding:5px; background:#fff}
.content_item img{width:80%;}
.content_item td, th{margin-top:10px; border-bottom:1px solid #C6c6c6}

.content_item table {width: 100%;}
.content_item table th{height: 50px;}
.content_item .buy_button,a.buy_button:link,a.buy_button:active,a.buy_button:visited,a.buy_button:hover{font:normal 16px Tahoma, Geneva, sans-serif; width:auto; text-decoration:none;background:#970603;padding:5px;margin-top:25px;margin-bottom:2px;color:#fff}

.content_b table{font:normal 16px Tahoma, Geneva, sans-serif; color:#000; text-align:center; width: 100%;}
.content_b td, th{margin-top:10px; border-bottom:1px solid #C6c6c6}


.footer{width:100%;text-align:center;height:auto;padding:5px; background:#6c6c6c; font:normal 15px Tahoma, Geneva, sans-serif; color:#fff;}
.copyr{width:100%;text-align:center;height:auto;}



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


@media screen and  (max-width : 320px)(min-width: 480px) {
#wrapper{ width:100%; height:auto; margin:0px;}
/*#menu{width:100%; height:30px; padding:5px;margin:0px; background:#000;}*/
	#header{ width:100%;background:#fff; display:block; height:50px;}
	#header .logo{font:normal 12px Tahoma, Geneva, sans-serif;color:#fff; display:block; padding:2px; color:#970603; }
	

.sublogo{font:normal 35px Tahoma, Geneva, sans-serif; float:right;padding:3px; width:auto;height:auto; color:#333}
/*USE FOR BOOK PAGE*/
ul.k{list-style:none;margin:0 auto 0px 0px;height:auto;background:#fff; }
.k li{list-style:none;width:200px;margin:13px 70px 13px 0px;height:auto; padding:0px;float:left; background:#fff;border:solid 1px 
#CCCCCC;}
.k li img{width:200px; }
.detail{font:normal 16px Tahoma;padding:2px;margin-top:5px; width:150px;height:auto;}

/*USE FOR BANNER HOME*/
ul.home_pic{width:100%; height:auto; background:#fff;margin-bottom:5px; margin-left:0px;padding:0px;}
.home_pic li{width:100%; height:auto; list-style:none;margin-bottom:25px;}
.home_pic li img{width:100%;  margin-bottom:5px}
.home_pic li .text{width:97%; height:auto;padding:10px;font:normal 16px Tahoma, Geneva, sans-serif;}

#banner{width: 481;height: 250px;background-color: #999999; 
}.text-main{padding:5px; font:normal 16px Tahoma, Geneva, sans-serif; color:#000; width:100%; height:auto; margin-bottom:10px;}
form{ width:80%; font:normal 12px Tahoma, Geneva, sans-serif}

.delimitador h1{font:normal 16px Tahoma, Geneva, sans-serif; color:#970603;}


.cover_k{margin-left:15%;}
.content_a{font:normal 16px Tahoma, Geneva, sans-serif;margin-bottom:15px;padding:5px 5px 15px 5px;margin-left:0px;border-bottom:dashed 1px #333;}
.content_a .title_a{font:bold 16px Tahoma, Geneva, sans-serif;color:#970603;}
.content_a img{width:98%; height:auto}
.content_a .text_a{font:normal 14px Tahoma, Geneva, sans-serif; width:auto;}

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


@media screen and (max-width: 481px) {
	#header{ width:100%;background:#fff; display:block; height:50px;}
	#header .logo{font:normal 35px Tahoma, Geneva, sans-serif;color:#fff; display:block; padding:2px; color:#970603; }
	

.sublogo{font:normal 12px Tahoma, Geneva, sans-serif; float:right;padding:3px; width:auto;height:auto; color:#333}

.title{font:normal 21px Tahoma, Geneva, sans-serif; color:#970603; padding:5px; border-bottom:solid 1px #333333; height:30px;}

.cover_k{margin-left:20%;}

	/*#menu{width:100%; height:30px; padding:5px;margin:0px; background:#f90;}*/
	#banner{
	width: 481;
	height: 250px;
	background-color: #60F;
}

/*USE FOR BANNER HOME*/
ul.home_pic{width:100%; height:auto; background:#fff;margin-bottom:5px; margin-left:0px;padding:0px;}
.home_pic li{width:100%; height:auto; list-style:none;margin-bottom:25px;}
.home_pic li img{width:100%; margin-bottom:5px}
.home_pic li .text{width:97%; height:auto;padding:10px;font:normal 14px Tahoma, Geneva, sans-serif;}
	
/*USE FOR BOOK PAGE*/	
ul.k{list-style:none;margin:0 auto;height:auto;background:#fff;}
.k li{list-style:none;width:200px; margin:9px;height:auto;padding:0px;float:left; background:#fff;border:solid 1px 
#CCCCCC}
.k li img{width:190px;}
.detail{font:normal 14px Tahoma;padding:2px;margin-top:5px; width:130px;height:auto;}

/*USE FOR PAGE NUMBER*/
ul.number_page{padding:2px; width:100%; height:auto; margin:0 auto;text-align:center }
.number_page li{ float:left;list-style:none;background:#C00;padding:2px;width:auto;height:auto;margin:2px;text-align:center;font:normal 14px Tahoma, Geneva, sans-serif; color:#fff;}
.text-main{ padding:5px; font:normal 14px Tahoma, Geneva, sans-serif; color:#000; width:100%; height:auto;margin-bottom:7px;}
	

.delimitador h1{font:normal 16px Tahoma, Geneva, sans-serif; color:#970603}


.content_a{font:normal 16px Tahoma, Geneva, sans-serif;margin-bottom:15px;padding:5px 5px 15px 5px;margin-left:0px;border-bottom:dashed 1px #333;}
.content_a .title_a{font:bold 16px Tahoma, Geneva, sans-serif;color:#970603;}
.content_a img{width:98%; height:auto}
.content_a .text_a{font:normal 14px Tahoma, Geneva, sans-serif; width:98%;}
	
	}
/*---START FOR LANDSCAPE IPHONE--*/	
@media screen and (min-width : 321px) {
		.cover_k{margin-left:7%;}
		#header .logo{font:normal 38px Tahoma, Geneva, sans-serif;color:#fff; display:block; padding:2px; color:#970603;}

.sublogo{font:normal 13px Tahoma, Geneva, sans-serif; float:right;padding:2px; width:auto;height:auto; color:#333;}
}