/* =Reset css
--------------------------------------------------------------- */
html{color:#000;}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}

/* =Basic Element
--------------------------------------------------------------- */
body{
	font-family:arial;
	fonct-size:12px;
	background: url(/imgs/common/bg-pattern.jpg) repeat;
}
a{
	text-decoration: none;
}
*{
	outline: none;
}
/* =Layout
--------------------------------------------------------------- */
#top{
	position:relative;
	overflow: hidden;
	height: 24px;
	background-color: #252525;
}
#top-inner{
	height: 24px;
	position:relative;
	overflow:hidden;
}
#header,#contents-wrapper, #volver-link-wrapper, #top-inner{
	width: 976px; /* 998-22 */
	margin: 0 auto;
	
}
#header{	
	position: relative;
	overflow: hidden;
	padding: 0 11px;
}
#contents-wrapper{
	position: relative;
	overflow: hidden;
	padding: 0 11px 100px;
}
#footer{
	position:relative;
	height: 240px;
	font-size:12px;
	color: #707070;
	background-color: #252525;
}
#contents-wrapper #main-contents{
	position: relative;
	float: left;
	width: 747px;
}
#contents-wrapper #main-contents #left-col{
	float: left;
	width: 476px;
}
#contents-wrapper #main-contents #right-col{
	float: left;
	width: 271px;
}
#contents-wrapper #side-contents{
	position:relative;
	float: right;
	width: 229px;
}

/*=Color
--------------------------------------------------------------- */
/* 
	color gris oscuro #252525
	blog # 811111
	mesa #1c3567
	proyecto #681683
	premios #228a88

*/
/* =Links
--------------------------------------------------------------- */
body#blog h2 a, body#blog a:hover, body#post a:hover, body#post h2, body#blog #links-blogs li a:hover{
	color:#811111;
}
body#mesa a:hover, body#mesa #links-blogs li a:hover ,
body#decision a:hover, body#decision #post-comments h3, body#decision #post-comments ul.comments li p.signature, body#decision #post-comments #comments-nav ul li strong{
	color:#1c3567;
}
body#proyecto a:hover, body#proyecto #links-blogs li a:hover{
	color:#681683;
}
body#premios a:hover, body#premios #links-blogs li a:hover{
	color:#228a88;
}

/* =top
--------------------------------------------------------------- */
#top-inner{
	position:relative;
	overflow: hidden;
}
#header h1{
	width: 146px;
	height: 138px;
	background-color: #f1f1f1;	
}
#top ul{
	position: absolute;
	left: 700px;
	width: 200px;
}
#top li{
	float: left;
	margin-right: 20px;
}
#top li a{
	display: block;
	color: #f1f1f1;
	font-size:14px;
	margin-top: 4px;	
}
#top #admin{
	position: absolute;
	right: 20px;
	top:0;
	
}
#top #admin a{
	display:block;
	width:13px;
	height:13px;
	color: #f1f1f1;
	text-indent:-9999px;
	background: url(/imgs/common/elAsistente.png) no-repeat left top;
	margin-top:4px;
}
#top #admin a:hover{
	color:#811111;
}
/* =header
--------------------------------------------------------------- */
#top p#welcome {
	position: absolute;
	top: 4px;
	left: 146px;
	color: #f1f1f1	;
	font-size: 11px;
	font-weight: bold;
}
#header h1 a{
	display: block;
	width: 146px;
	height: 138px;
	text-indent: -9999px;
	background: url(/imgs/common/logo-wikipeli.png) no-repeat left top;
}
#header #company-logo{
	position: absolute;
	top: 30px;
	right: 58px;
	width: 140px;
	height: 96px;
}
#header label span{
	color:#252525;
}
#header #menu{
	position: relative;
	overflow: hidden;
	padding: 18px 0;
	width:100%;
}
#header #menu li{
	font-size:38px;
	float:left;
	margin-left:34px;
	font-weight:bold;
	list-style-type:none;
}
#header #menu li a{
	color: #252525;
	text-decoration:none;
}
#header #menu li:first-child{
	margin-left:0;
}
/* =side-contents
--------------------------------------------------------------- */
#facebook{
	height: 435px;
	background-color: #252525;
	padding-bottom:30px;
	position:relative;
}
#facebook .cutted-edge-right {
	background:url("/imgs/col-right/cutted-edge-right.png") no-repeat scroll left top transparent;
	bottom:-2px;
	height:38px;
	position:absolute;
	right:0;
	width:36px;
}
#side-links{
	position:relative;
	width:100%;
	overflow: hidden;
	margin-top: 10px;
}
#side-links li{
	float:left;
	width:40px;
	height:40px;
	background-color: #808080;
	cursor: pointer;
	margin-left: 5px;
}
#side-links li a{
	display:block;
}
#side-links li a img{
	width:45px;
	height:45px;
}
#links-blogs{
	display: none;
	margin-top:8px;
}
#side-links li{
	background-color: #808080;
}
#side-links li:hover, #blog #side-links li:hover{
	background-color: #811111;
}
#mesa #side-links li:hover, #decision #side-links li:hover{
	background-color: #1c3567;
}
#proyecto #side-links li:hover{
	background-color: #681683;
}
#premios #side-links li:hover{
	background-color: #228a88;
}
#links-blogs li{
	font-weight:bold;
	border-bottom: 1px solid #707070;
	padding:6px 8px;
}
#links-blogs li a{
	color: #707070;
}
#comment-face {
	color:#707070;
	font-size:10px;
	margin-top:7px;
}

