/* Theme Name: Hosts Inter.Net Theme URI: Description: The default theme for Hosts Inter.Net Version: 1.0 Author: Luiz Celso de Faria Alves, Marcio Wolff | Email: celsodesign@gmail.com, marcio.wolff@hotmail.com */ /* +----------------------------------------------------------------+ Geral +----------------------------------------------------------------+ */ #interna section#content h2{color:#ff9933;} #interna section#content p{margin-bottom:15px; text-align:left;} /* Banners Internas ***************************************/ #interna section#banner-interna {width:957px; height:79px; position:relative; background:url(../img/bg/bg-banner.jpg); margin:30px 0 20px;} #interna section#banner-interna hgroup {padding:15px 20px; text-align:left; display:block;} #interna section#banner-interna hgroup h2 {color:#FFF; font-size:32px; font-weight:bold; margin:0; line-height:32px;} #interna section#banner-interna hgroup h4 {color:#114f80; font-size:18px; font-weight:bold;} #interna .icone {background-image:url(../img/modulos/icon.png); background-repeat:no-repeat; position:absolute; right:20px; top:0; height:141px;} .box_img{margin:30px 0 50px 0; position:relative; z-index:3;} .box_img ul li{float:left; margin-right:5px; color:#666;} .mais{ background-image:url(../img/modulos/icon-list.png); background-position:0 -200px; height:13px; text-indent:0; font-size:11px; line-height:12px; padding-left:20px; color:#666; } section#content{color:#666;} /* Duas Colunas *********************/ section#content.two_cols aside{float:left; width:240px; position:relative; z-index:3; text-align:left;} section#content.two_cols section#main{float:right; width:700px; text-align:left; margin-bottom:60px;} /* Tooltip interno *********************/ .tooltip2{display:block; line-height:13px; text-indent:0; cursor:text;} .tooltip2 .pos_tooltip{display:none;} li:hover .pos_tooltip{display:block;} .tooltip2 .pos_tooltip{position:absolute;} .tooltip2 .pos_tooltip span{background-image:url(../img/modulos/mod-bts.png); background-repeat:no-repeat; height:10px; display:block;} .tooltip2 .pos_tooltip span.setaTooltipTop{background-position:190px -118px; width:217px;} .tooltip2 .pos_tooltip .content_tooltip{ display:block; background-color:#333; color:#FFF; text-indent:0; font-size:11px; line-height:13px; } .tooltip2 .pos_tooltip{z-index:3;} .tooltip2 .pos_tooltip .content_tooltip{width:250px; padding:15px 15px;} .tooltip2 .pos_tooltip .content_tooltip h5{color:#FFF; font-weight:bold; font-size:12px;} .tooltip2 .pos_tooltip .content_tooltip p{font-weight:normal; font-size:12px; text-transform:none; color:#FFF !important; padding-bottom:0 !important; text-align:justify;} .txt_right{text-align:right; width:300px; float:right;} .btn{ background-image:url(../img/modulos/mod-bts.png); background-repeat:no-repeat; display:block; text-indent:-999px; font-size:0; line-height:0; overflow:hidden; cursor:pointer; border:none !important; background-color:transparent; height:35px; } .btn.compreja{background-position:0 -102px; width:104px !important;} .btn.solicontato{background-position:-123px -102px; width:169px !important;} .btn.saibamais{background-position:-310px -102px; width:105px !important;} .btn.enviar{background-position:-123px -143px; width:77px !important; margin-top:5px;} .btn.assine{background-position:0 -143px; width:103px !important;} .btn.sejaparceiro{background-position:-435px -102px; width:141px !important;} /* Icones *********************/ /* Icones - Lista */ .icon{background-image:url(../img/modulos/icon.png);} .list_check li{ background:url(../img/modulos/icon.png) no-repeat scroll -595px -79px transparent; background-repeat:no-repeat; margin-bottom:10px; padding-left:20px; float:none !important; } .list_check li h3{color:#0080CE; margin-bottom:5px;} .list_check li.nobg{padding:0;} /* Icones - Abas Informativas */ #destaque.abas ul.nav li.aba a{background-repeat:no-repeat; background-image:url(../img/modulos/bg-abas.png); height:46px; font-size:12px; position:relative; z-index:3;} #destaque.abas ul.nav li.aba a.current{height:47px; position:relative; z-index:5 !important;} #destaque.abas ul.nav li.aba span{display:block; margin:18px 0 0 0; float:left} #destaque.abas ul.nav li.aba .icon{width:40px; height:32px; margin:10px 2px 0 4px;} #destaque.abas ul.nav li.aba a.current:hover{text-decoration:none;} /* Icones - Abas Informativas - VANTAGENS */ #destaque.abas ul.nav li.aba.van a{background-position:-172px -230px; width:140px;} #destaque.abas ul.nav li.aba.van a.current{background-position:0 -230px;} .datacenter #destaque.abas ul.nav li.aba.van a.current{background-position:-344px -235px;} #destaque.abas ul.nav li.aba.van .icon{background-position:-116px 0;} /* Icones - Abas Informativas - INFORMACOES */ #destaque.abas ul.nav li.aba.info a{background-position:-230px -160px; width:207px;} #destaque.abas ul.nav li.aba.info a.current{background-position:0 -160px;} #destaque.abas ul.nav li.aba.info .icon{background-position:-116px -39px;} /* Icones - Abas Informativas - FORMULARIO DE CONTATO */ #destaque.abas ul.nav li.aba.formcontato a{background-position:0 -417px; width:212px;} #destaque.abas ul.nav li.aba.formcontato .icon{background-position:-116px -85px;} /* Box ***************************************/ #interna section#content #main .box ul li{float:left; width:243px; padding:15px 20px; font-family:Arial, Helvetica, sans-serif;} #interna section#content #main .box h5{font-size:32px; font-weight:bold; color:#5590cd;} #interna section#content #main .box h6{font-size:26px; font-weight:bold; color:#f4911e; font-family:Arial, Helvetica, sans-serif;} #interna section#content #main ul li.box_laranja .tit_box h5{color:#DD8724;} #interna section#content #main ul li.box_verde .tit_box h5{color:#51C435;} #interna section#content #main ul li.box_azul .tit_box h5{color:#3AA6E6;} #interna section#content #main .box ul li.box_laranja .tit_box .preco{background-position:0 -145px; width:166px;} #interna section#content #main .box ul li.box_verde .tit_box .preco{background-position:-180px -145px; width:166px;} #interna section#content #main .box ul li.box_azul .tit_box .preco{background-position:0 -187px; width:166px;} .box_laranja .assine, .box_verde .assine, .box_azul .assine{float:right;} #interna section#content #main .box ul li ul li{ float:none; width:auto; padding:0 0 0 20px; text-align:left; margin-bottom:5px; color:#333; } /* Box - Preços ***************************************/ #interna section#content #main .box h6 .preco strong{ background-image:url(../img/modulos/mod-precos.png); background-repeat:no-repeat; height:34px; display:block; text-indent:-999px; font-size:0; line-height:0; overflow:hidden; border:none !important; background-color:transparent; margin-bottom:15px; } /* Destaque ***************************************/ #destaque{width:100%; position:relative; display:inline-block; margin:20px 0; text-align:left;} #home #destaque{margin-top:-20px;} #destaque ul.nav {width:100%;} .sombra{background:url(../img/bg/bg_sb_destaque.png) no-repeat; display:block; margin-left:-56px; width:1055px; height:34px; position:relative; z-index:3; margin-top:-15px; z-index:4;} /* Destaque - navegacao ***************************************/ #destaque ul.nav li a{display:block; padding-top:7px; width:129px; height:80px; background:url(../img/modulos/bg-abas.png) -138px 0 no-repeat; text-transform:uppercase; color:#797979; font-size:11px; font-weight:bold;} #destaque ul.nav li a.current, #destaque ul.nav li a:hover{background:url(../img/modulos/bg-abas.png) 0 0;} #destaque ul.nav li a:hover{margin-bottom:-1px; text-decoration:none;} #destaque ul.nav li a.current{z-index:6; position:relative;} #destaque ul.nav li a.current:hover{margin-bottom:0; border:none;} #destaque ul.nav .icon a span{padding-top:43px; background-image:url(../img/modulos/mod-icons-nav.png); background-repeat:no-repeat; cursor:pointer; display:block; width:70px; text-align:center; margin:auto; text-indent:0; line-height:normal;} #destaque ul.nav .icon.hosp a span {background-position:0 0;} #destaque ul.nav .icon.domi a span {background-position:-139px 0;} #destaque ul.nav .icon.rev a span {background-position:-273px 0;} #destaque ul.nav .icon.ms a span {background-position:-549px 0;} #destaque ul.nav .icon.anti a span {background-position:-690px 0;} #destaque ul.nav .icon.cert a span {background-position:-410px 0;} #destaque ul.nav .icon.cont a span {background-position:-813px 0;} #destaque ul.nav li {float:left; margin-right:8px;} /* Destaque - conteudo ***************************************/ #destaque .panes{display:inline-table; width:100%;} #destaque .panes div{width:100%; padding:20px 0; display:none; position:relative;} #destaque .panes div ul {width:100%; display:inline-block;} #destaque .panes div ul.two_col li{float:left; width:305px; margin-right:15px; text-align:left;} #destaque .panes div ul.two_col li.right{width:604px; margin-right:0; float:right;} #destaque .panes div ul.tree_col li{float:left; width:290px; margin-right:30px; text-align:left;} #destaque {color:#666;} #destaque p{margin-bottom:30px;} #destaque h2{display:none;} #destaque h3 {color:#0080CE; font-weight:bold; margin-bottom:20px;} #destaque h4 {font-size:14px; color:#666; margin-bottom:10px;} #destaque a:hover{color:#0080CE; text-decoration:underline;} #destaque a.btn{float:right;} #destaque .panes div ul.two_col li.right ul{width:265px; float:left; vertical-align:top; margin-right:65px;} #destaque .panes div ul.two_col li.right ul li{width:auto; margin:0 0 10px 0;} #destaque .panes div#dm ul.tree_col li ul{float:left; width:105px;} /* Destaque - conteudo box ***************************************/ #destaque .panes .box{display:block; margin:10px 0; padding:10px; background:url(../img/modulos/bg-abas.png) 0 -98px no-repeat; width:280px; height:30px;} #destaque .panes .box a{color:#0080CE; text-decoration:underline; font-weight:bold;} #destaque .panes .box a:hover{text-decoration:none;} /* Formulário ***************************************/ #interna section#content form textarea, #interna section#content form input, #interna section#content form select{border:1px solid #CCC; width:100%;} #interna section#content form ol{display:inline-block; width:100%;} #interna section#content form ol li{margin-bottom:7px; color:#666; font-size:12px; float:left;} #interna section#content form ol li.left{float:left;} #interna section#content form li label{float:left; margin-right:5px; padding-top:3px; width:120px; text-align:right;} #interna section#content form ol li.right{float:right; margin-right:0; text-align:right;} #interna section#content form ol li p{font-size:12px; color:#666; font-style:italic;} #interna section#content form ol li.right p{text-align:right; margin-bottom:5px;} #interna section#content form.tbr_conosco input, #interna section#content form.tbr_conosco select{border:1px solid #CCC;} #interna section#content form li.left input{width:460px;} #interna section#content form li.right input{width:240px;} #interna section#content form li.campo_cep input{width:130px;} #interna section#content form li.campo_city input{width:203px; width/*\**/:201px\9;} #interna section#content form li.campo_end{width:345px;} #interna section#content form li.campo_end input{width:250px;} #interna section#content form li.campo_est input, #interna section#content form li.campo_midia_twitter input, #interna section#content form li.campo_comp input{width:240px;} #interna section#content form li.campo_tel.left label{width:80px;} #interna section#content form li.campo_tel input{width:149px; width/*\**/:146px\9;} #interna section#content form li.campo_tel input.pref{width:30px; float:left; margin-right:5px;} #interna section#content form li.campo_midia input{width:350px;} #interna section#content form li.campo_area input{width:186px;} #interna section#content form li.campo_anexo input{width:500px;} #interna section#content form li.campo_btn{width:330px;} #interna section#content form li.campo_btn input{float:right;} #interna section#content form label.error{width:auto; font-size:11px; font-style:italic; float:none; text-align:left; margin-left:125px; display:block;} #interna section#content form input.error{border:1px solid #F00 !important;} #interna section#content form li.campo_tel label.error{display:none !important;} /* +----------------------------------------------------------------+ Page Parceiros +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.parceiros section#banner-interna .icone {background-position:-220px -541px; height:105px; width:150px;} #interna.parceiros section#content{display:inline-block; margin-bottom:20px;} #interna.parceiros h3{color:#0080CE; margin-bottom:10px;} /* Scrool horizontal ****************************************/ .my-sliderh {margin:0 0 20px 0;} .scrollable {float:left !important; text-align:left !important; position:relative; overflow:hidden; width: 820px; height:90px !important} .scrollable .items {position:absolute; display:block; width:20000em;} .items div {float:left} a.browse {background:url(../img/modulos/mod-bts.png) no-repeat -74px -183px; cursor:pointer; display:block; float:left; font-size:1px; height:49px; left:22px; position:relative; top:28px; width:49px; z-index:9999} a.disabled {visibility:hidden !important} a.right {background-position:-137px -183px !important; clear:right; left:-22px !important; margin-right:0} /* Logos ****************************************/ #nav-parceiros .icon {background-image: url(../img/modulos/mod-logos-parceiros.png); height:97px; width:175px;} #nav-parceiros .dblocka{cursor:text !important;} #nav-parceiros ul li{float:left;} .logo_ms {background-position:-190px 0;} .logo_ms:hover {background-position:0 0;} .logo_chek {background-position:-190px -90px;} .logo_chek:hover {background-position:0 -90px;} .logo_sun {background-position:-190px -180px;} .logo_sun:hover {background-position:0 -180px;} .logo_dell {background-position:-190px -270px;} .logo_dell:hover {background-position:0 -270px;} .logo_netapp {background-position:-190px -359px;} .logo_netapp:hover {background-position:0 -359px;} .logo_rpn {background-position:-190px -540px;} .logo_rpn:hover {background-position:0 -540px;} .logo_ibm {background-position:-190px -630px;} .logo_ibm:hover {background-position:0 -630px;} .logo_hp {background-position:-190px -720px;} .logo_hp:hover {background-position:0 -720px;} .logo_emc {background-position:-190px -809px;} .logo_emc:hover {background-position:0 -809px;} .logo_mcafee {background-position:-190px -899px;} .logo_mcafee:hover {background-position:0 -899px;} .logo_ateon {background-position:-190px -989px;} .logo_ateon:hover {background-position:0 -989px;} #interna.parceiros .btn{float:right;} /* +----------------------------------------------------------------+ Quem Somos +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.quem_somos section#banner-interna .icone {background-position:0 -135px; height:105px; width:150px; top:15px;} #interna.quem_somos section#content{display:inline-block; margin-bottom:20px;} #interna.quem_somos .list_check{float:left; width:400px; font-weight:bold; text-align:left;} /* Box ***************************************/ #interna.quem_somos section#content .box{position:relative; margin-bottom:30px;} #interna.quem_somos section#content .box ul li{width:269px; font-size:12px; margin-right:15px; padding:25px 15px; background: url(../img/bg/bg_box.png) no-repeat 0 -858px; height:100px; float:left;} #interna.quem_somos section#content .box h2{font-size:17px; font-weight:bold; margin-bottom:5px; font-style:italic; text-align:left;} #interna.quem_somos section#content .box p{font-size:13px;} /* +----------------------------------------------------------------+ Certificados +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.certificado section#banner-interna .icone {background-position:-135px -121px; width:225px;} section#content.two_cols aside{width:235px;} #interna.certificado aside h4 {font-size:14px; margin-bottom:10px;} section#content.two_cols section#main{width:705px; margin-bottom:0;} /* Box ***************************************/ #interna.certificado section#content #main .box{position:relative;} #interna.certificado section#content #main .box ul li{width:195px; font-size:12px; margin-right:15px; padding:15px; background-image: url(../img/bg/bg_box.png); height:175px;} #interna.certificado section#content #main .box h5{font-size:20px; text-align:center; margin-bottom:5px; line-height:18px;} #interna.certificado section#content #main .box h5 span{font-size:12px; text-align:center; margin-bottom:15px; display:block;} #interna.certificado section#content #main .box p{font-size:11px;} #interna.certificado section#content #main .box a{position:absolute; bottom:-15px; margin-left:45px;} /* Box -Preços ***************************************/ #interna.certificado section#content #main .box .preco.dv strong{background-position:0 -39px; width:173px; margin-left:15px;} #interna.certificado section#content #main .box .preco.ov strong{background-position:-235px -39px; width:173px; margin-left:15px;} #interna.certificado section#content #main .box .preco.ev strong{background-position:-457px -39px; width:194px;} /* +----------------------------------------------------------------+ Microsoft +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.microsoft section#banner-interna .icone {background-position:-446px -272px; width:164px;} #interna.microsoft section#content #main{margin-bottom:40px;} #interna.microsoft #destaque h4{color:#0080CE; font-size:19px; margin-bottom:10px;} /* Icones - Abas */ #interna.microsoft #destaque.abas ul.nav li.aba{margin-right:5px;} #interna.microsoft #destaque.abas ul.nav li.aba a{background:url(../img/modulos/bg-abas.png) -241px -304px; height:98px; width:234px;} #interna.microsoft #destaque.abas ul.nav li.aba a.current{background-position:0 -304px;} #interna.microsoft #destaque.abas ul.nav li.aba span{display:none;} #interna.microsoft #destaque.abas ul.nav li.aba .icon{width:200px; height:76px; display:block; background-image: url(../img/modulos/mod-logos-microsoft.png); background-repeat:no-repeat; margin:18px 20px 0;} /* Icones - Abas - Microsoft Exchange */ #destaque.abas li.wexchange a .icon{background-position:-220px -230px;} #destaque.abas li.wexchange a.current .icon{background-position:0 -230px;} /* Icones - Abas - Microsoft SharePoint */ #destaque.abas li.wsharepoint a .icon{background-position:-220px -122px;} #destaque.abas li.wsharepoint a.current .icon{background-position:0 -122px;} /* Icones - Abas - Microsoft Dynamics */ #destaque.abas li.wdynamics a .icon{background-position:-220px -339px;} #destaque.abas li.wdynamics a.current .icon{background-position:0 -339px;} /* Icones - Abas - Microsoft Server */ #destaque.abas li.wserver a .icon{background-position:-220px 0; margin:10px 0 0 45px !important;} #destaque.abas li.wserver a.current .icon{background-position:0 0;} #interna.microsoft .btn{float:right;} /* +----------------------------------------------------------------+ Trabalhe Conosco +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.trabalhe_conosco section#banner-interna .icone {background-position:-170px -272px; height:141px; width:254px;} #interna.trabalhe_conosco section#content form li.right .btn{width:76px; float:right;} /* +----------------------------------------------------------------+ Data Center +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.datacenter section#banner-interna .icone {background-position:0 -528px; height:141px; width:170px;} #interna.datacenter #destaque .panes div ul.two_col li{width:430px; margin-right:50px;} #interna.datacenter #destaque .panes div{padding:10px 0;} #interna.datacenter h3{margin-bottom:10px;} /* +----------------------------------------------------------------+ Contato Comercial +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.contato section#banner-interna .icone {background-position:0 -272px; height:141px; width:158px;} #interna section#content form.contato_com li.campo_emp input{width:385px;} #interna section#content form.contato_com li.campo_siteemp{float:right;} #interna section#content form.contato_com li.campo_siteemp input{width:315px;} #interna section#content form.contato_com li.campo_nm input{width:515px;} #interna section#content form.contato_com li.campo_email{float:right;} #interna section#content form.contato_com li.campo_email label{width:80px;} #interna section#content form.contato_com li.campo_email input{width:220px;} #interna section#content form.contato_com li.campo_mens{width:100%; float:none;} #interna section#content form.contato_com li.campo_mens textarea{width:830px;} #interna section#content form.contato_com li.campo_onde_conheceu{text-align:left;} #interna section#content form.contato_com li.campo_onde_conheceu label{width:170px;} #interna section#content form.contato_com li.campo_onde_conheceu select{width:150px;} #interna section#content form ol.box_white{padding:10px; width:95%; color:#333;} #interna section#content form ol.box_white input.check{width:15px; float:left; border:none; margin-right:5px;} #interna section#content form ol.box_white li{text-align:left; display:inline-block; width:100%;} #interna section#content form ol.box_white li p{padding-top:3px; margin-bottom:0; font-style:normal; font-size:12px;} #interna section#content form.contato_com li.campo_email label.error{width:auto; float:none; text-align:left; margin-left:85px; display:block;} #interna section#content form.contato_com .campo_btn{margin-top:-36px;} #interna section#content form.contato_com li.campo_siteemp label.error{width:310px;} /* +----------------------------------------------------------------+ Suporte +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.suporte section#banner-interna .icone {background-position:-446px -124px; height:140px; width:164px; top:10px;} #interna.suporte section#main{margin-top:20px;} /* Box ***************************************/ #interna.suporte section#content #main {padding:0 0 40px 0;} #interna.suporte section#content #main .box ul li{text-align:center; width:270px; height:215px; font-size:12px; margin:0 80px; padding:15px; background-image: url(../img/bg/bg_box.png); background-position:0 -249px;} #interna.suporte section#content #main .box h5{font-size:24px; text-align:left; margin-bottom:5px; color:#F90;} #interna.suporte section#content #main .box p{font-size:14px; text-align:center !important;} #interna.suporte section#content #main .box a{color:#333;} /* Box - Icones ***************************************/ #interna.suporte .box ul li span{margin:auto; height:110px;} #interna.suporte section#content #main .box .icone{display:block; position:relative;} .logo_email .icone{background-position:25px -421px; width:158px;} .logo_tel .icone{background-position:-150px -421px; width:254px;} .logo_chat .icone{background-position:-425px -421px; width:164px;} /* +----------------------------------------------------------------+ Antivírus +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.antivirus section#banner-interna .icone {background-position:-446px -541px; height:105px; width:150px; top:0;} #interna.antivirus section#pacotes .icon{text-indent:-999px; font-size:0; line-height:0; overflow:hidden;} #interna.antivirus section#pacotes{display:inline-block; width:100%;} #interna.antivirus section#pacotes ul{border-bottom:1px solid #C4C4C4; border-top:1px solid #F0F0F0;} #interna.antivirus section#pacotes ul.vl, #interna.antivirus section#pacotes ul.nav{border:none;} #interna.antivirus section#pacotes ul li{float:left; padding:20px 0; text-align:center; width:215px; font-weight:bold; text-transform:uppercase;} #interna.antivirus section#pacotes ul.nav li{background:url(../img/modulos/bg-abas.png) -277px 0; margin-right:10px; width:205px; height:65px; padding:0; position:relative; z-index:5; font-size:12px;} #interna.antivirus section#pacotes ul li.col1{width:280px; margin-right:30px; text-align:left; text-transform:none; font-weight:normal;} #interna.antivirus section#pacotes ul.nav li.col1{font-size:16px; font-weight:bold; padding-top:20px; height:43px;} #interna.antivirus section#pacotes ul.nav li.col1{background:none;} #interna.antivirus section#pacotes ul.nav .icon{width:56px; height:49px; margin-top:5px; margin-bottom:-2px;} .pc_ouro .icon{background-position:-442px -658px;} .pc_prata .icon{background-position:-498px -658px;} .pc_bronza .icon{background-position:-554px -658px;} #interna.antivirus .icon{width:26px; height:26px; display:block; margin:auto;} .icon.yes{background-position:-584px 0;} .icon.no{background-position:-584px -39px;} #interna.antivirus section#pacotes ul.vl li{text-transform:none; color:#0080CE; font-style:italic;} #interna.antivirus section#pacotes ul.vl .icon{background-image:url(../img/modulos/mod-precos.png); width:113px; height:28px; margin-top:5px;} .icon.vl_ouro{background-position:0 -142px;} .icon.vl_prata{background-position:-219px -142px;} .icon.vl_bronze{background-position:-423px -142px;} #interna.antivirus .btn{float:right;} /* +----------------------------------------------------------------+ Hospedagem +----------------------------------------------------------------+ */ /* Icone - Banner ***************************************/ #interna.hospedagem section#banner-interna .icone {height:115px; width:120px;} #interna.hospedagem aside#left p{color:#0080CE; font-weight:bold; margin:70px 0 -10px 0; position:relative; z-index:5;} #interna.hospedagem section#content #main {width:640px;} #interna.hospedagem .seta_pag{background:url(../img/bg/seta_hospedagem.png) no-repeat; position:absolute; width:339px; height:97px; padding-top:35px;} #interna.hospedagem .seta_pag h3{float:left; color:#FFF; padding-top:5px; margin:0 15px;} /* ComboBox ***************************************/ #planos{width:100px; float:left;} #planos ul li{padding:4px 3px; cursor:pointer; font-size:14px; font-weight:bold;} #planos ul li.select{position:relative; background:#FFF; border:1px solid #CCC; color:#5590cd;} #planos ul li.select span.seta{ background:url(../img/modulos/icon.png) -564px -106px no-repeat; display:block; width:15px; height:19px; position:absolute; top:5px; right:4px; } #planos ul.content{ display:none; position:absolute; width:98px; margin-top:-1px; background:#FFF; border:1px solid #CCC; border-top:none; } #planos ul.content li{padding-left:15px;} #planos ul.content li:hover{background-color:#FFC;} #planos ul.content li.tit{padding-left:3px; border-bottom:1px solid #CCC; font-weight:bold;} #planos ul.content li.tit:hover{background-color:#FFF; cursor:text;} #interna.hospedagem #destaque .panes div{text-align:left; position:relative;} #interna.hospedagem #destaque .panes div div{display:block; padding:0;} #interna.hospedagem #destaque .panes div ul{float:left; width:280px; margin-right:60px;} #interna.hospedagem #destaque .panes div ul li{margin-bottom:3px; padding-left:18px;} /* Box */ #interna.hospedagem section#content #main .box ul li{ float:left; width:270px; height:282px; margin-right:40px; padding-right:10px; background:url(../img/bg/bg_box.png) no-repeat 0 -518px transparent; position:relative;} #interna.hospedagem section#content #main .box p{font-size:12px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;} #interna.hospedagem section#content #main .box p strong{color:#5590CD; display:block;} #interna.hospedagem section#content #main .box ul li ul li{font-size:12px; float:none; width:auto; height:auto; background:none; color:#ff9933; font-weight:bold; list-style:disc; padding:0; margin:0 0 2px 20px;} /* Box -Preços ***************************************/ #interna.hospedagem .preco{font-size:12px; text-align:center; display:none;} #interna.hospedagem .btn{bottom:-15px; position:absolute; left:95px;} #interna.hospedagem section#content #main .box h6 .preco strong{width:208px; margin-left:35px; height:50px; margin-top:5px;} #interna.hospedagem .preco.comp_mensal strong{background-position:0 -550px;} #interna.hospedagem .preco.semi_mensal strong{background-position:-245px -550px;} #interna.hospedagem .preco.comp_trimestral strong{background-position:0 -350px; width:208px;} #interna.hospedagem .preco.semi_trimestral strong{background-position:-245px -350px; width:208px;} #interna.hospedagem .preco.comp_semestral strong{background-position:0 -450px; width:208px;} #interna.hospedagem .preco.semi_semestral strong{background-position:-245px -450px; width:208px;} #interna.hospedagem .preco.comp_anual strong{background-position:0 -250px; width:180px;} #interna.hospedagem .preco.semi_anual strong{background-position:-245px -250px; width:180px;} #interna.hospedagem table{width:100%; margin-bottom:15px;} #interna.hospedagem table thead th{border-bottom:none;} #interna.hospedagem table th, #interna.hospedagem table td{border:1px solid #CCC; border-bottom:none; padding:3px 5px; text-align:center;} #interna.hospedagem table th{color:#0080CE;} #interna.hospedagem table th.col1{border:none; width:40%; text-align:left;} #interna.hospedagem table td.col1{border-right:none; width:40%; text-align:left; font-weight:bold;} #interna.hospedagem table th.col2, #interna.hospedagem table td.col2{border-right:none; width:30%;} #interna.hospedagem table td.borderBottom{border-bottom:1px solid #CCC;} .splash{ background-image:url(../img/modulos/icon.png); background-repeat:no-repeat; display:block; text-indent:-999px; font-size:0; line-height:0; overflow:hidden; cursor:pointer; border:none !important; background-color:transparent; height:35px; background-position:0 -691px; position:absolute; width:172px; height:78px; margin-top:60px; margin-left:-10px; } /* MODAL - Termos de Uso ***************************************/ .link_termos{float:right; margin-top:25px; position:absolute; right:0; z-index:10; width:200px; text-align:right;} #mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;} .window {position:absolute; text-align:justify; background:#e6e6e6; left:0; top:150px !important; width:550px; display:none; z-index:9999; padding:20px;} .window .close{float:right; border:1px solid #CCC; color:#CCC; padding:3px 6px; text-transform:uppercase; font-weight:bold; display:block;} .window h1{color:#0080CE; font-size:28px; margin-bottom:10px;} .window .scroll{overflow-y:scroll; overflow-x:hidden; background:#FFF; border:1px solid #CCC; height:400px; padding:10px;} .window .scroll p{margin-bottom:10px;} .window .scroll li{margin-bottom:15px;}