/* CSS Document - Raruto el puto amo marrano
Author: Jesulink */

body { 
	background-color: #575243;
	line-height: 14px;
	text-align: center;
	background-image: url(img/bg.gif);
	background-repeat: repeat;
	padding: 0;
	margin: 0 auto;
	}

/* main div */

#wrapper { 
	width: 925px;
	margin: 0 auto;
	padding: 0;
	}

#di {
	width: 925px;
	
	margin: 0;
	padding: 0;
	}
	
#cabecera2 {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	}

#cabcera2 img {
	padding: 0;
	margin: 0;
}

.menu {
	background-color: #000;
	padding: 1em;
	margin: 0;
	text-align: center;
	margin-top: -2px;
	}

#content {
	min-height: 350px;
	padding: 2em 4em 2em 4em;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS";
	color: #333;
	font-size: 14px;
	text-align: left;
	line-height: 1.5em;
	border: #000000 3px solid;
	}

#content h1 {
	font-size: x-large;
	font-weight: bolder;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #990066;
	border-bottom: 3px #990066 solid;
	padding-bottom: 6px;
	}

#content h2 {
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 2px #C66 solid;
	color: #C66;
	}

#content h3 {
	font-size: medium;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px #999 solid;
	color: #999;
	}


.conmargen {
	width: 450px;
	margin: 0px;
	padding: 0px;
	margin-left: 50px;
	text-align: justify;
	}
	
#pie {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #000000;
	text-align: right;
	}

.cuadro_gris {
	width: 300px;
	background-color: #CCCCCC;
	border: 1px #999999 solid;
	line-height: 20px;
	}
/* Imagenes */

img {
	border: none;
	padding: 0px;
	margin: 0px;
	}

/* Galeria */

table.galeria { width: 100%;}
table.galeria td { text-align: center; background-color: #fff;}
table.galeria th { text-align: center; background-color: #CCCCCC;}


/* Enlaces */
.menu a.menui		{ font-family: Arial; font-size: medium; font-weight: bold; color: #fff; background-color: #666; padding: 0.4em; margin: 0.2em; text-decoration: none; border-radius: 0.5em; }
.menu a.menui:visited		{ color: #fff; }
.menu a.menui:hover		{  color: #fff; background-color: #CC9900;  }

/* Enlaces */
.menu a.menui2		{ font-family: Arial; font-size: medium; font-weight: bold; color: #fff; background-color: #999; padding: 0.4em; margin: 0.2em; text-decoration: none; border-radius: 0.5em; }
.menu a.menui2:visited		{ color: #fff; }
.menu a.menui2:hover		{  color: #fff; background-color: #CC9900;  }

.menu a img		{ margin: 0em 0.5em -0.6em 0.5em;}


#pie a:link			{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
#pie a:visited		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
#pie a:hover		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #99FF00; }

#content a:link			{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;}
#content a:visited		{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; }
#content a:hover		{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; background-color: #CCCCCC; }

/* Tabla guia capitulos */

table.guiasuper {
	width: 100%;
	border-collapse: collapse;
	vertical-align: text-top;
	}

table.guiasuper td {
	width: 50%;
	text-align: center;
	vertical-align: top;
	
	}

.raruto1 {
	background-color: #CCC;
	margin: 1em;
	padding: 1em;
	border: 1px solid #666;
}

.raruto2 {
	background-color: #F9D5F2;
	margin: 1em;
	padding: 1em;
	border: 1px solid #DA55DD;
}

table.guia {
	border-collapse: collapse;
}

table.guiasuper h1 {
	font-size: large;
	color: #333;
	border: none;
}

table.guia td {
	width: 80%;
	font-size: small;
	line-height: 1.4em;
	border-bottom: #333 1px solid;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: left;
}

table.guia td.img {
	width: 50px;
	vertical-align: top;
	}


table.guia td.img img {
	height: 50px;
	width: 50px;
	border: #000000 1px solid;
	box-shadow: 0.2em 0.2em 0.3em #111;
	}

table.guia td img { padding: 0px; margin: 0px; vertical-align: top; }

span.dos { color: #333; font-size: 11px; font-family: Tahoma; }
span.tres { color: #603; font-size: 11px; font-family: Tahoma; }

.flotaiz {
	float: left;
	margin: 1.5em;
	border: 1px solid #333;
	box-shadow: 0.3em 0.3em 0.5em #555;
	}

table.tomos td {
	min-width: 200px;
	vertical-align: top;
}

table.tomos td.img {
	width: 180px;
	vertical-align: top;
}

table.tomos td.img img {
	width: 150px;
	height: auto;
	margin: 1em;
	border: 1px solid #000;
	box-shadow: 0.2em 0.2em 0.4em #333;
}

table.tomos img.compra:hover {
	box-shadow: 0.4em 0.4em 0em #aaa;
}