/* =footer
--------------------------------------------------------------- */
#footer-contents{
	width: 976px; /* 998-22 */
	padding: 0 11px;
	margin: 0 auto;
	color:#707070;
}
#footer-links{
	position: relative;
	overflow:hidden;
	padding-left: 20px;
}
#footer-links h4{
	color:#f1f1f1;
	font-size:24px;
	padding:40px 0 5px;
	background: url(/imgs/common/arrow-footer.png) no-repeat left top;
}
#footer-links ul{
	border-top:2px solid #f1f1f1;
	font-weight: bold;
	padding-top:10px;
}
#footer-links ul li{
	margin-top:8px;
	
	
}
#footer-links ul li a{
	color: #707070;
	text-decoration: underline;
}
#footer-links ul li a:hover {
	color: #f1f1f1;
}
#footer-links #more-info li{
	height:12px;
	background: url(/imgs/common/arrow-footer-text.png) no-repeat 0 2px;
	padding-bottom: 3px;
}
#footer-links #more-info li:hover{
	background-position:0 -10px;
}
#footer-links #more-info li a{
	padding-left:10px;
}

#more-info, #follow-wikipeli, #contact{
	float:left;
	width: 220px;
	margin-right:128px;
}
#contact{
	margin-right:0;
}
#contact a{
	text-decoration: underline;
}
#follow-wikipeli li{
	float:left;
	margin-right:16px;
}
#follow-wikipeli a{
	display:block;
	width:31px;
	height:31px;
	text-indent:-9999px;
}
#follow-wikipeli #footer-lnk-picasa a{
	background: url(/imgs/common/logo-footer-picasa.png) no-repeat 0 0;
}
#follow-wikipeli #footer-lnk-youtube a{
	background: url(/imgs/common/logo-footer-youtube.png) no-repeat 0 0;
}
#follow-wikipeli #footer-lnk-facebook a{
	background: url(/imgs/common/logo-footer-facebook.png) no-repeat 0 0;
}
#follow-wikipeli #footer-lnk-picasa a:hover,
#follow-wikipeli #footer-lnk-youtube a:hover,
#follow-wikipeli #footer-lnk-facebook a:hover{
	background-position:0 -31px;
}
#footer #credit{
	width:100%;
	font-size:11px;
	text-align: center;
	border-top:2px solid #2e2e2e;
	padding: 16px 0;
	margin-top:36px;
}

