/* 

	project:  website traffic (free CSS templates)
	author:   luka cvrk (www.solucija.com) 

   
*/

/********** CONFIGURACION INICIAL CSS *************/
/* Elementos que queremos limpiar completamente: */
* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
}
ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipograficos */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}
cite, em, dfn {
	font-style: italic;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
li, dd, blockquote {
	margin-left: 1em;
}
code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	/*font-family: monaco, "Lucida Console", courier, mono-space;*/
}
del {
	text-decoration: line-through;
}
ins, dfn {
	border-bottom: 1px solid #ccc;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
a abbr, a acronym {
	border: none;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}


/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/
/*a, a:link, a:visited, a:hover, a:active {*/
a:link, 
a:visited, 
a.body:link, 
a.body:visited {
	background-color: inherit;
	color: #B60D0A;
	/*text-decoration:none;*/
	text-decoration: none;
	/*
	Si quisieramos eliminar la linea de puntos que aparece al pulsar un enlace, aplicaremos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
}
a:hover, 
a.body:hover {
	background-color: inherit;
	color: #808080;
	text-decoration:none;
}
a:active, 
a.active:hover {
	background-color: inherit;
	#B60D0A;
	text-decoration:none;
}

a img {
	border: none;
	text-decoration: none;
}
img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, Util para imagenes de carga
	*/
}

/* Formularios */
label, button {
	cursor: pointer;
}
/*input:focus, 
select:focus, 
textarea:focus {
	background-color: #FFF;
}*/

fieldset {
	border: none;
}
/* Clases Utiles */
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
/* Para empezar un layout centrado: */
*{ margin: 0; padding: 0; }* 
body {
	text-align: center;/* Hack para que IE6 no de problemas */
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
        line-height: 1.6em; 
        background: #D0D4D4; 
	color: #444;

}
.wrapper {
	margin: 0 auto;
	text-align: left;
}
/*************** FIN CONFIGURACION INICIAL **************/
p { 
	margin: 0 0 15px 0; 
}
h1 { 
	font: normal 3.7em "Trebuchet MS", Arial, Sans-Serif; 
	color: #fff; 
}
h1 a { 
	color: #fff; 
	background: inherit; 
}
h1 a:hover { 
	color: #E4FFD3; 
	background: inherit; 
}
sup { 
	font-size: .3em; 
	color: #DFCDA2; 
}
h2 { 
	color: #B60D0A; 
	font: bold 1.6em "Trebuchet MS", Arial, Sans-Serif; 
	margin: 0 0 12px; 
	border-bottom: 1px solid #ccc; 
	text-align:left;
}
h3 { 
	color: #808080; 
	background: #D0D4D4; 
	padding: 3px 10px; 
	margin: 0 0 15px; 
}
table {
	background-color: transparent;
	border: 0px;
	clear: both;
	width:100%;
	padding:0px;
	margin:0px;
}
table td {
	vertical-align:top;
}
ul {
	list-style: none;
	list-style-type: none;
}

#content { 
	width: 960px; 
	margin: 10px auto; 
	background: #fff; 
	padding: 10px; 
}

#header { 
	background: #fff url(/img/theme/header.jpg) no-repeat; height: 181px; 
}
#header p { 
	margin: 30px 0 0; 
	color: #D6E5EA; 
}
#logo { 
	padding: 40px 0 0 20px;  
	float: left; 
	width: 400px; 
}
#search { 
	float: right; 
	width: 240px; 
	text-align: right; 
	margin: 10px 15px 0 0; 
}
#search a, 
#watch a { 
	color: #fff; 
	font-size: .8em; 
	cursor: pointer; 
}
#searchform { 
	padding: 10px; 
	background: #A1BDD2;  
}
#searchform p { 
	margin: 0; 
}

.menuNav{
 	background: #fff;
	color: #808080;
}
.menuNav td {
        background: #D0D4D4;
	height:25px;
	vertical-align:middle;
}
.menuNav td a:link,
.menuNav td a:active,
.menuNav td a:visited {
	color: #808080; 
}
.menuNav td a.default:hover{
	color: #000000; 
}
.menuNav td a.current:link,
.menuNav td a.current:active,
.menuNav td a.current:visited,
.menuNav td a.current:hover{
	color: #ffffff; 
}


.third {
	font-size: .9em;  
	float: left; 
	width: 440px; 
	margin: 0 30px 10px 10px; 
}
.last { 
	float: right; 
	margin: 0 10px 10px 0; 
}
.more { 
	border-top: 1px solid #eee; 
	padding: 5px 0 0 0; 
}

.unique {
	font-size: .9em;  
	float: left; 
	width:auto; 
	margin: 0 10px 10px 10px; 
}

#prefooter { 
	width: 944px; 
	margin: 0 auto; 
	background: #fff; 
	//padding: 15px 18px 1px; 
	padding: 5px 18px 5px; 

	font-size: .9em; 	
	text-align:left;
}
#footer { 
	width: 960px; 
	margin: 15px auto; 
	color: #808080; 
	font-size: .9em; 
	text-align:left;
}
#footer a { color: #444; }
.right { 
	float: right; 
	text-align: right; 
	font-size: 1em; 
}
#footer .right a { 
	margin: 0 0 0 2px; 
	padding: 3px 10px; 
}
#footer .right a:hover { 
	background: #fff; 
	color: #444; 
	text-decoration: underline; 
}

/** Rojo **/
div.message,
p.error, 
div.error-message, 
.error_message{
	/*background:#FFCCCC;
  	color:#c52020;
  	border: 1px solid #d77;*/
	background:#FFDDDD;
  	color: #B30000;
  	border: 1px solid #FFB7B7;
  	margin: 0px 0px 10px 0px;
	padding:4px 4px 4px 4px;
  	text-align: left;
  	font-family: Arial;
  	font-size:10px;
  	clear: both;
}
div.message{
	background: url("/img/theme/error.gif") no-repeat 3px center #FFDDDD;
	padding:4px 4px 4px 22px;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}