@charset "utf-8";
/* CSS Document */

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a { outline:0 }
ul{list-style:none;}

/* hacks */
html, body, .box {min-height: 100%; /* alto minimom FF y Safari */ width: 100%; height: 100%; /* alto minimo para IE Windows */ margin: 0; padding: 0;}
html>body .box {height: auto; /* con este hack escondemos el min-height de IE*/}
/* fin hacks */

html {} /*background:url(images/back_ie.gif) repeat-x left bottom #eef1f6;*/
html, body {height:100%;}
body,td,th,p,div {font:normal 12px Arial; color:#231F20;}
body {background:#6c889f; overflow-x: hidden; overflow-y: hidden;} /**/
a {text-decoration:none;}
a:hover {}
a img {border:none;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {color:#231F20;}

/* ESTILOS */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.block {display:block;}

textarea {width:100%; border:solid 1px #cad2d5; padding:12px 0px; margin-bottom:2px; font:normal 15px arial; color:#0b4864; background:#eef1f6; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; height:50px;}

.box {background:url(/media/back_ie_m.png) repeat-x left bottom #eef1f6; background:-webkit-gradient(linear,left top,left bottom,from(#eef1f6),to(#6c889f));background:-moz-linear-gradient(left top,left bottom,from(#eef1f6),to(#6c889f)); position: absolute; top: 0; left: 0;}

#principal {height: auto; padding-bottom: 80px; /* con este  padding el footer nunca toca el contenido */ width: 100%; margin: 0 auto;}

/*
 * HEADER
 */
header {padding:17px 0 10px 0;}
//header a.logo {display:block; margin:0 auto; width:180px;}
header a.logo img {display:block;margin-left:auto;margin-right:auto}
header h1, header h3 {display:none;}

/*
 * BOXES CONTENIDO
 */
section {margin:0 15px; min-width:270px; padding:9px; background:#d0d7dd; border:solid 1px #cad2d5; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px;}/*min-height:175px; */
section form input[type=text] {width:97%; border:solid 1px #cad2d5; padding:12px 0px 12px 8px; font:normal 15px arial; color:#0b4864;} /* background:#eef1f6; */
section form input[type=password] {width:97%; border:solid 1px #cad2d5; padding:12px 0px 12px 8px; font:normal 15px arial; color:#0b4864;} /* background:#eef1f6; */
input::-webkit-input-placeholder {color:#0b4864; padding-left:15px;} input:-moz-placeholder {color:#0b4864; padding-left:15px;} textarea::-webkit-input-placeholder {color:#0b4864; padding-left:15px;} textarea:-moz-placeholder {color:#0b4864; padding-left:15px;}
section form input#account {border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; background:#eef1f6;}/* background: url(images/iz_sup.png) left top no-repeat, url(images/der_sup.png) 100% top no-repeat #eef1f6;*/
section form input#password {border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; background:#eef1f6;} /* background: url(images/iz_in.png) left bottom no-repeat, url(images/der_in.png) 100% bottom no-repeat #eef1f6;*/
section form fieldset {padding:4px 0 6px 0;}
section form label a.forgot {float:left; width:60%; color:#0b4864; text-decoration:underline; font:normal 11px arial; line-height:20px;}
section form select#idioma {float:right; width:35%; background:#eef1f6; color:#718594; padding:0px 5px; border:solid 1px #cad2d5; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; font:normal 13px arial; height:28px; line-height:28px;}
section form input[type=submit] {width:270px; height:32px; margin:0 auto; display:block; border:none; font:bold 14px arial; color:#FFF;}
section form input[type=submit].blue {background:url(/media/bt_blue_m.png) no-repeat center top;}
section form input[type=submit].blues {background:url(/media/bt_b_sky_m.png) no-repeat center top;}
#boxes {overflow:auto;}
#boxes #contenido {width:600px;}
#boxes #columna {width:200px;}


/* FORGOT PASWORD */
#forgot header {padding:5px 0;}
#forgot section {padding:6px 9px;}
#forgot section form {margin-top:0px; padding:0px;}

#forgot section form label {font:bold 14px arial; color:#0b4864; display:block; line-height:18px;}
#forgot section form span {font:normal 12px arial; color:#0b4864; display:block; margin-bottom:3px; line-height:18px;}
#forgot section form input#email {border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; background:#eef1f6;} /*background: url(images/iz_sup.png) left top no-repeat, url(images/der_sup.png) 100% top no-repeat, url(images/iz_in.png) left bottom no-repeat, url(images/der_in.png) 100% bottom no-repeat #eef1f6;*/
#forgot section form fieldset {padding:2px 0}
#forgot section p {color:#0b4864; font:normal 13px arial;} 
#forgot section p a {color:#0b4864;}
#forgot section p a.main {text-decoration:underline;}
#forgot header section {padding:0 14px; background:none; border:none;}
#forgot header span {display:block; color:#0b4864; font:normal 11px arial; line-height:16px;}


/* TASKS */
#tasks nav#tabs {min-width:271px; padding:0 8px; position:absolute; left:0; top:-28px; overflow:auto; z-index:9;}
#tasks nav#tabs a {width:89px; display:block; padding:0px; float:left; text-align:center; margin-right:2px; font:bold 12px arial; line-height:28px;}
#tasks nav#tabs a.last {margin-right:0px;}
#tasks nav#tabs a:hover.tab_off {background:url(/media/tab_over_m.png) no-repeat center top;}
#tasks nav#tabs a.tab_off.dark {background:url(/media/tab_over_m.png) no-repeat center top;}
#tasks nav#tabs a.tab_off {background:url(/media/tab_off_m.png) no-repeat center top; color:#FFF;}
#tasks nav#tabs a.tab_on {background:url(/media/tab_on_m.png) no-repeat center top;}
#tasks.pending nav#tabs a.tab_on {color:#fb0214;}
#tasks.completed nav#tabs a.tab_on {color:#37a707;}
#tasks.new nav#tabs a.tab_on {color:#0b9ac0;}
#tasks.new textarea {height:130px;}
#tasks #principal {padding-top:30px;}
#tasks section {position:relative;}
#tasks section a {padding:5px; display:block;}
#tasks section a.open {background:#FFF url(/media/arrow_on_m.png) no-repeat right bottom; color:#0b4864;}
#tasks section a.closed {background:#7c8fa0 url(/media/arrow_off_m.png) no-repeat right center; color:#FFF;}
#tasks section a.closed.a {background-color:#7c8fa0;}
#tasks section a.closed.b {background-color:#a6b2be;}
#tasks section a:hover.closed {color:#0b4864; background:#fff url(/media/arrow_on_m.png) no-repeat right bottom;}
#tasks section form span {display:block; color:#0b4864; font:normal 11px arial; line-height:24px;}

/* SCHEDULE / EVENTS */
#tasks.events #principal {padding-top:1px;}
#tasks.events section {margin-top:27px;}
#tasks.events nav#tabs a.tab_on {color:#0b4864;}

#tasks.schedule nav#tabs a.tab_on {color:#0b4864;}
#tasks.schedule #principal {padding-top:1px;}
#tasks.schedule section {margin-top:27px;}
#tasks.schedule .event {min-height:50px; padding:8px 9px; color:#FFF; line-height:15px;}
#tasks.schedule .event.a {background:#a6b2be;}
#tasks.schedule .event.b {background:#7c8fa0;}


/* LOGED IN */
#logged {margin:0 15px; padding:7px 0;}
#logged .data {padding-right:36px;}
#logged p {font:normal 11px arial; color:#0b4864;}
.dots {background:url(/media/dots.gif) repeat-x left top; height:1px; display:block; margin:3px 0;}

 
/* MESSAGE */
#message #principal {padding-top:5px;}
#message section form fieldset {padding:0 0 4px 0;}
#message section form span {display:block; color:#0b4864; font:normal 11px arial; line-height:16px;}

/* MESSAGE SEND */
#message section form .sent {width:100%; border:solid 1px #cad2d5; padding:30px 0px; font:normal 15px arial; text-align:center; margin-bottom:5px; color:#0b4864; background:#eef1f6; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px;}



/*
 * FOOTER
 */
footer {position:absolute; bottom:0; width: 100%; text-align:center;}
footer nav {margin:0 15px;height:73px; text-align:center; overflow:auto;}
footer nav a {width:25%; float:left;}
footer nav a img {display:block; margin:0 auto;}