/* =Box with cutted corner
--------------------------------------------------------------- */
.cutted-edge-left {
	position:absolute;
	left:0;
	bottom:0;
	width:37px;
	height:37px;
	background:url(/imgs/blog/cutted-edge-left.png) no-repeat left top;
}
.cutted-edge-right {
	position:absolute;
	right:0;
	bottom:0;
	background:url("/imgs/col-right/cutted-edge-right.png") no-repeat left top;
	width:36px;
	height:36px;
}
/* =Heredado
----------------------------------------------------------------- */
.topInfo { padding:2px;font-size:1.1em;background:#000;color:#f1f1f1;font-weight:bold; }
.ie6Info { padding:5px;font-size:1.1em;background:#ffffe1;color:#000;display:none; }
.ie6Info a.ieclose {
	position:absolute;right:0px;
}
#bloque-cabecera{
	position: absolute;
	top:0;
	left:157px;;
	width:642px;
}
#co-dir-counter, #site-description, #connect_box_wrapper{
	float: left;
	padding-left:20px;
	margin-top: 40px;
}
#site-description {
	margin-top: 29px;
}
#co-dir-counter{
	margin-top:30px;
	width:200px;
}
#site-description, #connect_box_wrapper{
	color: #252525;
	font-weight: normal;
	font-size: 12px;
	width: 356px;
	border-left:1px solid #252525;
}
#site-description strong {
	font-weight: bold;
}
#site-description a#link-unete{
	/*font-weight: bold;
	color:#252525;
	text-decoration: underline;*/
	
	background:url("/imgs/common/bt-teapuntas.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:150px;
	margin-top:3px;
}
#site-description a#link-unete:hover{
	/*color: #811111;*/
	background-position: 0 -21px;
}
#identificatefrm{
	padding-top: 36px;
	padding-left:95px;
}
#identificatefrm fieldset div, #urlLogin, #forgetpasswordfrm fieldset div, #forgetpasswordfrm fieldset input.image{
	float:left;
}
#identificatefrm fieldset div label{
	color: #252525;
	font-size:12px;
	font-weight: bold;
}
#identificatefrm fieldset div input, #forgetpasswordfrm fieldset div input{
	border:1px solid #252525;
}
#identificatefrm fieldset input.image, #forgetpasswordfrm fieldset input.image{
	width: 84px;
	height: 21px;
	color: #f1f1f1;
	font-size:12px;
	text-indent: -14px;
	font-weight: bold;
	background:transparent url(/imgs/common/btn-ok.png) no-repeat 0 0;
	border: none;
	margin:20px 0 0 20px;
	cursor:pointer;
}
#identificatefrm fieldset input.image:hover, #forgetpasswordfrm fieldset input.image:hover{
	background-position: 0 -21px;
}
#identificatefrm fieldset div:first-child{
	margin-right:20px;
}
#identificatefrm p{
	font-size:10px;
	padding:2px 0 0 168px;
}
#identificatefrm p a{
	color: #252525;
	text-decoration: underline;
}
h3#site-descriptionpass {
	color: #252525;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
	margin:40px 0 0 10px;
	text-align:center;
}
#forgetpasswordfrm fieldset{
	padding-left:190px;
}
#forgetpasswordfrm fieldset span{
	font-weight: bold;
	color: #252525;
	font-size:12px;
}

/* jqModal base Styling courtesy of Brice Burgess <bhb@iceburg.net>

	The Window's CSS z-index value is respected (takes priority).
	If none is supplied, the Window's z-index value will be set
	to 3000 by default (via jqModal.js).
*/
.jqmWindow,.jqm2Window,.jqm3Window {
	background-color:#f1f1f1;
	width:520px;
	position: absolute;
	top: 10%;
	left: 46%;
	margin-left:-260px;
	text-align:left;
	display: none;
}
.jqm3Window {
	margin-left: -190px;
	z-index: 4000;
	top: 8% !important;
}
.jqm2Window .in {
	padding:30px 20px;
}
.jqmOverlay,.jqm2Overlay,.jqm3Overlay,.jqm4Overlay {
	background-color: #000;
}
.jqm4Window {
	display: none;
	position: absolute;
	top: 3%;
	left: 50%;
	margin-left:-192px;
	width:383px;
	text-align:left;
	z-index: 4000;
}

