/*

STYLESHEET PRINCIPAL

======================

por Álvaro Castaño, 2007

*/

/* --------------------------------------------  CLASES GENERALES  -------------------------------------------- */
							 
* {
	margin: 0;
	padding: 0
}
a:visited { text-decoration: underline;
color: #3f9ad8; }
a img, a {
	border: none
}

img.alignright {
	float: right;
	margin: 0 0 15px 15px
}

ul, ol, li {
	list-style: none
}

.none {
	display: none
}

.both  {
	clear: both
}

.left {
	float: left
}

.right {
	float: right
}

body {
	background: #dde9f1 url(img/bg.gif) 0 0 repeat-x;
	font-size: 62.5%;
	height: 100%;
	font-family: Verdana, Arial, Tahoma;
	color: #000;
}


/* --------------------------------------------  HEADER  -------------------------------------------- */

#container{
	margin: 0 auto;
	width: 770px;
	background: #fff;
	border-bottom: 2px solid #c6d8e4
}

#header {
	background: #3f9ad8 url(img/hbg.gif) 509px 30px no-repeat;
	height: 113px
}

#logo {
	float: left;
	width: 509px;
	padding-top: 21px;
}

#logo a {
	display: block;
	width: 405px;
	height: 71px;
	background: transparent url(img/logo.gif) 0 0 no-repeat;
	margin-left: 50px;
}

#login {
	float: left;
	width: 229px;
	padding: 24px 0 0 32px
}

#loginform p.margin7 {
	margin-bottom: 7px
}

#loginform p.nomargin {
	padding-left: 9px
}

#loginform input.logintext, #loginform input.loginpass {
	border: none;
	display: block;
	padding: 2px 0 0 60px;
	font: normal 1em Helvetica;
	color: #a2a2a2;
	width: 139px;
	height: 15px;
	
}

#loginform input.logintext {
	background: #f1f8fc url(img/logintext.gif) 0 0 no-repeat
}

#loginform input.loginpass {
	background: #f1f8fc url(img/loginpass.gif) 0 0 no-repeat
}

#loginform input#loginsubmit {
	border: none;
	display: inline-block;
	width: 56px;
	padding-top: 20px;
	overflow: hidden;
	cursor: pointer;
	margin-left: 17px;
	height: 20px;
	background: #e7f2fa url(img/loginsubmit.gif) 0 0 no-repeat
}

#loginform input#loginsubmit1 {
	border: none;
	display: inline-block;
	width: 56px;
	padding-top: 20px;
	overflow: hidden;
	cursor: pointer;
	margin-left: 17px;
	height: 20px;
	background: #e7f2fa url(img/loginsubmit1.gif) 0 0 no-repeat
}
#loginform a {
	font: bold 1em Verdana;
	color: #b3d5ed;
	padding: 2px;
	text-decoration: none
}

#loginform a:hover {
	background: #fff;
	color: #3f9ad8
}

/* --------------------------------------------  NAVEGACIÓN  -------------------------------------------- */

ul#navegador {
	background: #459ad7 url(img/nav.gif) 0 0 no-repeat;
	height: 29px;
	padding: 15px 0 0 30px;
	display: block;
}

ul#navegador li.margin {
	float: left;
	display: inline;
	margin-right: 24px;
}

ul#navegador li.greyblock {
	margin-left: 30px
}

ul#navegador li.margin a {
	font: bold 1em Verdana;
	text-decoration: none;
	padding: 2px;
	color: #e0ecf5
}

ul#navegador li.normal a {
	color: #e0ecf5
}

ul#navegador li.grey a {
	color: #8c8c8c
}

ul#navegador li.help a {
	display: block;
	height: 13px;
	width: 13px;
	margin-left: -10px;
	text-indent: -4000px;
	background: url(img/help.gif) 0 0 no-repeat
}

ul#navegador li.normal a:hover {
	background: #fff;
	padding: 2px;
	color: #459ad7
}

ul#navegador li.grey a:hover {
	background: #878787;
	padding: 2px;
	color: #fff
}

/* --------------------------------------------  CUERPO  -------------------------------------------- */

#pagina {
	background: #fff url(img/degrade.gif) top left repeat-x;
}

#pagina-blank {
	background: #fff
}

#columna-izquierda {
	float: left;
	width: 363px;
}


.eslogan-bg {
	background: transparent url(img/eslogan.jpg) 23px 56px no-repeat;
	padding: 190px 0 0 0
}

#columna-izquierda a#register {
	display: block;
	width: 135px;
	height: 24px;
	margin-left: 200px;
	background: #3d98d5 url(img/register.gif) 0 0 no-repeat
}

#columna-izquierda a:hover#register {
	background: #3d98d5 url(img/register.gif) 0 -24px no-repeat
}

.counter {
	display: block;
	width: 127px;
	height: 49px;
	background: #fff url(img/counter.gif) 0 0 no-repeat;
	text-align: right;
	margin: 67px 0 0 30px;
	padding: 8px 180px 0 0;
}

#columna-derecha {
	float: left;
	background: none;
	width: 407px;
}


