/*	Reset browsers default styling
	----------------------------------------------------*/

	html, body, div, span, h1, h2, h3, h4, a, acronym, font, img, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#262525;
	font-weight:normal;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus, :active {
	outline: 0;
}
textarea {
	overflow:auto;
}

.clr { clear:both;}
.hidden { display:none;}
.show { display:block;}
.left { float:left;}
.right { float:right;}
.center { text-align:center;}

a, a:visited { color:#20aeff; background-color:inherit; text-decoration:none;}
a:hover { text-decoration:none; color:#f40000}

.rojo, a.rojo, a.rojo:visited { color:#f40000; background-color:inherit;}


/*	Estructura
	----------------------------------------------------*/


body { color:#858585; background-color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#wrap {width:950px; margin:0 auto;}
#comentarioscol { float:left; width:515px; }
#menucol {float:left; width:365px; padding-left:50px; background:url(../img/caganer.gif) no-repeat 0 0;}
#cabecera { height:170px;}

h1, h2 { color:#F00; font-size:20px; font-variant:normal; display:inline; clear:both;}
#filtroslinks, #registrotop { float:right; text-align:right; width:330px; padding:5px 15px 5px 5px; background-color:#f2f2f2;}
/*#registrotop { margin-bottom:230px; padding:5px 15px;width:210px;}*/
#registrotop { margin-bottom:150px; padding:5px 15px;width:210px;}
.cagada { display:block; clear:both; padding:10px 0;}
.cagada p { padding:5px 10px 5px 0;}
h3 { font-size:20px; color:#000; padding:2px 0; margin:0;}
p { padding:5px 0; margin:0;}
a.gusta, a.gusta:visited { background:url(../img/megusta.gif) no-repeat 0 0; padding:0px 15px 3px 20px; display:block; width:50px; float:left}
a.antispam, a.antispam:visited { background: url(../img/alert.gif) no-repeat 0 0; padding:5px 0 5px 35px; width:150px; float:right; display:block;}

a.publicarboton, a.publicarboton:visited { background:url(../img/cuentanoslo.gif) no-repeat 0 0; display:block; width:365px; height:70px;}
a.publicarboton strong, a.publicarboton:visited strong { display:none;}
a.publicarboton:hover { background:url(../img/cuentanoslo.gif) no-repeat 0 -74px;}
#menucol h2{ padding-top:30px; display:block; font-size:24px;}
#menucol h3, #menucol h3 a, #menucol h3 a:visited { color:#20aeff; font-size:16px; }
#menucol h3 a:hover { color:#f40000}
#wikicaganer { padding:10px; background-color:#F0F0F0; margin:50px 0 0px 100px; display:block; float:left; width:120px;}


/*	Alta
	----------------------------------------------------*/

h1 {font-size:26px;}

.row{ width:830px; float:left; clear:both; }
.rowpeque .row { width:450px}
.row .label{ float:left; width:132px; padding-right:11px; font-size:12px; text-align:right; padding-top:6px; }
.row .label span { font-size:10px;}
.row .input { float:left; }
.row .text_input{ background:url(../img/bg_text_input.png) no-repeat left top; padding-bottom:12px; height:28px; width:600px; }
.rowpeque .text_input {width:300px;}
.row .text_input input{ background:transparent; margin-top:2px; margin-left:2px; margin-right:0; width:230px; display:inline; padding:4px 3px; padding-top:2px;  font-size:13px; border:0; float:left; }

.row .city_input{ background:url(../img/bg_text_input.png) no-repeat left top; margin-bottom:12px; height:28px; }
.row .city_input input { float:left; width:200px; padding:7px; padding-left:14px; padding-top:6px; border:0; background:transparent; }
.row .city_input .button{ float:left; display:block; width:19px; height:28px; }

.row .cagada_input { background:url(../img/bg_text_cagada_input.gif) no-repeat 0 0; height:170px; width:600px;}
.row .cagada_input textarea { float:left; width:460px; padding:7px; padding-left:14px; padding-top:6px; border:0; background:transparent; height:140px }

.row .input .message{ margin-left:-3px; height:28px; float:left; background:url(../img/bg_input_warning_right.png) right top no-repeat; padding-right:16px; display:none; }
.row .input .message .left{ height:22px; float:left; background:url(../img/bg_input_warning_left.png) left top no-repeat; padding-left:33px; font-size:12px; padding-top:6px;  }

.row .warning{ background-image:url(../img/bg_text_input_warning.png); }
.row .input .warning{ background-image:url(../img/bg_input_warning_right.png);  }

.row .input .warning .left{ background-image:url(../img/bg_input_warning_left.png); }
#cagada_input.warning { background-image:url(../img/bg_text_cagada_input_warning.gif);}

.row .error{ background-image:url(../img/bg_text_input_error.png); }
.row .input .error{ background-image:url(../img/bg_input_error_right.png);  }
.row .input .error .left{ background-image:url(../img/bg_input_error_left.png); color:rgb(154,0,0); }

.row .ok{ background-image:url(../img/bg_text_input_ok.png); }
.row .input .ok{ background-image:url(../img/bg_input_ok_right.png);  }
.row .input .ok .left{ background-image:url(../img/bg_input_ok_left.png); }

.row .semiok{ background-image:url(../img/bg_text_input_semiok.png); }
.row .input .semiok{ background-image:url(../img/bg_input_semiok_right.png);  }
.row .input .semiok .left{ background-image:url(../img/bg_input_semiok_left.png); }
a.user_button { padding:25px 140px; }
a.user_button_entrar {padding:0 10px 25px 140px; float:left; display:block; width:100px;}
.create_account {font-size:18px; color:#F00; padding:5px;}

p.error { background-color:#F59691; padding:5px 25px; color:#000; font-weight:bold; margin:10px;}


.tipookemail { padding:30px 0 0 50px; background:url(../img/ok_email.gif) no-repeat 0 30px; margin:50px auto; width:450px;}
.tipookemail h1 { color:#ff9000}
.tipook { padding:30px 50px; background:url(../img/ok.gif) no-repeat 0 30px; font-size:16px;}
.tipook  h1 { color:#23bb00; font-size:26px;}
.tipook  h4 { font-size:16px;}
.tipoko {  padding:30px 0 0 50px; background:url(../img/ko.gif) no-repeat 0 30px; margin:50px auto; width:450px;}
.tipoko h1 { color: #F00}
#emailsamigos ul li { padding:10px 3px;}
#emailsamigos ul li label { padding: 0 10px 0 0;}
#publicaramigos {margin:30px auto; width:450px;}

.mascagadas a, .mascagadas a:visited { margin:40px 0; display:block; background:url(../img/mas_cagadas.jpg) no-repeat 0 0; width:515px; height:16px; text-align:center; padding:10px 0;}


/*	Pie
	----------------------------------------------------*/

#footer { background:url(../img/pie.gif) repeat-x top center; height:286px; margin-top:40px;}
#footer a:hover { color:#FFF;}

.footercontenido { margin:40px auto; width:950px; color:#FFF; display:block; padding:50px 0 0 0}
.footercontenido h2 { color:#FFF}


#wrap a.stbutton 
{
float:left;
height:16px;
padding:0 8px 0 0;
width:16px;
}