/* close */
.jqm3Window a {
	text-decoration:underline;
	color:#302A09;
}

/* alert */
#alertlayer, #bienvenida-aceptarbases, #login-aceptarbases, #confirmar-registro, #registrook, #enviook {
	min-height:140px;
	height:140px;
	text-align:left;
	color:#252525;
}
* > #alertlayer, #bienvenida-aceptarbases, #login-aceptarbases, #confirmar-registro, #registrook, #enviook{
	height:auto;
}
div.falerta-top, div.falerta-bottom {
	width: 382px;
	left: 0px;
	z-index: 4000;
}
div.jqm3Window {
	background:none;
	width: 438px;
	/*width: 478px;*/
}
div.jqm3Window div-in {
	margin:0;
	padding:0;
}
div.alert-content {
	display:block;
	position:relative;
	margin:0;
	padding:10px 0 10px;
	background-color:#f1f1f1;
	border-top:10px solid #811111;
}
#mesa div.alert-content , #decision div.alert-content {
	border-top:10px solid #1c3567;
}
#premios div.alert-content {
	border-top:10px solid #228a88;
}
#proyecto div.alert-content {
	border-top:10px solid #681683;
}
div.falerta-bottom {
	display:block;
	height:36px;
	width:438px;
	background: url(/imgs/common/layer-bottom.png) no-repeat left top;
}
.alert-form label, .alert-form input {
	float:left;
}
.alert-form input.newemail {
	width:260px;
	font-size: 12px;
	padding: 4px;
}
.alert-form div.boton {
	float:right;
	padding-top:12px;
}
#bienvenida-aceptarbases .alert-form div.boton,
#login-aceptarbases .alert-form div.boton {
	padding-top:0;
}
.alert-text {
	padding:10px 40px 10px 25px;
}
.alert-content h4{
	font-size:18px;
	font-weight:bold;
	border-bottom: 1px solid #252525;
	padding: 20px 40px;
	margin-bottom:10px;
}
.alert-content p{
	font-size: 12px;
	padding: 10px 40px;
}
.alert-form {
	padding:10px 15px 0 25px;
}
#bienvenida-aceptarbases .alert-content,
#confirmar-registro div.alert-content,
#login-aceptarbases .alert-content {
	border-top: 10px solid #811111;
}
#confirmar-registro a{
	font-weight: bold;
}
#confirmar-registro a:hover{
	color:#811111 !important;
}
#confirmar-registro div.falerta-bottom{
	width:438px;
}
#confirmar-registro .alert-content{
	padding:65px 46px 67px;
}
#confirmar-registro .alert-content p{
	padding:0 0 10px;
}
#bienvenida-aceptarbases .alert-form,
#login-aceptarbases .alert-form{
	padding:10px 40px;
}
#confirmar-registro label{
	display: none;
}
#bienvenida-aceptarbases label.checkbox span,
#login-aceptarbases label.checkbox span{
	font-size:12px;
	color:#252525;
	left:5px;
	position:relative;
	top:-5px;
}
#bienvenida-aceptarbases .alert-form p,
#login-aceptarbases .alert-form p{
	margin-top:100px;
	padding:0;
	font-size:10px;
	color:#a1a1a1;
}
#confirmar-registro .alert-form{
	padding: 10px 0;
}
#bienvenida-aceptarbases #submit-layer,
#confirmar-registro #submit-layer,
#login-aceptarbases #submit-layer{
	width: 200px;
	top: 170px !important;
}
#confirmar-registro #submit-layer{
	font-size:16px;
	top: 210px !important;
}
#bienvenida-aceptarbases #submit-layer input,
#confirmar-registro #submit-layer input,
#login-aceptarbases #submit-layer input{
	width:180px;
	padding-right:60px;
}
#bienvenida-aceptarbases #infoCartela,
#login-aceptarbases #infoCartelaLogin{
	display:none;
	position: absolute;
	top:73px;
	left:0;
	width: 398px;
	color:#811111;
	font-weight:bold;
	font-size:12px;
	background-color:#e2e2e2;
	padding:16px 40px;
}
#registrook .alert-content p{
	padding:30px 40px 0;
	width:336px;
}
#registrook .alert-text, #enviook .alert-text, #alertlayer .alert-text {
	width:224px;
	padding-right:0;
	float:left;
}
div.close, div.closeForm {
	position:absolute;
	top:25px;
	right:20px;
	z-index: 4001;
}
.close a, .closeForm a{
	display:block;
	width:22px;
	height:22px;
	background: url(/imgs/common/btn-close-alert.png) no-repeat 0 0;
	text-indent:-9999px;
}
#mesa #alertlayer .close a , #decision #respuesta-text .close a{
	background: url("/imgs/common/btn-close-mesa.png") no-repeat 0 0;
}
#proyecto #alertlayer .close a{
	background: url("/imgs/common/btn-close-proyecto.png") no-repeat 0 0;
}
#premios #alertlayer .close a{
	background: url("/imgs/common/btn-close-premios.png") no-repeat 0 0;
}
.close a:hover, .closeForm a:hover, 
#mesa #alertlayer .close a:hover,
#proyecto #alertlayer .close a:hover,
#premios #alertlayer .close a:hover,
#decision #respuesta-text .close a:hover{
	background-position: 0 -22px;
}
div.alerta img {
	float:right;
	display:block;
	width:112px;
	height:104px;
	margin:5px 15px 0 0;
}
#alertlayer, .jqm3Window {
	font-size:1em;
}
div.message {
	color: #252525;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	padding: 25px 45px 0;
}
label.checkbox span {
	margin-top:0;
	padding-top:0;
}
body#blog li.blog a, body#post li.blog a{
	color:#811111 !important;
}
body#mesa li.mesa a, body#decision li.mesa a{
	color:#1c3567 !important;
}
body#proyecto li.proyecto a{
	color:#681683 !important;
}
body#premios li.premios a{
	color:#228a88 !important;
}

