﻿/*************************************************************************************************
********************************|| HOSPEDAGEM DE SITES ||*****************************************
**************************************************************************************************/
.hospedagem-sites {
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-hospedagem.jpg") top center no-repeat;
	min-height: 233px;		
}

#hospedagem-sites #tab-principal{
	position:relative;
	height:674px;
	margin-top:14px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-tab-principal.jpg") 0px 95px repeat-x;	
	z-index:110;
}

#hospedagem-sites .tab-preco{
	position: relative;	
	height:672px;			
	padding:0px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-tab-preco.gif") no-repeat;	
	z-index:100;
}

#hospedagem-sites #tab-detalhes{
	position:relative;
	background: #f2f5f6 url("//host.imguol.com/site/uolhost/images/divisoria-horizontal-escuraB.png") bottom center no-repeat;		
	margin-top:-26px;
	padding-top:5px;
	z-index:10;
}

#hospedagem-sites .crie-seu-site {	
	padding:35px 0 50px 0;
}

#hospedagem-sites .data-center{	
	height:248px;
	margin-top:40px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-data-center.jpg") top right no-repeat;	
	margin-bottom:20px;
}

#hospedagem-sites .contrato-servico{	
	font-size:16px;
	color:#025ec7;
	padding:28px 0;
}

#hospedagem-sites .hospedagem-opcao{
	margin-top:32px;	
	background:url("//host.imguol.com/site/uolhost/images/backgrounds/bg-pag-corner.png") top center no-repeat;		
}


/* tab-preco>coluna-label */
#hospedagem-sites .col-labels{
	position:relative;		
	width:232px;
	margin-top: 96px;	
	float:left;
	height:502px;
}

#hospedagem-sites .col-labels dl dt{
	margin-top:20px;
	margin-bottom:8px;	
	font-weight:bold;
	font-size:16px;
	text-indent:14px;
	color:#484848;
}

#hospedagem-sites .col-labels dl.dropdown dt{
	margin-top:21px;
}

#hospedagem-sites .col-labels p{	
	margin:0 auto;
	width:218px;		
}

#hospedagem-sites .col-labels p#box-descontos{
	padding-top: 8px;
	color: #484848;
	font-weight: bold;
	line-height:200%;
	height:90px;
}

#hospedagem-sites .col-labels strong.valor{
	font-size:20px;
	color:#1d7db8;
}

#hospedagem-sites  .col-labels strong.txt-marcado{
	font-size:18px;
	color:#1d7db8;
}

#hospedagem-sites #area-labels{
	margin-top:32px;
	width:198px;		
	text-align:right;
	font-weight:normal;	
	font-size:14px;
}

#hospedagem-sites .label-linha{
	padding:9px;
}

#hospedagem-sites .principal{
	padding-top:24px;	
	font-weight:bold;
	font-size:14px;
	line-height:160%;
}

#hospedagem-sites .principal strong{
	font-size:18px;
}

#hospedagem-sites #combo-pagamento{
	display:block;	
	padding-top:6px;	
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#484848;		
	width:208px;
	height:22px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-combo-planos.png") center right no-repeat;
}
/* /tab-preco>coluna-label */

/* tab-preco>coluna-planos */
#hospedagem-sites .col-planos{
	position:relative;		
	float:left;		
	text-align:center;	
}

#hospedagem-sites .col-plano-1{	
	width:225px;		
	height:650px;	
	margin-top:11px;
	margin-left:9px;
}

#hospedagem-sites .col-plano-2{	
	width:250px;
	height:666px;	
	margin-left:9px;
}

#hospedagem-sites .col-plano-3{	
	width:224px;		
	height:650px;	
	margin-top:11px;
	margin-left:11px;
}

#hospedagem-sites #box-light{	
	color:#0e627c;	
}

#hospedagem-sites #box-essencial{
	color:#4b6b0a;
	height:138px;
}

#hospedagem-sites #box-maxi{	
	color:#cf6100;	
}

#hospedagem-sites .box-plano{
	position:relative;
	height:128px;
	font-weight:bold;	
}

#hospedagem-sites .box-plano dl dt{	
	font-size:25px;	
	padding-top:40px;
}

