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

body {
background-color:#000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
/*height:900px;*/
}

.pie_txt {
	width:650px;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	display:block;
	text-align:left;
}
.pie_txt_2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #cccccc;
}
.pie_txt_3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	font-weight: normal;
	text-decoration: none;
	color: #bbbbbb;
	/*padding-top: 20px;*/
}
a.pie_txt_3:hover{
color: #bbbbbb;	text-decoration:underline;
}

#menu {
position:relative; 
bottom:0px; 
background-image:url(img/fdomenu.gif); 
background-repeat:repeat-x; 
padding:22px 25px 10px 25px;
margin:0 10px 0 10px;
}

a { text-decoration:underline; color:#000000;}
a:hover { text-decoration:underline; color:#666666;}

.esc {
width:100%;
height:100%;
/*background-image:url(img/fdo_madera.jpg);*/
display:table;
margin:0 10px 0 10px;
}

.thumbtit {
font-size:18px;
font-weight:bold;
color: white;
/*font-style:italic;
text-transform:uppercase;*/
clear:both;
}

.thumbtxt {
font-size:10px;
font-weight:normal;
color:#666666;
}

.thumb img {
margin:0 0 5px 0;
}

.thumb {
background-image:url(img/thumbcomic.gif);
background-repeat:no-repeat; 
width:145px; 
height:210px;
display:block;
float:left;
line-height:16px;
padding:10px 15px 6px 15px; 
margin:0 10px 0 15px;
}


/* estilos de listado */

#container {
	margin: 10px 0 10px 0;
	width: 100%;
	height: 100%;
	display: table;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
}

#mainTitle {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #ccc;
}

#contenido {
	margin: 10px;
}

#comic {
	display: block;
	clear: both;
	padding: 5px;
	border-bottom: 1px solid #222;
}

#comic img {
	padding: 2px;
	background-color: white;
	border: none;
}

#comic a {
	display: block;
	margin: 0;
	padding: 6px;
	font-size:12px;
	color: #D2D200;
	text-decoration: none;
	border: 1px solid #222;
}

#comic a:hover {
	display: block;
	margin: 0;
	padding: 6px;
	font-size:12px;
	color: #D2D200;
	text-decoration: none;
	border: 1px solid #222;
	background-color:#333333;
}

.titulo {
	display: block;
	clear: both;
	padding: 20px 0 0 0;	
	font-size: 14px;
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}

.comicInfo {
	float: left;
	margin: 15px;
	text-align: center;
}

.chapter {
	display: block;
	clear: both;
	margin: 5px 0 5px 0;
	font-weight: bold;	
}

.publisher {
	display: block;
	clear: both;
	font-size: 9px;
	color: #ccc;
}