/* facebook conect */
span.no-fb {
	display:block;
	float:left;
	font-size:12px;
	padding-top: 0px;
}

/* paginate - nav general ------------------------------------------------------------------- */
.nav , .nav-mesa {
	position:absolute;
	right:12px;
	top:49px;
}
.nav .more a , .nav .less a , .nav-mesa .more a , .nav-mesa .less a{
	background-repeat:no-repeat !important;
	cursor:pointer;
	display:block;
	height:0 !important;
	overflow:hidden;
	padding: 40px 0 0;
	width: 40px;
	background:url(/imgs/blog/arrows2.png) repeat scroll 0 0 transparent;
}
.nav .more a , .nav-mesa .more a{
	background-position: 0 0;
}
.nav .less a , .nav-mesa .less a{
	background-position: 0 -40px;
}
ul.nav li a:hover {
	background-color: #f1f1f1 !important;
}
.nav .less a:hover , .nav-mesa .less a:hover{
	background-position: -40px -40px;
}
.nav .more a:hover , .nav-mesa .more a:hover {
	background-position: -40px 0;
}
/* Estilo de post */
.post strong{
	font-weight: bold; 
}
.post em{
	font-style: italic;
}
.ct h3{
	color:#1c3567;
}
#side-lnk-blogsamigos{
	color:#707070;
	text-align: center;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding:10px 20px;
	margin-top:20px; 
}
#side-lnk-blogsamigos a{
	color:#707070;
	font-weight:bold;
}