/* --------------------------------------------  FORM DE REGISTRO  -------------------------------------------- */

.padding-form {
	padding-top: 20px
}

#signupform {
	display: block;
	width: 258px;
	height: 305px;
	padding: 0 0 0 116px;
	background: #f0f0f0 url(img/form.gif) 18px 66px no-repeat	
}

#signupform input.text {
	width: 224px;
}

#signupform select.miniselect {
	width: 55px;
	margin-right: 12px;
}

#signupform select.normalselect {
	width: 88px;
}

#signupform select.superselect {
	width: 230px
}

#signupform input.pass {
	width: 75px;
	float: left;
}

#signupform input#submit {
	display: inline-block;
	width: 135px;
	border: none;
	height: 24px;
	float: left;
	padding-top: 24px;
	overflow: hidden;
	cursor: pointer;
	margin-left: 15px;
	background: #d3423c url(img/submit.gif) 0 0 no-repeat
}

#signupform input:hover#submit {
	background: #d3423c url(img/submit.gif) 0 -24px no-repeat
}

input.pass, input.text, select.miniselect, select.normalselect, select.superselect {
	border-top: 2px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: none;
	border-bottom: none;
	background: #fff;
	padding: 4px 0 0 5px;
	font: normal 1.2em Helvetica;
	color: #000000
}

#signupform input.pass, #signupform input.text {
	height: 18px
}

#signupform select.miniselect, #signupform select.normalselect, #signupform select.superselect {
	height: 24px;
}

#signupform p.form-title {
	margin: 0 30px 20px 0 !important;
}

#normalform p.form-title {
	margin: 0 0px 20px 0 
}

p.form-title {
	text-align: right;
	padding: 20px 0 0 0;
	font: bold 1.7em "Trebuchet MS";
	color: #cf403a
}

#signupform p, #normalform p {
	margin-bottom: 15px
}

/* --------------------------------------------  ESTILOS PARA FORMS  -------------------------------------------- */

#normalform {
	padding: 0 30px 15px 30px;
	background: #f0f0f0;
	margin: 0 30px 30px 30px;
	display: block
}

#normalform span.label {
	width: 30%;
	display: inline-block;
	font: bold 1.4em Helvetica;
	color: #606060;
	float: left;
	padding-right: 20px;
	text-align: right
}

#normalform input.text, #normalform input.pass {
	width: 58%;
	float: left;
	height: 18px;
	text-align: left
}

#normalform input.text1 {
		width: 58%;
	float: left;
	height: 18px;
	text-align: left;
	background-color:#928e8e;
}

#normalform input#normalsubmit {
	display: inline-block;
	width: 82px;
	border: none;
	margin: 0 0 -27px 160px;
	height: 24px;
	padding-top: 24px;
	overflow: hidden;
	cursor: pointer;
	background: #d3423c url(img/loginbtn.gif) 0 0 no-repeat
}

#normalform input#editsubmit {
	display: inline-block;
	width: 82px;
	border: none;
	margin: 0 0 -27px 160px;
	height: 24px;
	padding-top: 24px;
	overflow: hidden;
	cursor: pointer;
	background: #d3423c url(img/editar.gif) 0 0 no-repeat
}

#normalform input#creasubmit {
	display: inline-block;
	width: 135px;
	border: none;
	margin: 0 0 -27px 160px;
	height: 24px;
	padding-top: 24px;
	overflow: hidden;
	cursor: pointer;	
	background: #d3423c url(img/submit.gif) 0 0 no-repeat
}

#columna-izquierda #normalform input#normalsubmit {
	margin-left: 160px;
}

#normalform input:hover#normalsubmit {
	background: #d3423c url(img/loginbtn.gif) 0 -24px no-repeat
}

#normalform br.both {
	margin: 0px !important;
	padding: 0px
}

/* --------------------------------------------  MEGABANNERS  -------------------------------------------- */

#megabanner-inferior, #megabanner-superior {
	background: #f0f0f0; 
	padding: 7px 0 7px 0;
	margin: 10px 0 10px 0;
	text-align: center
}

/* --------------------------------------------  TEXTOS  -------------------------------------------- */

#texto {
	font: normal 1.1em Verdana;
	color: #666;
	margin: -10px 30px 0 30px;
	line-height: 1.6em
}

#texto h2 {
	font: normal 1.8em Helvetica;
	color: #3c96d3;
	padding-bottom: 5px;
	border-bottom: 1px solid #d3d3d3
}

#texto p {
	margin-top: 15px;
}

#texto ul.outlinks {
	margin-top: 15px
}

#texto ul.outlinks li {
	color: #cfcfcf;
	margin-bottom: 9px
}

#texto ul.outlinks li a {
	font: bold 1em Verdana;
	color: #3f9ad7;
	padding: 1px 3px 1px 3px;
	text-decoration: none
}

#texto ul.outlinks li a:hover {
	color: #fff;
	background: #3f9ad8;
}

#texto .textarea-p {
	background: #ebebeb;
	margin-top: 6px;
	padding: 15px;
	border-bottom: 1px solid #c9c9c9
}

