﻿/*************************************************************************************************
**********************************|| REVENDA DE HOSPEDAGEM ||*************************************
**************************************************************************************************/

/* Principal */
.revenda-hospedagem {
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-revenda-hospedagem.jpg") top center no-repeat;
	min-height: 233px;		
}

/* /Principal */

/* info-detalhes */
.info-detalhes{
	position:relative;
	width:956px;	
	margin-top: 12px;
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bg-planos.png") no-repeat;	
}

.info-detalhes .col-label{
	position:relative;	
	width:168px;	
	float:left;	
	text-align:center;
	font-size:14px;
	color:#4f4f4f;
	line-height:160%;
	margin-top:37px;
	margin-right:10px;
}

.col-label dl{
	width: 154px;
	margin: 0 auto;
	padding:12px 0;
}

.col-label dl dt{
	color:#545454;
	font-size:16px;
	text-align: left;
	margin-bottom: 4px;
}

.col-label dl dd.combo{
	position:relative;
	width:152px;
	height:31px;
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bg-combo.png") no-repeat;
	text-align:left;
	cursor:pointer;
}

.col-label dl dd span{
	position: relative;
	top: 5px;
	left: 12px;
}

.col-label dl ul{
	position: relative;	
	top:7px;
	border: 1px solid #CCC;
	background: white;
	display:none;
}

.col-label dl ul li{padding:4px;font-size:14px;}
.col-label dl ul li:hover{background:#3399FF;color:#FFF;}

.info-detalhes .col-label .detalhes{
	margin-left: 10px;	
	text-align: left;
	color: #525252;
	font-size:14px;
}

.info-detalhes .col-label .detalhes li{
	background:url("//host.imguol.com/site/uolhost/images/list-oval-orange.jpg") 2px 8px no-repeat;
	padding-left:14px;
	margin-bottom: 15px;
	line-height: 130%;
}
.info-detalhes .col-label .detalhes li.principal{
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/linux.jpg") no-repeat;
	height: 45px;
	margin:16px 0 12px 0;
	padding:8px 0 0 50px;	
}

.info-detalhes .col-label .detalhes strong{font-weight:bold;}

.info-detalhes .col-planos{
	position:relative;	
	width:186px;
	height:260px;
	margin-left:6px;
	float:left;
}

.info-detalhes .col-planos h3{
	margin:20px 0px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}

.info-detalhes .col-planos h3 strong{font-size:25px;font-weight:bold;}

.info-detalhes .col-planos .valor{
	font-size:13px;
	color:#4e4e4e;
	text-align:center;
	padding:22px 0 18px 0;
	margin:0;
}
.info-detalhes .col-planos .moeda{font-size:24px;}
.info-detalhes .col-planos .preco{font-size:30px;font-weight:bold;}

.info-detalhes .col-planos .contrate{
	display:block;
	width:133px;
	height:52px;
	margin:0 auto;
	text-indent:-9000px;
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bt-contrate.jpg") no-repeat;
}
.info-detalhes .col-planos .contrate:hover{background-position:0 -52px;} 
.info-detalhes .col-planos .detalhes{font-size:15px;text-align:center;line-height:140%;color:#5f5f5f;}
.info-detalhes .col-planos strong{font-weight:bold;}

.info-detalhes .plano-1 h3{color:#11a7db;}
.info-detalhes .plano-1 .contrate{background-position:0 0;}
.info-detalhes .plano-1 .contrate:hover{background-position:0 -52px;}
.info-detalhes .plano-2 h3{color:#8bbf1e;}
.info-detalhes .plano-2 .contrate{background-position:-135px 0;}
.info-detalhes .plano-2 .contrate:hover{background-position:-135px -52px;}
.info-detalhes .plano-3 h3{color:#ed9d39;}
.info-detalhes .plano-3 .contrate{background-position:-270px 0;}
.info-detalhes .plano-3 .contrate:hover{background-position:-270px -52px;}
.info-detalhes .plano-4 h3{color:#f2640f;}
.info-detalhes .plano-4 .contrate{background-position:-406px 0;}
.info-detalhes .plano-4 .contrate:hover{background-position:-406px -52px;}

.info-detalhes .mensagem{
	position: relative;	
	text-align:center;
	font-size:11px;	
	color:#7d7d7d;
	clear:both;
}
/* /info-detalhes */

/* aba-tabela (01) */
#vantagens{
	position:relative;
	width: 900px;
	margin-top:0;
	padding-top:30px;
	/*background: url("//host.imguol.com/site/uolhost/images/hospedagem/bg-linux.png") center right no-repeat;*/
}

#vantagens ul{
	margin: 35px 0 20px 14px;
	padding-top:10px;
	color: #6B6C6C;
	line-height: 160%;
}

#vantagens ul li {
	background: url("//host.imguol.com/site/uolhost/images/seta-lista.png") no-repeat;
	margin: 18px 5px;
	font-size: 16px;
	padding-left: 14px;
	padding-left: 14px;
}
#vantagens ul li strong{font-weight:bold;}


#vantagens.imgLinux{
	background: url("//host.imguol.com/site/uolhost/images/hospedagem/bg-linux.png") no-repeat scroll right center transparent
}

#vantagens.imgWindows{
	background: url("//host.imguol.com/site/uolhost/images/hospedagem/bg-windows.png") no-repeat scroll 555px 2px transparent
}

/* /aba-tabela (01) */

/* aba-tabela (02) */
#entenda{
	position:relative;
	width: 925px;
	height: 350px;
	padding-top:10px;
	background: url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bg-entenda.jpg") center right no-repeat;
}

