/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Left & Right alignment */ .left { float:left;} .right { float:right;} .wrapper {width:100%; overflow:hidden;} /* Global properties ======================================================== */ body{ background: #f8f8f8; border: 0; color: #6b6b6b; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .block {height:78px;} .extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -78px; bacground:#f8f8f8} body, html {height:100%;} .block2 {height:130px;} .extra2 {min-height:100%; height:auto !important; height:100%; margin: 0 auto -130px; background:url(../images/bg.gif) bottom repeat-x;} .block3 {height:78px;} .extra3 {min-height:100%; height:auto !important; height:100%; margin: 0 auto -78px; background:url(../images/bg_top.jpg) top repeat;} .body1{} .css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;} /* Global Structure ============================================================= */ .main { margin: 0 auto; width: 804px; background:#ffffff url(../images/bg_top2.jpg) no-repeat;} .main2 { margin: 0 auto; width: 1000px;} .main3 { margin: 0 auto; width: 804px; background:#ffffff url(../images/fondo_fot.png) bottom no-repeat} .main4 { margin: 0 auto; width: 804px;} .main5 { margin: 0 auto; width: 1263px; background:#ffffff url(../images/bg_head.PNG) top center no-repeat;} /* ============================= main layout ====================== */ a{ color:#6b6b6b; text-decoration: underline; outline:none} a:hover{ text-decoration: none} p{ padding-bottom:10px;} h2{ font-size:26px; color:#fff; line-height:1.2em; padding:8px 0 18px 0; letter-spacing:-1px;} h3{ font-size:16px; color:#000000; line-height:0.2em; padding:8px 0 8px 0; letter-spacing:0px;} h4{ font-size:24px; color:#000000; line-height:0.2em; padding:8px 0 8px 0; letter-spacing:0px;} h5{ font-size:24px; color:#ffffff; line-height:0.2em; padding:8px 0 8px 0; letter-spacing:0px;} h6{ font-size: 18px; color: #ffffff; line-height: 0.1em; padding: 8px 0 0px 6px; margin: 10px 0px; letter-spacing: 0px; } h77{ font-size:24px; color:#0095DD; line-height:1.2em; padding:8px 0 8px 0; letter-spacing:0px;} /* ============================= header ====================== */ header{ width:100%; overflow:hidden; background-image:url(../images/bg_head.png)} h1{ font-size:74px; line-height:1.2em; padding:78px 0 0 0; text-transform:uppercase; margin-left:-5px; letter-spacing:-1px; margin-bottom:-17px} h1 a{ text-decoration:none} * +html h1{ padding-top:82px; margin-bottom:-21px;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { h1 { padding-top:81px; margin-bottom:-20px;} } .menu { padding:0 25px; overflow:hidden;} .menu li { float:left;} .menu li a{ display: block; padding:0 18px; font-size:32px; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;} .menu li a:hover, .menu .active a{ background:#f0f1f0} .logo { display:inline-block; padding:0 !important; } .logo a { position: absolute; background: url(../images/logo_2.png) no-repeat 0 0; border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:62px; width:208px; overflow:hidden; text-indent:-99em; display:block; } #logo{ margin:20px 0 0 250px; display:block; background:url(../images/logo.png) 0 0 no-repeat; width:500px; height:135px; text-indent:-9999px;} #logo2{ margin:10px 0 0 152px; display:block; background:url(../images/logo.png) 0 0 no-repeat; width:500px; height:135px; text-indent:-9999px;} #logo3{ margin:0px 0 0 252px; display:block; background:url(../images/logo_2.png) 0 8px no-repeat; width:300px; height:150px; text-indent:-9999px;} #logo4{ margin:10px 0 0 470px; display:block; background:url(../images/logo_2.png) 0 0 no-repeat; width:324px; height:180px; text-indent:-9999px;} #menu{ background:url(../images/bg_menu.jpg) 0 0 no-repeat; width:1000; height:200px; margin:20px 0 0 0px; padding-top:0px;} #menu2{ background:url(../images/social.png) 315px 5px no-repeat; width:400; height:100px; margin:10px 0 0 0px; padding-top:0px;} #menu3{ background:url(../images/bg_menu.jpg) 0 0 no-repeat; width:1000; height:267px; margin:20px 0 0 0px; padding-top:0px;} #menu4{ background:url(../images/resultados.png) 315px 5px no-repeat; width:100; height:100px; margin:10px 0 0 0px; padding-top:0px;} #menu li{ float:left;} #menu a{ font-size:30px; color:#ffffff; line-height:1.2em; text-decoration:none; letter-spacing:-1px;} #menu li a {display:block;height:146px;width:200px;font-size:24px;padding-top:10px;text-align:center; text-decoration:none;text-transform:uppercase} #menu2 li{ float:left; padding-top:0px;} #menu2 a{ font-size:18px; color:#000000; line-height:1.2em; text-decoration:none; letter-spacing:-1px;} #menu2 li a {display:block;height:440px;width:480px; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding-top:160px;text-align:justify;text-decoration:none;text-transform:none;} #menu3 li{ float:left;} #menu3 a{ font-size:30px; color:#ffffff; line-height:1.2em; text-decoration:none; letter-spacing:-1px;} #menu3 li a {display:block;height:146px;width:200px;font-size:24px;padding-top:10px;text-align:center; text-decoration:none;text-transform:uppercase} #menu4 li{ float:left; padding-top:0px;} #menu4 a{ font-size:18px; color:#000000; line-height:1.2em; text-decoration:none; letter-spacing:-1px;} #menu4 li a {display: inherit;width:208px; height:50px; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding-top:16px;text-align:justify;text-decoration:none;text-transform:none;} .nav1{ background:url(../images/menu1.gif) center 65px no-repeat;} .nav2{ background:url(../images/menu3.gif) center 65px no-repeat;} .nav3{ background:url(../images/menu4.gif) center 65px no-repeat;} .nav4{ background:url(../images/menu2.gif) center 65px no-repeat;} .nav5{ background:url(../images/menu5.gif) center 65px no-repeat;} .nav6{ background:url(../images/consultoria.png) center 0px no-repeat;} .nav7{ background:url(../images/salud.png) center 0px no-repeat;} .nav8{ background:url(../images/resultados.png) center 0px no-repeat;} .nav9{ background:url(../images/reserva.png) center 0px no-repeat;} #menu .nav1 a:hover{ background:url(../images/menu1_active.gif) center 0px no-repeat #001527; color:#156080} #menu .nav2 a:hover{ background:url(../images/menu2_active.gif) center 0px no-repeat #001527; color:#156080} #menu .nav3 a:hover{ background:url(../images/menu3_active.gif) center 0px no-repeat #001527; color:#156080} #menu .nav4 a:hover{ background:url(../images/menu4_active.gif) center 0px no-repeat #001527; color:#156080} #menu .nav5 a:hover{ background:url(../images/menu5_active.gif) center 0px no-repeat #001527; color:#156080} #menu3 .nav1 a:hover{ background:url(../images/menu1_active.gif) center 0px no-repeat #001527; color:#156080} #menu3 .nav2 a:hover{ background:url(../images/menu2_active.gif) center 0px no-repeat #001527; color:#156080} #menu3 .nav3 a:hover{ background:url(../images/menu3_active.gif) center 0px no-repeat #001527; color:#156080} #menu3 .nav4 a:hover{ background:url(../images/menu4_active.gif) center 0px no-repeat #001527; color:#156080} #menu3 .nav5 a:hover{ background:url(../images/menu5_active.gif) center 0px no-repeat #001527; color:#156080} #menu2 .nav6 a:hover{ background:url(../images/consultoria_active.png) 0px 0px no-repeat } #menu2 .nav7 a:hover{ background:url(../images/salud_active.png) 0px 0px no-repeat } #menu4 .nav8 a:hover{ background:url(../images/resultados_active.png) 0px 0px no-repeat } #menu4 .nav9 a:hover{ background:url(../images/reserva_active.png) 0px 0px no-repeat } .ic, .ic a { text-indent:-9999px; width:100%; overflow:hidden} /* ============================= content ====================== */ .content{ padding-top:3px; width:100%; overflow:hidden} .pad_left1{ padding-left:39px;} .pad_left2{ padding-left:15px;} .pad_left3{ padding-left:29px;} .pad_left4{ padding-left:23px;} .pad_left5{ padding-left:5px;} .pad_left6{ padding-left:800px;} .pad_left7{ padding-left:12px;} .pad_right1{ padding-right:15px;} .pad_right2{ padding-right:3px;} .marg_right1{ margin-right:19px;} .pad_bot1{ padding-bottom:10px;} .pad_bot2{ padding-bottom:40px;} .pad_bot4{ padding-bottom:1px;} .pad_bot3{ padding-bottom:15px;} .pad_bot5{ padding-bottom:25px;} .pad_top1{ padding-top:20px;} .pad_top2{ padding-top:10px;} .pad_top3{ padding-top:200px;} .pad_top4{ padding-top:35px;} .pad_top5{ padding-top:81px;} .color1{ color:#000} .font1{ font-size:16px; color:#000} .list1{ margin-top:-4px;} .list1 li{ line-height:30px;} .list1 li a{ color:#6b6b6b !important; padding-left:13px; background:url(../images/marker_1.gif) 0 4px no-repeat} .button{ display: inline-block; color: #fff !important; text-decoration: none; line-height: 25px; padding: 0 17px; background: #000 } .button:hover{ background:#fff !important; color:#000 !important} /* ============================= footer ====================== */ footer { height:55px; text-align:center; width:100%; overflow:hidden; text-decoration:none} .footer a:hover{} .footer_end{ height:130px} .footer_end a{ color:#8606c5} .footer_end a:hover{} .icons{ display:inline-block; padding:30px 0 10px 0} .icons li{ float:left; padding:0 3px;} * +html .icons{ display: inline} /* Tooltips */ .aToolTip { border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff; margin:0; padding:0px 5px; font-size:11px; } .aToolTip .aToolTipContent { position:relative; margin:0; padding:0; } a.aToolTipCloseBtn { display:block; height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px; outline:none; position:absolute; top:-15px; right:-20px; } /* ============================= forms ============================= */ #ContactForm {} #ContactForm .wrapper{ min-height:35px;} #ContactForm .wrapper2{ min-height:35px; margin-left:35px;} #ContactForm .textarea_box{ height:145px; padding-bottom:6px; width:100%; overflow:hidden} #ContactForm {} #ContactForm a{ margin-right:10px; float:left;} #ContactForm .input {width:245px; border:1px solid #e3e4e3; background:#fff; padding:6px 8px; color:#bebebe; font:14px Arial, Helvetica, sans-serif; height:16px} #ContactForm textarea { overflow: auto; width:245px; border:1px solid #e3e4e3; background:#fff; padding:1px 8px; color:#bebebe; font:14px Arial, Helvetica, sans-serif; height:127px; margin:0}