/*	EL TIO PEPO
	www.tiopepo.com.ar
	Hoja de estilos CSS (Principal)
	por Mariano Ferreris (MàRi0x!) - Julio 2009
*/

body {
	background: white;
	background-image: url('../images/fondo.jpg'); 
	background-repeat: repeat-x;
	background-attachment: fixed; 
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#contenedor {
	background-color: #FFFFFF;
	background: url('../images/csshack.gif');
	background-repeat: repeat-y;
	background-attachment: scroll; 
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	border: 1px solid black;
}

#banner {
	height: 200px;
	border-bottom: 5px solid #CC0000;
	background-color: white;
}

#data {
	float: left;
	width: 400px;
	color: black;
	text-align: justify;
}

#data p { margin: 14px 20px; }
#data h1 { font-weight: bold; margin: 10px 20px; background: #CC0000; padding-left: 2px; border: 1px solid black; color: white; font-size: 15px; }
#data h2 { font-size: 13px; margin: 10px 20px; color: #CC0000; font-weight: bold; border-bottom: 2px dotted #CC0000; }

#media {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	color: black;
	text-align: justify; 
}

#media p { margin: 14px 20px; }
#media p b { color: black; }
#media p i { color: #CC0000; font-weight: bold; font-style: normal; }
#media h1 { font-weight: bold; margin: 10px 20px; background: #CC0000; padding-left: 2px; border: 1px solid black; color: white; font-size: 15px; }
#media h2 { font-size: 13px; margin: 10px 20px; color: #CC0000; font-weight: bold; }
#media h3 { border: 1px solid black; background: #CC0000; color: #FFFFFF; padding: 2px; margin: 10px 20px; font-size: 10px; }

#bizarro {
	float: left;
	width: 260px;
	background-color: #990000;
	color: white;
	vertical-align: middle;
}

#pie {
	clear: both;
	background: black;
	background-image: url('../images/pie.png');
	background-position: center;
	background-repeat: repeat-x;
	height: 40px;
	border-top: 5px solid #CC0000;
}

#pie p { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; margin: 5px; }

#tagboard { background-color: #EEEEEE; }

/* Estilos varios */

.borde1black { border: 1px solid black; }
.borde2black { border: 2px solid black; }
.borde2red { border: 2px solid #CC0000; }

.anteriores { background: #CC0000; border: 1px solid black; padding: 5px; text-align: center; color: white; }
.aviso { border: 1px solid #CC0000; text-align: justify; padding: 5px; }
.teto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; margin: 0px 20px 0px 20px; text-align: justify; }

.tachado { text-decoration: line-through; }


/* Links  */
#media a:link		{ color: #CC0000; text-decoration: none; font-weight: bold; }
#media a:visited	{ color: #CC0000; text-decoration: none; font-weight: bold; }
#media a:hover		{ color: #CC0000; text-decoration: none; font-weight: bold; }
#media a:active		{ color: #CC0000; text-decoration: none; font-weight: bold; }

.link a:link 	{ color: #CC0000; font-weight: bold; }
.link a:visited { color: #CC0000; font-weight: bold; }
.link a:hover 	{ color: #CC0000; font-weight: bold; }
.link a:active	{ color: #CC0000; font-weight: bold; }

.anteriores a:link				{ color: white; text-decoration: none; font-weight: bold; }
.anteriores a:visited			{ color: white; text-decoration: none; font-weight: bold; }
.anteriores a:hover				{ color: white; text-decoration: none; font-weight: bold; }
.anteriores a:active 			{ color: white; text-decoration: none; font-weight: bold; }

/* Hacks IE6 */

* html #data, #media { .margin-top: 2px; }
* html #data, #media, #bizarro p { .margin-top: 5px; margin-bottom: 5px; }
* html #bizarro { .margin-top: 10px; vertical-align: middle; }