#hospedagem-sites .box-plano dl dd{	
	font-size:14px;	
	line-height:130%;		
	font-weight:normal;
	margin-top:4px;
}

#hospedagem-sites .valor-plano{
	margin-top:28px;
	font-weight:normal;
	text-align:center;
}


#hospedagem-sites .valor-plano .equivalente{position:relative;margin:10px 0 6px 0;display:block;}

#hospedagem-sites .valor-plano span.moeda{
	font-size:27px;
}

#hospedagem-sites #valor-light strong{
	font-size:24px;
	font-weight:bold;
	color:#3288bc;
}
#hospedagem-sites #dividendo_light_1{font-size:36px !important;}
#hospedagem-sites #valor-light .moeda{color:#6DABCC;}
#hospedagem-sites #valor-light .moeda:first-child{font-size:21px;}

#hospedagem-sites .bt-contratar{
	position: relative;	
	top:5px;
	margin:0 auto;
	margin-top:8px;
	display:block;		
	text-indent:-9000px;	
}

#hospedagem-sites #bt-contratar-light, #bt-contratar-light-inferior{	
	width:170px;
	height:50px;	
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-contratar-light.png") no-repeat;
}

#hospedagem-sites .bt-contratar-inferior{
	margin-top:15px;
	display:block;
	text-indent:-9000px;
}

#hospedagem-sites #bt-contratar-light:hover, #bt-contratar-light-inferior:hover{
	background-position:0px -50px;
}

#hospedagem-sites #valor-essencial strong{
	font-size:24px;
	font-weight:bold;
	color:#7bb81d;
}
#hospedagem-sites #dividendo_essencial_1{font-size:36px !important;}
#hospedagem-sites #valor-essencial .moeda{color:#97CD19;}
#hospedagem-sites #valor-essencial .moeda:first-child{font-size:21px;}

#hospedagem-sites #bt-contratar-essencial, #bt-contratar-essencial-inferior{	
	width:180px;
	height:50px;	
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-contratar-essencial.png") no-repeat;
}

#hospedagem-sites #bt-contratar-essencial:hover, #bt-contratar-essencial-inferior:hover{
	background-position:0px -53px;
}

#hospedagem-sites #valor-maxi strong{
	font-size:24px;
	font-weight:bold;
	color:#e5a405;
}
#hospedagem-sites #dividendo_maxi_1{font-size:36px !important;}
#hospedagem-sites #valor-maxi .moeda{color:#FCC71D;}
#hospedagem-sites #valor-maxi .moeda:first-child{font-size:21px;}

#hospedagem-sites #bt-contratar-maxi, #bt-contratar-maxi-inferior{	
	width:170px;
	height:50px;	
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-contratar-maxi.png") no-repeat;
}

#hospedagem-sites #bt-contratar-maxi:hover, #bt-contratar-maxi-inferior:hover{
	background-position:0px -51px;
}

#hospedagem-sites .caracteristicas-plano{
	position: relative;
	margin-top: 7px;
	margin-left: 20px;	
	font-weight:normal;
	text-align:left;
	line-height:33px;	
	font-size:14px;
}
#hospedagem-sites .caracteristicas-plano p{height:32px;}

#caracteristicas-essencial{
	margin-left: 28px !important;	
}

#hospedagem-sites .caracteristicas-plano strong{
	font-weight:bold;
}

#hospedagem-sites .gratuito{
	text-align:left;
	padding-left:6px;
}

#hospedagem-sites .gratuito-essencial{
	text-align:left;
	padding-left:0px;
}

#hospedagem-sites #bonus-essencial .gratuito{
	text-align:left;	
	padding-left:0px;
}

#hospedagem-sites .bonus-plano{
	position: relative;		
	top:14px;
	margin:0 auto;	
	font-size:14px;
}

#hospedagem-sites .bonus-plano p{padding: 7px 5px;line-height:130%;}

#hospedagem-sites #bonus-light{	
	width:194px;	
	height:178px;
}

#hospedagem-sites #bonus-light strong{
	font-weight:bold;
	color:#0d68a0;
}