#texto .textarea-info {
	width: 95%;
	padding: 15px;
	margin-top: 15px;
	border-top: 2px solid #c3c3c3;
	overflow: auto;
	border-left: 1px solid #c3c3c3;
	border-right: none;
	border-bottom: none;
	font: normal 1em Verdana;
	color: #838383
}

/* --------------------------------------------  FORM DE FETCH  -------------------------------------------- */

#fetch {
	margin: 25px 0 -25px 0
}

.fetchform {
	float: left;
	width: 300px;
	margin-left: 20px !important
}

.fetchform input.text {
	width: 35% !important;
}

.fetchform input.pass {
	width:71% !important;
}

.fetchform select.normalselect {
	float: left;
	margin-left: 10px;
	width: 33%
}

.fetchform span.label {
	width: 20% !important;
}

.fetchform input#fetchsubmit {
	margin: 0 0 -15px 217px;
	display: inline-block;
	height: 24px;
	width: 82px;
	padding-top: 24px;
	overflow: hidden;
	border: none;
	background: #d3423c url(img/importar.gif) 0 0 no-repeat
}

.fetchform input:hover#fetchsubmit {
	background: #d3423c url(img/importar.gif) 0 -24px no-repeat
}

.fetchdesc {
	float: left;
	width: 300px;
	background: #fff;
	border: 7px solid #ececec;
	font: normal 1.1em Verdana;
	color: #808080;
	padding: 13px;
}

/* --------------------------------------------  FORM PARA INVITAR AMIGOS  -------------------------------------------- */

.inviteform {
	margin: 30px 20px 0 20px !important;
	padding: 0px !important;
	background: #fff !important;
}

.inviteform input#invitesubmit {
	margin: 20px 0 0 12px;
	height: 24px;
	padding-top: 24px;
	overflow: hidden;
	width: 82px;
	border: none;
	background: #d3423c url(img/invitar.gif) 0 0 no-repeat
}

.inviteform input:hover#invitesubmit {
	background: #d3423c url(img/invitar.gif) 0 -24px no-repeat
}

.import-p {
	padding: 8px;
	border-bottom: 1px solid #d8d8d8
}

.import-head {
	padding: 8px;
	background: #ededed;
	border-bottom: 1px solid #d3d3d3;
}

.checkbox {
	float: left;
	width: 30px;
}

p.both {
	margin: 0px !important
}

.nombre-import {
	float: left;
	width: 150px;
}

.email-import {
	float: left; 
	width: 150px
}

/* --------------------------------------------  TABLA DEL BLOG  -------------------------------------------- */

#tabla-izquierda {
	float: left;
	width: 441px;
	padding: 0 0 0 20px
}

#ads-derecha {
	float: right;
	width: 250px;
	padding: 0 20px 0 30px
}

.tabla {
	width: 448px; 
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	display: block;
}

.fila-impar {
	background: #fff
}

.fila-par, .fila-par .columna, .fila-par .columnaf, .fila-par .columnamail, .fila-par .columnanom {
	background: #e8f1f6 !important
}

.columna {
	width: 117px;
	padding: 8px 0 16px 8px;
	background: none;
	float: left;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2
}

.columnaf {
	width: 60px;
	padding: 8px 0 8px 8px;
	background: none;
	float: left;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2
}

.columnamail {
	width: 80px;
	padding: 8px 0 16px 8px;
	background: none;
	float: left;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2
}

.columnanom {
	width: 154px;
	padding: 8px 0 16px 8px;
	background: none;
	float: left;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2
}
/* --------------------------------------------  PIE DE PÁGINA  -------------------------------------------- */

#pie {
	margin: 0 30px 25px 30px;
	display: block;
	border-top: 1px solid #e4e4e4;
	padding: 15px 0 5px 0;
	background: #fff
}

#pie .pie-izd {
	display: inline;
	font: normal 1.2em Helvetica;
	color: #ababab;
	text-align: left;
}

#pie .pie-izd a {
	color: #000;
	padding: 1px 3px 1px 3px;
	text-decoration: none
}

#pie .pie-izd a:hover {
	text-decoration:  none;
	background: #474747;
	color: #fff
}

#pie .pie-der {
	display: inline;
	text-align: right;
}

#pie .pie-der a {
	display: block;
	width: 128px;
	margin: -4px -4px 0 0;
	height: 22px;
	background: #fff url(img/ac.gif) 0 0 no-repeat
}

#pie br.both {
	display: none
}

/* --------------------------------------------  ESTILOS PARA sIFR  -------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

.sIFR-hasFlash span.tick {
	visibility: visible;
	line-height: 1em;
	font-size: 2.1em;
}

span.tick
{
	padding: 0;
	font-size: 2.1em;
	letter-spacing: -3px;
	display: inline;
	line-height: 1em;
	}

sIFR-replaced span.tick
{
	letter-spacing: -3px;
	padding: 0;
	line-height: 1em;
	display: inline;
	font-size: 2.1em;
}

h3
{
	padding: 8px 8px 8px 20px;
	background: #3d97d4;
	color: #fff;
	border-bottom: 1px solid #2c83be;
	font: bold 1em Helvetica;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 20px 0 -5px 0
	}