/* CSS Document */

img, div { _behavior: url(iepngfix.htc); }
 
body {background: #ebebea; margin: 0; height: 100%; font: 13px/17px Arial, Helvetica, sans-serif; color: #464646;}

input, select, textarea, file {font: 13px/17px Arial, Helvetica, sans-serif !important; color: #464646;}
select {padding: 2px;}
form {margin: 0; padding: 0;}

hr {clear: both; height: 1px; color: #e5e5e5; background: #e5e5e5; margin: 20px 90px 20px 30px; border: 0;}


.noBorder {border: 0 !important;}
.blue {color: #007fba;}
.blueBold {color: #007fba; font-weight: bold;}

h1 {font-size: 15px; font-weight: bold; line-height: 16px; color: #007fba; margin: 0; margin-bottom: 20px;}

#main {width: 960px; margin: 0 auto; position: relative; z-index: 10;}
body#home #main {height: 765px; background: url(../img/bck_home_main.gif) repeat-x #00abe4;}
body#landing #main {background: url(../img/bck_body_landing.gif) #FFFFFF repeat-y; overflow: visible; width: 994px; padding-bottom: 20px;}





body#home #main .left {position: absolute; height: 100%; width: 17px; left: -17px; top: 0; background: url(../img/bck_body_left.gif) repeat-y right;}
body#home #main .right {position: absolute; height: 100%; width: 17px; right: -17px; top: 0; background: url(../img/bck_body_right.gif) repeat-y left;}

body#landing #main .left {position: absolute; height: 100%; width: 17px; left: 0; top: 0; background: url(../img/bck_body_left.gif) repeat-y right;}
body#landing #main .right {position: absolute; height: 100%; width: 17px; right: 0; top: 0; background: url(../img/bck_body_right.gif) repeat-y left;}


body#home #main .bottom {position: absolute; left: -17px; width: 994px; bottom: -35px; height: 35px; background: url(../img/img_home_bottom.gif) no-repeat bottom;}



body#home #top {height: 160px;  background: url(../img/tit_home_slogan.gif) no-repeat right; margin-right:80px}

body#landing #top {height: 130px; background: url(../img/bck_landing_top.gif) #0099cf repeat-x; width: 960px; margin: 0 auto;text-align: right;}
body#landing #top .logo {display: block; float: left; width: 230px; height: 130px; background: url(../img/img_landing_logo.gif) center no-repeat;}
body#landing #top img.image {float: left; margin: 50px 30px 0;}

body#landing #countries {background: url(../img/bck_landing_countries.gif) no-repeat center; height: 90px; width: 240px; margin-top: -3px; color: #fff; float: right; margin-top: 20px; margin-right: 15px;}
body#landing #countries p {margin: 0; font-size: 14px; font-weight: bold; vertical-align: middle; float: left; padding: 19px 5px 0 22px !important;}
body#landing #countries select, body#landing #countries input  {float: left; margin-left: 5px;}
body#landing #countries select {width: 140px; margin-left: 22px; margin-top: 7px;}
body#landing #countries input {margin-top: 3px; }

body#home #content {clear: both; height: 245px; background: #fff; position: relative; z-index: 100;}


#left {height: 225px; background: url(../img/bck_home_menu.jpg) no-repeat #fcffff; margin: 0; padding: 0; list-style: none; color: #007fba; font-size: 14px; line-height: 25px; padding-left: 10px; padding-top: 20px; float: left; width: 190px;}
body#landing #left  {height: auto !important; background: url(../img/bck_landing_menu.jpg) 17px 0 no-repeat; padding-left: 27px;}
#left a {color: #464646; text-decoration: none;}
#left a:hover {color: #007fba; text-decoration: underline;}
#left a.active {color: #007fba; text-decoration: none; font-weight: bold;}
#left ul {font-size: 12px; list-style: none; padding: 0; margin-left: 15px; line-height: 18px; color: #007fba; margin-bottom: 5px;}
#left ul a {color: #007fba !important;}

body#home #content #right {float: right; height: 245px; width: 759px; background: url(../img/bck_home_content.jpg) no-repeat left; position: relative; z-index: 100;}
body#home #content #right img.foto {position: absolute; top: -18px; left: 45px; z-index: 1000;}
body#home #content #right .texto {float: right; padding-right: 35px; width: 340px; font-size: 14px; line-height: 20px; padding-top: 25px;}
body#home #content #right .texto img {margin-bottom: 10px;}
body#home #content #right p {margin: 0; margin-bottom: 10px; padding-left: 5px;}
body#home #content #right .texto h1 {margin-bottom: 3px !important; padding-left: 5px;}
body#landing #content #right .texto ul {padding-right: 100px;}
body#landing #content #right .texto img.floatLeft {float: left; margin-right: 15px; padding: 7px; border: 1px solid #e5e5e5; margin-left: 30px;}

#right ul {margin-left: 45px; padding-left: 0;}
#right #client-list ul {margin-left: 1px; padding-left: 0;}
#right ol {margin-left: 49px; padding-left: 0;}

#content #right a {color: #007fba; text-decoration: none;} 
#content #right a:hover {color: #464646; text-decoration: underline;} 

body#landing #content {overflow: hidden;}
body#landing #content #right {float: right; width: 759px;}
body#landing #content #right img.foto {}
body#landing #content #right p {margin: 10px 90px 10px 30px;}
body#landing #content #right h1 {margin: 25px 90px 0 30px;}
body#landing #content #right h2 {margin: 10px 90px 10px 30px; font-size: 14px; font-weight: normal; line-height: 24px; color: #0080bb;}
body#landing #content #right h2.tit {margin: 10px 90px 10px 30px; font-size: 14px; font-weight: bold; line-height: 24px;  background: #0080bb; color: #fff; padding-left: 10px;}
body#landing #content #right h3 {margin: 10px 90px 10px 30px; font-size: 13px; font-weight: bold; border-top: 1px solid #e5e5e5; padding-top: 25px; margin-top: 25px;}
body#landing #content #right .image {float: left; border: 1px solid #e5e5e5; margin-right: 10px;}



body#home #countries {background: url(../img/bck_home_countries.gif) no-repeat; height: 62px; width: 335px; margin-top: -3px; color: #fff;}
body#home #countries p {margin: 0; font-size: 14px; font-weight: bold; vertical-align: middle; float: left; padding: 19px 5px 0 20px !important;}
body#home #countries select, body#home #countries input  {margin: 0; vertical-align: middle; margin-top: 12px;}
body#home #countries select {width: 155px;}

/* Home Blogs */

#home-blog {clear: both;background-color:#0081bc;overflow: hidden;height: 180px;padding-top: 10px;border-bottom:1px solid #0ab4ec;border-top:1px solid #006fa8;background-image: url(../img/bg_home-blog.gif);background-repeat: no-repeat;background-position: 228px 5px;color:#FFFFFF}
#home-blog .posts {float: left; padding: 35px 5px 0 35px; width: 190px; height: 135px; }
#home-blog .home-blog-menu  {font-size:14px;float: left;width: 195px;height: 123px;border-right: 1px solid #00abe4;margin:32px 0 0 0;}
#home-blog .home-blog-menu ul { margin:0; padding:0 0 0 35px; line-height:24px;}
#home-blog .home-blog-menu li { margin:0 0 0 20px;  color:#00abe4; list-style-type:square;}
#home-blog .home-blog-menu li a {  color:#FFFFFF; text-decoration:none;}
#home-blog .home-blog-menu li a:hover { border-bottom:1px solid #FFFFFF }
#home-blog .posts p.date {font-size: 11px;line-height: 16px; color: #86b4c3;}
#home-blog .posts p {margin: 0;}
#home-blog .posts a {color: #26c1f4;}
#home-blog .posts a:hover {color: #FFFFFF; text-decoration: none;}

/* Home News */

body#home #news {clear: both; background: url(../img/bck_home_news.gif) no-repeat top center; overflow: hidden;  height: 115px; padding-top: 25px; margin-bottom:25px;}
body#home #news .iso {float: left; background: url(../img/img_home_iso.gif) no-repeat 32px 15px; display: block; width: 195px; height: 115px; border-right: 1px solid #4dc1e9;}
body#home #news .news {float: left; border-right: 1px solid #4dc1e9; padding: 0 35px; width: 310px; height: 115px;}
body#home #news .news p {margin: 0;}
body#home #news .news p.date {font-size: 11px;}
body#home #news .news p.tit {font-size: 15px; font-weight: bold; line-height: 18px; color: #fff;}
body#home #news .news p.text {font-size: 12px; line-height: 16px; color: #fff;}
body#home #news .news a {color: #fff;}
body#home #news .news a:hover {color: #464646; text-decoration: none;}
body#home #news .news .image {border: 1px solid #36c1ef; position: absolute; margin-top: 7px;}


body#home #prefooter {clear: both; width: 960px; margin: 50px auto 10px; font-size: 11px; color: #808080;}
body#landing #prefooter {position: relative; clear: both; width: 970px; margin: 15px auto 10px; font-size: 11px; padding-top: 35px; color: #808080;}

form .item {clear: both; padding-bottom: 15px; padding-left: 30px; }
form .item .label {float: left; margin-right: 5px; width: 75px; font-weight: bold;}
form .item .field {float: left;}
form .item .field input {border: 1px solid #e5e5e5; width: 300px;}
form .item .field select {width: 300px;}
form .item input.btn {background: #007fba; color: #fff; border: 1px solid #999999; padding: 2px; width: 150px; font-weight: bold !important;} 

.col ul {color: #007fba; width: 90% !important;}
.col ul a {color: #464646; text-decoration: none;}
.col ul a:hover {color: #007fba; text-decoration: underline;}
.col ul li {padding-bottom: 15px;}
.col {float: left; width: 230px; margin-right: 5px; margin-top: 15px;}
.col p {margin: 0 !important; font-size: 11px; line-height: 14px; color: #808080;}
.col ul a {font-weight: bold;}

/* PARA CLIENTS ORDENADO POR FILAS */
.filecol ul {color: #007fba;width:90%;margin:0; padding-top:9px; padding-left:0px;}
.filecol ul a {color: #464646; text-decoration: none;font-weight: bold; font-size:}
.filecol ul a:hover {color: #007fba; text-decoration: underline;}
.filecol ul li {padding-bottom: 0px !important;}
.filecol {float: left;width: 236px;margin: 0 5px 7px 0;margin-top: 0px !important;border:1px solid #DDE2E6;padding:0px}
/* *html .filecol {width:110px;} */
.filecol p {margin: 0 !important; font-size: 11px; line-height: 14px; color: #808080;}
.city {clear:both; /*margin-top: 20px*/}
.city h3 {margin: 10px 90px 10px 30px;font-size: 13px; font-weight: bold;}
#client-list .tclient {float:left;width:140px;margin-top: 0px }
#client-list .tlogo {float:left;width:88px; height:89px; text-align:center; }
#client-list .tlogo img {width:70px; }
#right #client-list .filecol ul {width:236px; margin-left:0px;padding-left: 0;}
#client-list a.tlink {font-family:Arial;font-size:10px;}





body#home #prefooter p {padding: 0 20px; padding-left: 17px; margin: 0;}
body#landing #prefooter p {padding: 0 20px; margin: 0;}

#prefooter a {color: #0080bb; text-decoration: none; padding: 0 10px;}
#prefooter a:hover {color: #007fba; text-decoration: underline;} 
body#landing #prefooter .bottom {position: absolute; left: 0; width: 990px; left: -10px; top: -15px; height: 35px; background: url(../img/img_landing_bottom.gif) no-repeat bottom;}


#footer {width: 932px; margin: 25px auto; padding-top: 10px; border-top: 1px solid #d3d3d3; font-size: 11px; color: #808080; padding-bottom: 10px;}
#footer a {color: #808080; padding: 0 3px;  text-decoration: none;}
#footer a:hover {color: #007fba; text-decoration: underline;}

body#landing #content #right h2.barra_result {margin: 5px 90px 5px 5px; font-size: 14px; font-weight: bold; line-height: 20px;  background: #0080bb; color: #fff; padding-left: 10px;}


/* ///////////////////// GAME PAGE   //////////////////////////////////////*/


body#landing .game {background: none !important; width: 1070px !important; padding-bottom: 20px; overflow: visible;}
body#landing .game .left {position: absolute; height: 100%; width: 17px; left: 0; top: 0; background: none !important;}
body#landing .game .right {position: absolute; height: 100%; width: 17px; right: 0; top: 0; background: none !important;}
body#landing .game #right {float: none !important; margin: auto 0 !important; width: 1070px !important; overflow: visible;}

.game hr {clear: both; height: 1px; color: #f7f7f7 !important; background: #f7f7f7 !important; margin: 20px 0; border: 0;}
.game #right p {margin: 10px !important;}
.game #right h1 {margin: 25px 0 0 10px !important;}
.game #right h2 {margin: 10px !important; font-size: 14px; font-weight: normal; line-height: 24px; color: #0080bb;}
.game #right h2.tit {margin: 10px !important; font-size: 14px; font-weight: bold; line-height: 24px;  background: #0080bb; color: #fff; padding-left: 10px;}
.game #right h3 {margin: 10px !important; font-size: 13px; font-weight: bold; border-top: 1px solid #fff !important; padding-top: 25px; margin-top: 25px;}

.game .flashGame {float: left; margin: 0 0 0 -50px; _margin-left: -25px;} 




.game .featured {background: url(../img/bck_game_featured.jpg) bottom right no-repeat #007fba; padding: 0 10px; padding-bottom: 140px; width: 200px; color: #fff !important; position: absolute; right: 40px; top: 190px; _right: 98px;}
.game .featured h2 {color: #fff !important; font-weight: bold !important; line-height: 18px !important; padding-top: 20px;}
.game .featured p {}
.game .featured a {color: #fff !important;}
.game .featured a:hover {color: #e5e5e5 !important;}
.game .featured img.stickerRight {position: absolute; top: -20px; right: -20px;}
.game .featured img.btnParticipate {position: absolute; bottom: -102px; left: -10px;}
.game .tablecourses {position: absolute; background-color:#FFFFFF; right: 37px; top: 532px; _right:94px; width: 232px;}

.column {float: left; width: 380px; border-right: 1px solid #fff; margin-top: 25px; color: #007fba;}

.game .white {background: url(../img/bck_game_white.gif) repeat-y; padding: 30px 60px; margin: 0 auto; left: 0px !important; overflow: visible; margin-bottom: -20px;}
.game .white hr {clear: both; height: 1px; color: #e5e5e5 !important; background: #e5e5e5 !important; margin: 20px 10px; border: 0;}
.game .white .column {width: 340px !important; border-right: 1px solid #e5e5e5 !important;}
.game .white .top {margin-top: -30px; margin-left: -60px;}
.game .white .bottom {margin-bottom: -30px; margin-left: -60px;}
.game .white p {}

body#landing #prefooter.game {position: relative; clear: both; width: 970px; margin: 15px auto 10px; font-size: 11px; padding-top: 0  !important; color: #808080;}

body#landing #footer.game {width: 1030px !important;}

/* BLOG */


body#landing #content #right #blogbox  { border:1px solid #e1e4e7;padding:5px 10px; margin:10px 0 0 0;width:690px;}
body#landing #content #right #blogbox p { margin:0px;}
body#landing #content #right #blogbox h2 { margin:6px 0px; font-size:18px; color:#464646; font-weight:bold;}
body#landing #content #right #blogbox a.title { font-size:14px; color:#007fba; font-weight:bold;}
body#landing #content #right #blogbox p.date{ font-size:11px; color:#8799a5; margin:0;}
body#landing #content #right #blogbox p.txt{ margin-bottom:10px;}