#hospedagem-sites .botao-detalhes{
	position: absolute;
	left: 50%;	
	bottom: 4px;	
	margin-left:-54px;
	width:108px;
	height:21px;
	display:block;	
	text-indent:-9000px;
}

#hospedagem-sites .bt-detalhes-light{		
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-mais-detalhes-light.png") no-repeat;			
}

#hospedagem-sites .bt-detalhes-light:hover{	
	background-position:0px -22px;
}

#hospedagem-sites .bt-no-detalhes-light{				
	margin-left:-64px;
	width:138px;
	height:21px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-esconder-detalhes-light.png") no-repeat;	
}

#hospedagem-sites .bt-no-detalhes-light:hover{	
	background-position:0px -22px;
}

#hospedagem-sites #bonus-essencial{	
	width:198px;
	height:188px;	
}

#hospedagem-sites #bonus-essencial strong{
	font-weight:bold;
	color:#75b512;
}

#hospedagem-sites .bt-detalhes-essencial{
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-mais-detalhes-essencial.png") no-repeat;		
}

#hospedagem-sites .bt-detalhes-essencial:hover{		
	background-position:0px -22px;
}

#hospedagem-sites .bt-no-detalhes-essencial{	
	margin-left:-64px;
	width:138px;
	height:21px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-esconder-detalhes-essencial.png") no-repeat;	
}

#hospedagem-sites .bt-no-detalhes-essencial:hover{		
	background-position:0px -22px;
}

#hospedagem-sites #bonus-maxi{	
	width:190px;
	height:180px;	
}

#hospedagem-sites #bonus-maxi strong{
	font-weight:bold;
	color:#e9a302;
}

#hospedagem-sites .bt-detalhes-maxi{	
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-mais-detalhes-maxi.png") no-repeat;		
}

#hospedagem-sites .bt-detalhes-maxi:hover{		
	background-position: 0px -22px;
}

#hospedagem-sites .bt-no-detalhes-maxi{	
	margin-left:-64px;
	width:138px;
	height:21px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bt-esconder-detalhes-maxi.png") no-repeat;	
}

#hospedagem-sites .bt-no-detalhes-maxi:hover{		
	background-position: 0px -22px;
}
/* /tab-preco>coluna-planos */

/* tab-detalhes */
#hospedagem-sites .table-detalhes{
	width:988px;
	background:#fbfbfb;
	color:#5f5f5f;
	font-size:14px;
	line-height:160%;
	margin:0 auto;
	padding:0;
	margin-bottom:20px;
}

#hospedagem-sites .table-detalhes tr{
	border:1px solid #e5e5e5;
}

#hospedagem-sites .table-detalhes tr td{	
	padding:10px 0px 8px 10px;
	border-left:1px solid #e0e0e0;
	vertical-align:middle;
}

#hospedagem-sites .table-detalhes tr td.destaque{	
	background:#f5f8f0 !important;
	border-left:1px solid #cbe199;
	border-right:1px solid #cbe199;
}

#hospedagem-sites .table-detalhes tr td.td-botao{	
	padding-left:0px;	
}

#hospedagem-sites .col-right{
	border-right:1px solid #e0e0e0;
}

#hospedagem-sites .table-detalhes tr.bg1 td{	
	background:#F8F8F8;		
}

#hospedagem-sites .table-detalhes tr.bg2 td{	
	background:#FeFeFe;		
}

#hospedagem-sites .table-detalhes .tab-valores{
	height:152px;	
}

#hospedagem-sites .tab-valores td{	
 	border-bottom:1px solid #e0e0e0;
	margin-bottom:16px;
}

#hospedagem-sites .tab-col-label{	
	padding-left:12px;
}

#hospedagem-sites .tab-col-label strong{
	font-weight:bold;
	color:#426a8e;
}

#hospedagem-sites .table-detalhes .tab-plano{
	margin-top:6px;
	width:185px;	
}

#hospedagem-sites #table-valores strong{	
	font-size: 25px;
	font-weight: bold;	
}

#hospedagem-sites #valor_light_2{
	color: #3288BC;
}

#hospedagem-sites #valor_essencial_2{
	color: #81ba28;
}

#hospedagem-sites #valor_maxi_2{
	color: #e5a405;
}

