@charset "utf-8";
/* CSS Document 
Use for:	espmmo.com
Version:	1.01
Date:		2009/07/23
Author:		Toepy
Update:		
*/

/* CSS Reset */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,img,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{padding: 0; margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input,select,textarea{font-size:12px}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/* bass css */
body{margin:0 auto;text-align:center;font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif;background:#dbe5ea}
.all{background:url(http://images.espmmo.com/www/images/mainbg.jpg) repeat-y center #dbe5ea;}
.full_bg{width:100%;background:url(http://images.espmmo.com/www/images/fullbg.jpg) no-repeat top center;overflow:hidden;zoom:1}
.wrapper{margin:0 auto;width:1002px;text-align:left;overflow:hidden;zoom:1}
td{font-size:12px;line-height:160%;}
.left,.center{float:left}
.right{float:right}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{+display:none;clear:both}
.clearfix{clear:both;}

/* link css */
a{color:#00006e;text-decoration:none;}
a:hover{color:#608bc0;text-decoration:none;}

/*btn*/
.btn,.btn span{display:block;background:url(http://images.espmmo.com/www/images/btn.jpg) no-repeat}
.handle{clear:both;height:30px;position:relative;}
.handle .btn{position:absolute;top:5px;right:10px;height:20px;line-height:18px;float:left;color:#7c4813;padding-left:8px;font-weight:bold;background-position:left -38px;}
.btn span{padding-right:8px;background-position:right -38px;}
.handle .btn:hover{color:#7c4813 !important;background-position:left -58px;}
.btn:hover span{background-position:right -58px;}


/* color & font  */
.color_1{color:#1f3a87;}/* red */
.color_1 a, a.color_1{color:#1f3a87;}
.color_1 a:hover, a.color_1:hover{color:#1f3a87;}

.font_1{font-size:13px}

.wrapper{width:947px;padding-right:3px}
.index_wrapper{background:url(http://images.espmmo.com/www/images/wrapper.jpg) repeat-y left;}
.inner_wrapper{background:url(http://images.espmmo.com/www/images/wrapper.jpg) repeat-y right;}
#header,#nav,.sidebar h3,.title_1,.title_2{background:url(http://images.espmmo.com/www/images/titlerepeat.gif) repeat-x;}
.title_1{height:26px;line-height:26px;font-size:13px;color:#fff;text-indent:10px;font-weight:bold;background-position:0 -166px;}
.title_2{height:26px;color:#fff;font-size:13px;text-indent:10px;background-position:0 -192px;}
.line_h{padding-bottom:5px;background:url(http://images.espmmo.com/www/images/line.gif) repeat-x bottom center;overflow:hidden;zoom:1}

.box{overflow:hidden;zoom:1;}
.box h6 a{color:#3165a4;}
.box img{width:120px;height:90px;padding:1px;border:#5b5b5b 1px solid;background:#fff;}
.box dt{float:left;width:130px;padding:8px 5px}
.box dd{float:left;padding-top:8px}
.box a:hover img{border:#ccc 1px solid;}
.box dd p{clear:both;}

.box_1 dd{width:290px;height:65px;overflow:hidden}

.box_2{margin-bottom:5px;border-bottom:#8cacbf 1px dashed;}
.box_2 .detail{width:440px;padding-right:20px;}
.box_2 .hits{width:92px;padding-left:10px;height:73px;line-height:70px;text-align:center;color:#ff3c00;font-size:18px;font-weight:bold;font-family:Georgia;background:url(http://images.espmmo.com/www/images/boxline.jpg) no-repeat left;}
.box_2 h6{font-size:13px;line-height:25px;}
.box_2 .info{color:#044364;}
.box_2 .intro{color:#3165a4;font-size:11px;}

.box_3 h5{position:relative;height:25px;line-height:25px;padding:0 5px;margin:10px 0 5px 0;color:#3165a4;font-size:13px;border:#7d9ec3 1px solid;background-color:#cee0eb}
.box_3 h5 .time{display:block;position:absolute;top:2px;right:10px;font-size:12px;font-weight:normal;}
.box_3 p{padding:0 10px;}


/****************************************** 
 *index
 ******************************************/

/* -----------header---------- */
#header{height:102px;}
	.logo{width:210px;float:left;}
	.logo a{display:block;width:210px;height:102px;text-indent:-10000px;background:url(http://images.espmmo.com/www/images/logo.jpg) no-repeat;}
	.banner{width:728px;float:right;padding:4px;}

/* -----------nav------------- */
#nav{clear:both;height:35px;line-height:35px;background-position:0 -102px;overflow:hidden;zoom:1}
#nav li{float:left;}
#nav a{display:block;color:#fff;height:35px;text-align:center;font-size:13px;font-weight:bold}
#nav a:hover{color:#b0e4ff;text-decoration:none;background:url(http://images.espmmo.com/www/images/navhover2.jpg) no-repeat;}
#nav .n_1{width:103px;}
#nav .n_2{width:103px;}
#nav .n_2:hover{background-position:-103px 0;}
#nav .n_3{width:103px;}
#nav .n_3:hover{background-position:-206px 0;}
#nav .n_4{width:103px;}
#nav .n_4:hover{background-position:-309px 0;}
#nav .n_5{width:103px;}
#nav .n_5:hover{background-position:-412px 0;}

/*search*/
.search{height:26px;line-height:26px;color:#cad3d8;text-align:right;padding-right:10px;border-bottom:#407692 1px solid;background:#3d5e8c;}
.search strong{color:#e0f4ff;margin-right:5px}
.search .itext{margin:3px 0 0 5px;width:170px;border:#808080 1px solid;}
.search .btn_search{width:74px;margin-top:3px;height:19px;line-height:19px;color:#834d11;font-weight:bold;text-indent:-10px;border:none;cursor:pointer;margin:0 5px;background:url(http://images.espmmo.com/www/images/btn.jpg) no-repeat}
.search .btn_search:hover{background-position:0 -19px;}
.search a{color:#e0f4ff;text-decoration:underline;}


/* -----------main------------ */
#main{overflow:hidden;zoom:1;}

/*sidebar*/
.sidebar{width:196px;float:left;padding-left:2px}
.sidebar h3{height:29px;line-height:29px;color:#cdedfe;cursor:pointer;text-indent:13px;background-position:0 -137px;}
.sidebar h3 span{padding-left:15px;background:url(http://images.espmmo.com/www/images/icon.gif) no-repeat 0 2px;}
.sidebar .item_cnt a{display:block;width:196px;height:22px;line-height:22px;text-indent:25px;color:#a5c8db;background:url(http://images.espmmo.com/www/images/menuitem.jpg) no-repeat}
.sidebar .item_cnt a:hover{font-weight:bold;color:#fff;background-position:0 -22px;}

/*container*/
.container{width:745px;float:left;line-height:20px;color:#044364}
.container .con_1{width:415px;padding:10px 12px;float:left;}
.con_1 .con{margin:0 10px;}
.con_1 .box_1{background:url(http://images.espmmo.com/www/images/line.gif) repeat-x bottom center;}
.con_1 .box_1 h6{height:30px;line-height:30px;text-indent:15px;border-bottom:#8eabba 1px dashed;background:url(http://images.espmmo.com/www/images/icon.gif) no-repeat 0 -20px}


/*noticias*/
.noticias h6{padding-bottom:5px;margin:5px 0;border-bottom:#8ca9b9 1px dashed;}
.noticias h6 a{color:#3165a4;font-size:16px;}

/*nuevos*/
.nuevos dd strong{color:#7d2300;display:block;float:left;margin-right:5px}
.nuevos .starbg,.nuevos .star{display:block;height:15px;background:url(http://images.espmmo.com/www/images/star.gif) no-repeat;}
.nuevos .starbg{width:92px;float:left;background-position:bottom left}
.nuevos .star{background-position:top left;}

#main .con_1 a:hover{color:#608bc0;}

/*gg*/
.con_2{width:300px;float:right;}
.gg{padding:5px 0;}
.gg img{width:300px;height:250px;border:#01557f 1px solid;}
.gg a:hover img{border:#ccc 1px solid;}

/*recomendados*/
.con_2 .column{padding:1px 1px 10px 1px;border:#447c9f 1px solid;background:#dbeaf4}
.recomendados a{color:#044364}
.recomendados a:hover{text-decoration:underline;color:#3165a4}
.recomendados dl{float:left;padding:10px 23px}
.recomendados img{height:97px;height:73px;padding:1px;border:#01557f 1px solid;background:#fff}
.recomendados a:hover img{border:#ccc 1px solid;}
.recomendados li{height:25px;line-height:25px;text-indent:10px;margin:0 10px;border-bottom:#8cacbf 1px dashed;background:url(http://images.espmmo.com/www/images/icon.gif) no-repeat left -50px}
.recomendados li a{display:block;width:220px;padding-right:5px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* -----------footer---------- */
#footer{clear:both;height:94px;background:url(http://images.espmmo.com/www/images/footer.jpg) no-repeat center #dbe5ea}
.footer{width:1002px;margin:0 auto;color:#cdedfe}
.footer a{margin:0 5px;color:#cdedfe}
.footer a:hover{color:#c2ced4;}
	.footerlogo{float:left;width:120px;height:55px;text-indent:-10000px;padding:14px 10px 0 150px;background:url(http://images.espmmo.com/www/images/footerline.gif) no-repeat right}
	.footerlogo a{display:block;width:116px;height:51px;background:url(http://images.espmmo.com/www/images/footerlogo.gif) no-repeat}
	.copyright{line-height:20px;padding-top:10px;float:left;padding-left:10px;}
	
/*pages*/

.pages{text-align:center;padding:25px 0}
.pages a{color:#3165a4;padding:2px 6px;margin:0 3px;font-weight:bold}
.pages .s{color:#3165a4;padding:1px 5px;border:#3165a4 1px solid;background:#c5deed;}
.pages a:hover{padding:1px 5px;border:#fff 1px solid;color:#fff;background:#4d74a4}




/****************************************** 
 *rank
 ******************************************/
.inner_wrapper .container{width:730px;padding:10px 0 0 10px;}
.path a{color:#fff;margin:0 5px;}
.path a:hover{color:#ccc;}
.inner_wrapper .sort{font-size:14px;color:#00306b;display:block;text-indent:15px;background:url(http://images.espmmo.com/www/images/icon.gif) no-repeat left 5px;}
.content{padding:5px 10px;}	

/****************************************** 
 *Buscador
 ******************************************/	
.letter{padding:10px 7px;margin:10px 0 5px 0;text-align:center;border:#3165a4 1px solid;background-color:#c5deed}
.letter a{color:#3165a4;padding:4px 8px;font-weight:bold}
.letter a:hover{padding:3px 7px;border:#fff 1px solid;color:#fff;background:#4d74a4}

.subsearch{padding-bottom:20px;margin-bottom:10px}
.subsearch .itext{width:255px;}
.subsearch .btn_search{color:#0159ac;width:79px;height:23px;text-indent:-15px;cursor:pointer;line-height:20px;border:none;font-weight:bold;background:url(http://images.espmmo.com/www/images/btn.jpg) no-repeat 0 -78px;}	
.subsearch .btn_search:hover{background-position:0 -105px;}
.subsearch .iselect{margin:0 5px}

/****************************************** 
 *newscenter
 ******************************************/
.news h1{height:45px;line-height:45px;text-align:center;font-size:20px;font-family:Georgia;color:#3165a4}
.newsinfo{padding:10px 15px;border:#7c9ec3 1px solid;font-size:11px;background:#cbdeea}
	.views{color:#d10a00;font-weight:bold;}
.newsinfo strong{margin-right:5px;color:#3165a4;font-size:12px}
	.keyword{width:440px;float:left;height:20px;overflow:hidden}
	.date{width:100px;float:left;padding:0 10px;}

.newsintro p,.newsintro dd{font-weight:bold;color:#3165a4;}	
.newsintro p{padding:10px;}
.newsintro dt{line-height:35px;padding:10px;color:#044364;font-size:14px;font-weight:bold;}
.newsintro dd{padding:10px 30px;}
.newsintro img{display:block;margin:0 auto;}

/****************************************** 
 *gameintro
 ******************************************/
.game{padding:5px 0;}
.game h6{position:relative;height:25px;line-height:25px;border-bottom:#8eabba 1px dashed}
.game h6 .title,.gameintro h6{padding-left:15px;font-size:14px;color:#3165a4;background:url(http://images.espmmo.com/www/images/icon.gif) no-repeat 0 7px;}
.game h6 .title{display:block;}
.game h6 .hits{position:absolute;top:2px;right:10px;font-weight:normal}
.game h6 strong{font-weight:bold;color:#ff3000;margin-right:5px;}
.game .pic{width:260px;height:200px;float:left;background:url(http://images.espmmo.com/www/images/picbg.jpg) no-repeat}
.game .pic img{display:block;width:235px;height:175px;margin:13px 0 0 13px;}
.game .detail{width:465px;float:right;}
.game li{height:33px;line-height:33px;width:150px;padding-right:5px;float:left;overflow:hidden}
.game .con{padding-top:5px;overflow:hidden;zoom:1}
.game .con a{color:#044364;text-decoration:underline;}
.game .con a:hover{color:#15597d;text-decoration:none;}
.game .detail p{clear:both;height:25px;line-height:25px;text-align:right;border:#7e9fc4 1px solid;background-color:#cde0eb;}
.game .detail p a{margin:0 5px;color:#3165a4;text-decoration:underline;}
.game .detail p a:hover{text-decoration:none;}
.gameintro h6{margin:10px 0;line-height:25px}
.gameintro p{padding:0 15px;}