#entenda dl {
	float: left;
	width: 655px;
	margin-top: 22px;
	margin-left: 20px;
	margin-bottom:0 !important;
}

#entenda dl:first-child {
	margin-top: 0px;
}

element.style {
}

dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #129BCF;
}

#entenda dl dd {
	font-size: 14px;
	color: #555;
	line-height: 145%;
	margin-top: 15px;
}

#entenda dl dd strong{font-weight:bold;}
/* /aba-tabela (02) */

/* aba-tabela (04) */
#info-tecnicas{
	width:960px;
}

#info-tecnicas dl{
	display:table;
	clear:both;
	margin-bottom:60px;
}

#info-tecnicas dl dt{
	margin-left:20px;
}

#info-tecnicas .opcoes{
	position:relative;
	top:12px;
	width:292px;
	min-height:50px;
	float:left;	
	background:#f7f7f7;
	font-size:16px;
	color:#6b6c6c;
	padding:18px 0 18px 20px;	
	margin:10px 0 0 0;
	line-height:160%;
}
#info-tecnicas dd.banco-dados .opcoes{height:75px;}

#info-tecnicas .meio{
	margin:10px 10px 0 10px;
}
/* /aba-tabela (04) */

/* conheça-tambem */
.conheca-tambem dl{height:200px;}
.conheca-tambem dl dd{
	position:relative;
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bg-conheca-tambem.jpg") no-repeat;
	width:937px;
	height:146px;
}
.conheca-tambem dl dd.new{
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bg-conheca-tambem-new.jpg") no-repeat !important;
}
.conheca-tambem dl dd .bt-hospedagem{
	position:absolute;
	display:block;
	width:183px;
	height:48px;
	text-indent:-9000px;
	background:url("//host.imguol.com/site/uolhost/images/revenda-hospedagem/bt-hospedagem.png") no-repeat;	
	bottom:12px;
	right:140px;
}
.conheca-tambem dl dd .bt-hospedagem:hover{background-position:0 -48px;}
/* Fim conheça-tambem */

/* contrato-servico */
.contrato-servico {
	padding: 25px 0;	
}
/* /contrato-servico */