#hospedagem-sites .todos-planos{			
	color:#4f4f4f;
	font-size:14px;	
	padding-top:8px;
	padding-bottom:15px;
	z-index:10;
}

#hospedagem-sites .todos-planos dl dt{			
	height:35px;
	color:#0e89c3;		
	float:left;
	padding-right:15px;
	display:inline;
	font-weight:bold;	
}

#hospedagem-sites .todos-planos dl dd{	
	height:30px;
	padding-right:15px;
	height:20px;
}

#hospedagem-sites .todos-planos dl dd strong{font-weight:bold;}

#hospedagem-sites .todos-planos .area-box{
	width:450px;
	float:left;
}

#hospedagem-sites .todos-planos .separadorV{
	margin: 0 4px;	
	margin-right:36px;
	width: 2px;
	height: 70px;
	float: left;
	background: url("//host.imguol.com/site/uolhost/images/hospedagem/sep-tab.jpg") repeat-y;	
	
}

#hospedagem-sites .todos-planos dd.etiqueta{
	width:393px;
	height:29px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-etiqueta.png") top center no-repeat;	
}

#hospedagem-sites .todos-planos dd.aviso{
	height:20px;
	text-align:center;
	font-size:12px;
	padding-top:2px;
	color:#a9a9a9;
}

#hospedagem-sites .todos-planos .etiqueta span{
	padding-top: 8px;
	display: block;
	width: 175px;
	position: relative;
	padding-left: 20px;
	text-align: center;
	float: left;
	font-size:12px;
}

#hospedagem-sites .todos-planos .etiqueta span.destaque{
	padding-top: 7px;
	font-size:13px;	
}

#hospedagem-sites .todos-planos .etiqueta span.destaque strong{color:#0893cb;}
/* /tab-detalhes */


/* crie-seu-site */
#hospedagem-sites .box-escura{
	background:#F8F7F6;	
}

#hospedagem-sites .crie-seu-site h2{
	color: #484848;
	font-size: 25px;
	font-weight: bold;
}

#hospedagem-sites .crie-seu-site h3{
	color:#363434;
	font-size:18px;
	font-weight: bold;
	text-indent:10px;
	padding-top:6px;
}

#hospedagem-sites .crie-seu-site .box-lista{	
	width:940px;
	height:102px;	
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-box-lista.png") top center no-repeat;
	clear:both;
}
#hospedagem-sites .crie-seu-site .para-montar-site{
	height:138px;	
	line-height:150%;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-box-lista-B.png") top center no-repeat;
}	

#hospedagem-sites .crie-seu-site .title{
	margin-top:34px;	
	margin-left:4px;
	margin-bottom:5px;
	height:32px;
}

#hospedagem-sites .itens {
	display: inline-block;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	float:left;
	background: url("//host.imguol.com/site/uolhost/images/ul-itens-azul.png") no-repeat;
}
#hospedagem-sites span.um {background-position:0 -1px;}
#hospedagem-sites span.dois {background-position:0 -33px;}

#hospedagem-sites .crie-seu-site .box-lista dl{	
	float:left;
	margin-top:30px;
	margin-left:26px;	
	color:#4a4a4a;
	font-size:13px;
}

#hospedagem-sites .crie-seu-site .box-lista dl dd{margin-top:8px;}

#hospedagem-sites .crie-seu-site .para-comecar dl{	
	width:394px;		
}

#hospedagem-sites .crie-seu-site .para-comecar dl dt{	
	font-size:20px;
	color:#393636;
	font-weight:bold;
}

#hospedagem-sites .crie-seu-site .para-montar-site dl{	
	width:280px;		
}

#hospedagem-sites .crie-seu-site .para-montar-site dl dt{		
	font-size: 20px;
	color: #393636;
	font-weight: bold;
}
#hospedagem-sites .crie-seu-site .para-montar-site dl dt a {	
	color:#0156c5;
}

#hospedagem-sites .crie-seu-site .sep-mais{
	padding-top: 42px;	
}

#hospedagem-sites .crie-seu-site .sep-lista{
	padding-top:18px;	
	padding-right:6px;
}

/* /crie-seu-site */





