/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* html */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
* { margin: 0; padding: 0; }
body { background: #444 url('../img/fondo_x.gif') top left repeat-x; overflow: auto;
font-family: arial, "lucida console", sans-serif; font-size: 11px; color: #969696; line-height: 1.8em; }
a img { border: 0; }
.hr { clear: both; }
hr { display: none; }
a:link, a:active, a:visited, a:hover { color: #969696; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* layout */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.main { position: absolute; top: 50%; left: 0; width: 100%; height: 390px; margin-top: -195px; z-index: 1; }
body>.main { background: url(../img/bg_main.png) top left repeat-x; }
* html .main { background-image: url(../img/bg_main.gif); }

h1 { position: absolute; width: 166px; height: 77px; top: 50%; margin-top: -160px;
background: url(../img/h1_intranet.jpg) top left no-repeat; z-index: 100; }
h1 strong { display: none; }

h2 { width: 500px; position: absolute; top: 7px; left: 0; height: 375px; border: none; 
line-height: 0.8em; text-align: right; color: #ffffff; }
h2 strong { display: none; }

.stdLeft { left: 550px; }

#media { background-position: top left; background-repeat: no-repeat; }

.main .back { position: absolute; top: 50%; left: 50%; width: 100px; margin-left: 395px; margin-top: 150px; 
text-align: right; }
.main .back p { font-size: 14px; }
.main .back p a:link, .main .back p a:active, .main .back p a:visited { color: #ffffff; text-decoration: none; }
.main .back p a:hover { background-color: #ffffff; color: #221e1f; }

.main .langselect { position: absolute; top: 20px; left: 50%; margin-left: 200px; width: 300px; text-align: right; 
font-size: 12px; line-height: 11px; }
.main .langselect select { width: 80px; font-size: 10px; padding: 0; } 

 
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* login */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
div.login { position: absolute; top: 140px; z-index: 10; }
h2.login { background-color: #000000; z-index: 10;}

.login p { font-size: 14px; }

.login p input { width: 220px; padding: 1px 3px;
border: none; background: #424242;
font-size: 14px; color: #969696; }

.login p { padding-top: 8px; }

.login p.password sup.forgot { font-size: 11px; }
.login p.password sup.forgot a:link, .login p.password sup.forgot a:active, .login p.password sup.forgot a:visited { 
text-decoration: underline; color: #969696; }
.login p.password sup.forgot a:hover { color: #ffffff; }

.login p.enter input { width: auto; background-color: #221e1f; color: #969696; }

.login p.joinBtn { padding-top: 10px; text-align: right; width: 220px; }
.login p.joinBtn a:link, .login p.joinBtn a:active, .login p.joinBtn a:visited { color: #ffffff; text-decoration: none; }
.login p.joinBtn a:hover { background-color: #ffffff; color: #221e1f; }

.login .error { position: absolute; top: 180px; left: 0px; width: 210px; }
.login .error ul { list-style: square; }
.login .error li { padding: 0; margin-left: 15px; }
.login .error p, .login .error li { font-size: 11px; color: red; line-height: 1.3em; font-weight: normal; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* forgot */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
div.forgot { position: absolute; top: 135px; width: 460px; }

.forgot p { font-size: 13px; padding-top: 8px; line-height: 1.0em; width: 220px; }
.forgot p input { width: 220px; padding: 1px 3px; margin-top: 3px;
border: none; background: #424242;
font-size: 14px; color: #969696; }
.forgot p input.name { width: 80px; margin-right: 2px; }
.forgot p input.surname { width: 138px; }

.forgot p.clock sup { font-size: 11px; font-weight: normal; }
.forgot p.clock sup a:link, .forgot p.clock sup a:active, .forgot p.clock sup a:visited { text-decoration: underline; color: #969696; }

.forgot p.btn { clear: left; padding-top: 15px; }
.forgot p.btn input { width: auto; }

.forgot .error { position: absolute; top: 30px; left: 245px; width: 210px; font-size: 11px; color: red;}
.forgot .error p { font-size: 11px;  }
.forgot .error ul { list-style: square; }
.forgot .error li { padding: 0; margin-left: 15px; line-height: 1.3em;}

div.forgotNote { position: absolute; top: 135px; width: 400px; }
.forgotNote p { font-size: 14px; line-height: normal; padding-top: 20px; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* join */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
div.join { position: absolute; top: 105px; }

.join p { font-size: 12px; padding-top: 5px; line-height: 1.3em; }
.join p input { width: 220px; padding: 0px 3px;
border: none; background: #424242;
font-size: 13px; color: #969696; }
.join p select { font-size: 13px; color: #969696; font-size: 11px; border: 0; width: 225px; }
.join p input.name { width: 80px; margin-right: 2px; }
.join p input.surname { width: 130px; }
* html .join p input.surname { width: 138px; }
* html .join p select { width: 220px; }

.join p.clock sup { font-size: 11px; font-weight: normal; }
.join p.clock sup a:link, .join p.clock sup a:active, .join p.clock sup a:visited { text-decoration: underline; color: #969696; }

.join p.legal { clear: left; padding-top: 11px; font-size: 11px; }
.join p.legal input { width: auto; padding: 0; background-color: none; }
.join p.legal input.checkbox { background: none; }
.join p.legal a:link, .join p.legal a:active, .join p.legal a:visited, .join p.legal a:hover { text-decoration: underline; color: #969696; }

.join p.btn { padding-top: 20px; }
* html .join p.btn { padding-top: 10px; }
.join p.btn input { width: auto; background-color: #221e1f; color: #969696; }

.join .error { position: absolute; top: 50px; left: 260px; width: 210px; font-size: 11px; color: red;}
.join .error p { font-size: 11px;  }
.join .error ul { list-style: square; }
.join .error li { padding: 0; margin-left: 15px; line-height: 1.3em;}

div.joinNote { position: absolute; top: 135px; width: 400px; }
.joinNote p { font-size: 14px; line-height: normal; padding-top: 20px; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: layout and common */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
div.intranet { height: 525px; margin-top: -285px; }
body>div.intranet { background: url(../img/bg_intranet.png) top left repeat-x; }
* html div.intranet {  background-image: url(../img/bg_intranet.gif);  }

div.intranet h1 { width: 106px; height: 50px; 
background: url(../img/h1_intranet.jpg) top left no-repeat; 
top: 50%; left: 50%; margin-top: -240px; margin-left: -470px; z-index: 1; }
div.intranet h1 a { display: block; width: 106px; height: 50px; }

div.intranet h2 { position: absolute; top: 26px; left: 50%; margin-left: -325px; width: auto; height: auto;
color: #6d8a9c; font-weight: normal; text-transform: uppercase; font-size: 20px; }

div.intranet h3 { font-weight: bold; font-size: 11px; color: #6a88a0; line-height: 11px; }

div.intranet .content { position: absolute; top: 52px; left: 50%; width: 665px; height: 365px; margin-left: -340px; z-index: 10; 
background-color: #2e3639; overflow: hidden; color: #8c8c8c;}

div.intranet .mainMenu { position: absolute; top: 95px; left: 50%; margin-left: -485px; 
font-weight: bold; width: 120px; text-align: right; }
div.intranet .mainMenu ul { list-style: none; }
div.intranet .mainMenu ul li a:link, div.intranet .mainMenu ul li a:active, div.intranet .mainMenu ul li a:visited { 
color: #82b3d1; text-transform: uppercase; text-decoration: none; }
div.intranet .mainMenu ul li a:hover {text-decoration: underline; }

div.intranet ul.submenu { position: absolute; top: 0; left: 0; width: 100%; height: 25px; background-color: #040000; list-style: none; }

div.intranet ul.submenu li { float: left; height: 25px; padding-left: 5px; margin-right: 15px; }
div.intranet ul.submenu li p { line-height: 25px; 
color: #6a88a0; font-size: 11px; font-weight: bold;  }
div.intranet ul.submenu li p a:link, div.intranet ul.submenu li p a:active, div.intranet ul.submenu li p a:visited { 
text-decoration: none; color: #82b3d1; }
div.intranet ul.submenu li p a:hover { text-decoration: underline; }

div.intranet ul.submenu li.current { padding-left: 20px; margin-right: 5px;
background: #2e3639 url(../img/pestana_l_intranet.gif) top left no-repeat; }
div.intranet ul.submenu li.current p { padding-right: 20px; 
background: #2e3639 url(../img/pestana_r_intranet.gif) top right no-repeat; }

div.intranet div.banners { position: absolute; top: 50%; left: 50%; width: 950px; margin-top: 170px; margin-left: -470px; 
list-style: none; }

div.intranet ul.banners { position: absolute; top: 50%; left: 50%; width: 950px; margin-top: 170px; margin-left: -470px; 
list-style: none; }
div.intranet ul.banners li { float: left; border: 8px solid #040000; margin-right: 10px;
line-height: 0px; font-size: 0px; background-color: #040000; }
div.intranet ul.banners li strong { display: none; }
#banner_code,

div.intranet .mainPortrait { position: absolute; bottom: 105px; left: 50%; margin-left: -485px; width: 120px; } 
div.intranet .mainPortrait p { padding-top: 105px; background-repeat: no-repeat; background-position: top right;  
text-align: right; line-height: 1.3em; }
div.intranet .mainPortrait p strong { color: #82b3d1; font-size: 14px; font-weight: normal; }
div.intranet .mainPortrait p a:link, div.intranet .mainPortrait p a:active, div.intranet .mainPortrait p a:visited { 
color: #707070; text-transform: uppercase; text-decoration: none; font-weight: bold; }
div.intranet .mainPortrait p a:hover { text-decoration: underline; }

div.intranet .mainLogout { position: absolute; top: 15px; left: 50%; margin-left: 280px; 
font-weight: bold; width: 200px; text-align: right; }
div.intranet .mainLogout ul { list-style: none; }
div.intranet .mainLogout ul li { float: right; padding-left: 20px; }
div.intranet .mainLogout ul li a:link, div.intranet .mainLogout ul li a:active, div.intranet .mainLogout ul li a:visited { 
color: #707070; text-transform: uppercase; text-decoration: none; }
div.intranet .mainLogout ul li a:hover {text-decoration: underline; }

div.intranet .derecha { position: absolute; width: 140px; height: 365px; top: 52px; left: 50%; margin-left: 340px; z-index: 10; } 
div.intranet .derecha p { width: 140px; height: 365px; }
div.intranet .derecha p strong { display: none; }

.legalFoot { position: absolute; top: 50%; left: 50%; margin-top: 265px; margin-left: -470px; }
.legalFoot p { text-align: center; font-size: 10px; }
.legalFoot p a:link, .legalFoot p a:active, .legalFoot p a:visited, .legalFoot p a:hover { color: #969696; text-decoration: none; }

.intranetLangselect { position: absolute; top: 50%; left: 50%; width: 200px; margin-top: -265px; margin-left: 125px; z-index: 10;
text-align: right; font-size: 0; line-height: 0; }
.intranetLangselect .langselect { top: 0; right: 0; }
.intranetLangselect .langselect select { width: 100px; background: transparent; 
border: 1px solid #969696;
font-size: 10px; color: #969696; }

input { border: 1px solid #a7a6ab; font-size: 11px; padding: 1px 2px; background-color: #4e4e4e; color: #ffffff; }
textarea { border: 1px solid #a7a6ab; font-size: 11px; padding: 1px 2px; background-color: #4e4e4e; color: #ffffff; font-family: arial; }
* html textarea { overflow: auto; }
select { border: 1px solid #a7a6ab; font-size: 11px; padding: 1px 2px; background-color: #4e4e4e; color: #ffffff; font-family: arial; }
input.btn { font-size: 11px; background-color: #f0f0f0; border-color: #666666; color: #000000; }
input.btn2 { font-size: 11px; background-color: #696969; border-color: #343434; color: #ffffff; }
input.radio { border: 0; background-color: transparent; }
input.checkbox { border: none; background: none; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: profile/first_time */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
#messageFirstTime { padding: 5px;  }
#messageFirstTime p { font-size: 14px; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: profile/personal */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.intranet .profilePersonal form { padding: 20px 18px; }
.intranet .profilePersonal form p { line-height: 1.8em; float: left; width: 145px; margin-bottom: 5px;}
.intranet .profilePersonal form p.birthday { width: 200px; }
.intranet .profilePersonal form p.birthday input { width: 70px; }
.intranet .profilePersonal form p.bio { clear: left; width: 400px; }
.intranet .profilePersonal form p.bio textarea { width: 265px; height: 80px;  } 
.intranet .profilePersonal form p.btn { clear: left; }

.intranet .profilePersonal form.pwd { clear: left; padding-top: 10px; }
.intranet .profilePersonal form.pwd p { width: 140px; }
.intranet .profilePersonal form.pwd p.btn { clear: none; padding-top: 20px; }

.intranet .profilePersonal .error { position: absolute; top: 60px; left: 380px; width: 275px; }
.intranet .profilePersonal .error ul { list-style: square; }
.intranet .profilePersonal .error li { padding: 0; margin-left: 15px; }
.intranet .profilePersonal .error p, .intranet .profilePersonal .error li { font-size: 11px; color: red; line-height: 1.3em; font-weight: normal; }

.intranet .profilePersonal .errorPwd { position: absolute; top: 290px; left: 380px; width: 275px; }
.intranet .profilePersonal .errorPwd ul { list-style: square; }
.intranet .profilePersonal .errorPwd li { padding: 0; margin-left: 15px; }
.intranet .profilePersonal .errorPwd p, .intranet .profilePersonal .errorPwd li { font-size: 11px; color: red; line-height: 1.3em; font-weight: normal; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: profile/location */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.intranet .profileLocation form { position: absolute; width: 340px; top: 50px; left: 15px; }

.intranet .profileLocation form p { float: left; padding-bottom: 5px; padding-right: 10px; line-height: 1.6em; }
.intranet .profileLocation form p.btn { clear: left; padding-top: 15px; }
.intranet .profileLocation form p span { display: block; }

.intranet .profileLocation form p.street input { width: 190px; }
.intranet .profileLocation form p.city input { width: 178px; }
.intranet .profileLocation form p.num input,
.intranet .profileLocation form p.floor input,
.intranet .profileLocation form p.door input { width: 45px; }

.intranet .profileLocation .map { width: 295px; height: 310px; position: absolute; top: 40px; right: 15px; }

.intranet .profileLocation .info { position: absolute; width: 340px; top: 180px; left: 15px; }
.intranet .profileLocation .info p.error { color: red; }
.intranet .profileLocation .info p.ok { color: green; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: profile/portrait/select */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.intranet .profilePortrait form.upload { position: absolute; width: 340px; top: 50px; left: 15px; }
.intranet .profilePortrait form.crop { padding-top: 10px; line-height: 1.3em; }
.intranet .profilePortrait form p { padding-bottom: 20px; }

.intranet .profilePortrait form input.file { font-size: 11px; color: #333333; }

.intranet .profilePortrait form p.img { border: 15px solid #2e3639; float: left; }
.intranet .profilePortrait form div.mess { padding: 30px 10px 10px 10px; }

.intranet .profilePortrait .error { position: absolute; top: 60px; left: 300px; width: 210px; }
.intranet .profilePortrait .error ul { list-style: square; }
.intranet .profilePortrait .error li { padding: 0; margin-left: 15px; }
.intranet .profilePortrait .error p, .intranet .profilePortrait .error li { font-size: 11px; color: red; line-height: 1.3em; font-weight: normal; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: profile/portrait/select */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.intranet .profilePrivacy p.checkbox { padding: 20px; padding-top: 30px; font-size: 14px; }


/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: profile/social */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */

.intranet .profileSocial form p { margin: 0; padding-top: 30px; width: 150px; float: left; }
.intranet .profileSocial form p strong { display: none; }
.intranet .profileSocial form p.fotolog { background: url(../img/logo_fotolog.gif) top left no-repeat; }
.intranet .profileSocial form p.flickr { background: url(../img/logo_flickr.gif) top left no-repeat; }
.intranet .profileSocial form input { width: 100px; }
.intranet .profileSocial form input.btn { width: auto; }

.intranet .profileSocial .error { position: absolute; top: 60px; left: 200px; }
.intranet .profileSocial .error ul { list-style: square; }
.intranet .profileSocial .error li { padding: 0; margin-left: 15px; }
.intranet .profileSocial .error p, .intranet .profileSocial .error li { font-size: 11px; color: red; line-height: 1.3em; font-weight: normal; }


/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* community */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.intranet .community ul.feeds { padding: 0px; list-style: none; position: absolute; top: 30px; left: 1px; }
.intranet .community ul.feeds li { float: left; line-height: 0; background-color: #363f43; margin: 3px 0px 4px 5px; border: 1px solid #55595a;}
.intranet .community ul.feeds li p { padding: 0;  }
.intranet .community ul.feeds li p a { display: block; position: relative; line-height: 0; text-decoration: none; width: 75px; 
overflow: hidden}
.intranet .community ul.feeds li p a img { height: 75px; }
.intranet .community ul.feeds li p a span.nick { position: absolute; bottom: 1px; left: 3px; padding: 1px;
display: block; line-height: normal; background-color: #333; color: #fff; font-size: 10px; white-space: nowrap; }

.intranet .community ul.feeds li p a span.fecha { position: absolute; top: 3px; right: 0px; text-align: right; }
.intranet .community ul.feeds li p a span.fecha strong,
.intranet .community ul.feeds li p a span.fecha em { line-height: 11px; color: #fff; font-style: normal; }
.intranet .community ul.feeds li p a span.fecha strong { font-size: 14px; }

/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* intranet: logout */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
.logout { padding: 5px; }
.logout p { line-height: 1.8em; text-align: center; }


/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
/* highscores */
/* ****************************************************************************************************************************************** */
/* ****************************************************************************************************************************************** */
ol.highscores li { margin-left: 30px ; }
ol.highscores li p { font-size: 14px; }