/* data-center */
#hospedagem-sites .data-center h2{
	font-size:25px;
	font-weight:bold;
	color:#484848;
}

#hospedagem-sites .data-center ul{
	font-size:16px;
	color:#6b6c6c;
}

#hospedagem-sites .data-center ul li{
	margin-top:15px;
	background:url("//host.imguol.com/site/uolhost/images/seta-lista.png") 0 2px no-repeat;
	text-indent:12px;
	line-height:160%;
}


/* /data-center */


/* links-uteis */

#hospedagem-sites #links-uteis{	
	height:120px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-links-uteis.jpg") repeat-x;
}

#hospedagem-sites .sep-links-uteis{	
	height:9px;
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-barra-links-uteis.jpg") top center no-repeat;
}

#hospedagem-sites .links-uteis ul{
	list-style: none;
	margin-top:3px;
	height:32px;
	font-size:12px;
	color:#555555;
}

#hospedagem-sites .links-uteis ul li{
	display: inline;	
}

#hospedagem-sites .links-uteis ul li a{
	margin-left:22px;
}
/* /links-uteis */


/* hospedagem-opcao */
#hospedagem-sites .hospedagem-opcao .background{
	position:relative;
	width:340px;
	height:312px;
	margin-top:-26px;
	margin-right:-20px;
	float:right;
	z-index:100;
}

#hospedagem-sites .hospedagem-opcao .pag-listas{
	width:620px;	
	float:left;	
}

#hospedagem-sites .hospedagem-opcao .asp{
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-asp-net.png") top right no-repeat;
}

#hospedagem-sites .hospedagem-opcao .php{
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-php.png") top right no-repeat;
}

#hospedagem-sites .hospedagem-opcao .windows{
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-windows.png") top right no-repeat;
}

#hospedagem-sites .hospedagem-opcao .linux{
	background:url("//host.imguol.com/site/uolhost/images/hospedagem/bg-linux.png") top right no-repeat;
}

#hospedagem-sites .hospedagem-opcao dl:first-child{margin-top:0px;}

#hospedagem-sites .hospedagem-opcao dl{
	float:left;	
	width:610px;
	margin-top:22px;
	margin-left:30px;
}

#hospedagem-sites .hospedagem-opcao dl dt{
	font-size:15px;
	font-weight:bold;
	color:#129bcf;
}

#hospedagem-sites .hospedagem-opcao dl dd{
	font-size:14px;
	color:#555;
	line-height:145%;
	margin-top:15px;
}

#hospedagem-sites .hospedagem-opcao dl dd.linguagens-bancos ul{
	width: 134px;
	margin-top: 16px;
	padding-right: 4px;
	float: left;
}

#hospedagem-sites .hospedagem-opcao dl dd.linguagens-bancos ul li{
	padding: 9px 20px;
	font-size: 15px;
	background: #F7F7F7;
	margin-bottom: 4px;
}

/* /hospedagem-opcao */

#hospedagem-sites .aviso-legal{					
	margin-top: 30px;
	padding-top: 36px;
}
.hosp-principal .aviso-legal{border-top: 1px solid #E4E4E4;}
footer .space-margin{background:none;}

/*************************************************************************************************
***************************************|| Combo Drop Box ||***************************************
**************************************************************************************************/
.desc { color:#3f3f3f;}
.desc a {color:#3f3f3f;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
#sample a, #sample a:visited{color:#3f3f3f; text-decoration:none; outline:none;}
.dropdown a, .dropdown a:visited { color:#3f3f3f; text-decoration:none; outline:none;}
.dropdown a:hover { color:#3f3f3f;}
.dropdown dt a:hover, .dropdown dt a:focus { color:#3f3f3f;}
.dropdown dt a {background:#e4dfcb url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px; width:150px;}
.dropdown dt a span {cursor:pointer; padding:5px;color:#0E89C3;}
.dropdown dd ul { z-index:1000;background:#FFF none repeat scroll 0 0; border:1px solid #d2d2d2; color:#3f3f3f; display:none; left:4px; position:absolute; top:-8px; width:222px; min-width:170px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li {cursor:pointer; padding:6px 18px; display:block;}
.dropdown dd ul li:hover {background:#3399FF;color: #FFF;}
.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}