﻿/*************************************************************************************************
*****************************************|| CLOUD ||**********************************************
**************************************************************************************************/
/* Principal */
.cloud-computing {
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-cloud-computing.jpg") top center no-repeat;
	min-height: 233px;
}
/* /Principal */

/* tabela-planos */
.tabela-planos{
	margin:0 2px;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/bg-tabela.jpg") 0 111px repeat-x;
}

.tabela-planos .info-detalhes{
	position:relative;
	width:955px;
	height:488px;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/bg-planos.png") no-repeat;	
}

.tabela-planos .col-planos{
	position:relative;
	top:12px;
	width:180px;
	height:384px;
	margin-left:12px;
	float:left;
}

.tabela-planos .col-planos h3{
	margin:16px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.tabela-planos .col-planos .valor-old{
	margin: 30px 0 12px 0;
	text-align:center;
	font-size:15px;
	color:#828282;
}
.tabela-planos .col-planos .valor-old strong{font-weight:bold;}

.tabela-planos .col-planos .valor{
	font-size:13px;
	color:#4e4e4e;
	text-align:center;	
	margin:0;
}
.tabela-planos .col-planos .moeda{font-size:24px;}
.tabela-planos .col-planos .preco{font-size:30px;font-weight:bold;}

.tabela-planos .col-planos .contrate{
	display:block;
	width:160px;
	height:48px;
	margin:0 auto;
	margin-top:14px;
	text-indent:-9000px;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/bt-contrate.jpg") no-repeat;
}

.tabela-planos .col-planos .detalhes{margin-top: 58px;margin-left: 12px;}
.tabela-planos .col-planos .detalhes p{height:20px;margin-bottom:12px;}
.tabela-planos .col-planos .detalhes p:first-child{height:22px;}
.tabela-planos .col-planos p .list{padding-right:6px;}

.tabela-planos .plano-1{margin-left:7px;}
.tabela-planos .plano-2{margin-left:9px;}
.tabela-planos .plano-3{margin-left:10px;}
.tabela-planos .plano-4{margin-left:10px;}
.tabela-planos .plano-5{margin-left:12px;}

.tabela-planos .plano-1 h3{color:#4aacb5;}
.tabela-planos .plano-1 .contrate{background-position:0 0;}
.tabela-planos .plano-1 .contrate:hover{background-position:0 -48px;}
.tabela-planos .plano-2 h3{color:#5993bc;}
.tabela-planos .plano-2 .contrate{background-position:-161px 0;}
.tabela-planos .plano-2 .contrate:hover{background-position:-161px -48px;}
.tabela-planos .plano-3 h3{color:#8ab200;}
.tabela-planos .plano-3 .contrate{background-position:-322px 0;}
.tabela-planos .plano-3 .contrate:hover{background-position:-322px -48px;}
.tabela-planos .plano-4 h3{color:#daa318;}
.tabela-planos .plano-4 .contrate{background-position:-483px 0;}
.tabela-planos .plano-4 .contrate:hover{background-position:-483px -48px;}
.tabela-planos .plano-5 h3{color:#d24825;}
.tabela-planos .plano-5 .contrate{background-position:-644px 0;}
.tabela-planos .plano-5 .contrate:hover{background-position:-644px -48px;}

.mens-periodo-limitado{
	position:absolute;
	top:229px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#086a86;
	text-transform:uppercase;
	left: 50%;
	width: 618px;
	margin-left: -309px;
	
}

.tabela-planos .mensagem {
	position: relative;
	margin-top: 34px;	
	font-size: 14px;
	font-weight: bold;
	color: #4F4F4F;
	clear: both;
	margin-left:20px;
}

.tabela-planos .mensagem strong{font-weight:bold;}
.tabela-planos .mensagem dl {position: relative;margin-bottom:14px;display: inline-block;}
.tabela-planos .mensagem dl dt {color: #0e89c3;float:left;}

.tabela-planos .mensagem dl dd{	
	float:left;
	margin-left:25px;	
	padding-left:10px;
	font-weight:normal;
	background:url("//host.imguol.com/site/uolhost/images/icon-dd.png") 0 3px no-repeat;
}
.tabela-planos .mensagem dd.first{margin-left:11px;}

.tabela-planos .mensagem p{	
	clear:both;	
	font-size:11px;
	font-weight:normal;
	color:#464646;
}
/* /tabela-planos */

/* rec-adicionais */
.rec-adicionais{

}

.rec-adicionais dl{
	margin-left:20px;
}

.rec-adicionais dl dt{
	font-size:14px;
	font-weight:bold;
	color:#0e89c3;
	line-height:20px;
}

.rec-adicionais dl dd{
	font-size:12px;
	color:#4f4f4f;
}

.rec-adicionais .box{
	position:relative;
	width:939px;
	height:100px;
	margin:0 auto;
	margin:15px 0;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/bg-rec-adicionais.jpg") top center no-repeat;
}

.rec-adicionais dl.win{
	position:relative;
	width:230px;
	height:60px;
	margin-top:22px;
	padding-left:75px;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/logo-windows.jpg") no-repeat;
	float:left;
}

.rec-adicionais dl.win dt{
	font-size:14px;
	font-weight:bold;
	color:#4f4f4f;
	line-height:20px;
	margin-top:12px;
}

.rec-adicionais .valor{
	position:relative;
	width:212px;
	height:82px;
	margin-top:9px;
	margin-right:38px;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/recursos-preco.jpg") no-repeat;
	float:left;
}

.rec-adicionais .espaco-disco{
	position: relative;
	width: 220px;
	height: 70px;	
	margin-top: 24px;
	margin-left: 37px;
	padding-left: 70px;
	background:url("//host.imguol.com/site/uolhost/images/cloud-computing/hd.jpg") no-repeat;
	float:left;
	line-height:18px;
	font-size:13px;
	color:#4f4f4f;
}
.rec-adicionais .espaco-disco strong{font-size:18px;font-weight:bold;color:#0e89c3;}

.rec-adicionais .tab-preco{display: block;width: 132px;margin-top:10px;background:url("//host.imguol.com/site/uolhost/images/cloud-computing/link-tab-preco.jpg") center right no-repeat;}
/*<img src="//host.imguol.com/site/uolhost/images/cloud-computing/link-tab-preco.jpg" class="floatRight" alt="" />*/

.rec-adicionais #tab-preco{
	position:absolute;
	top:90px;
	right:4px;
	width:480px;
	height:92px;
	background: url("//host.imguol.com/site/uolhost/images/cloud-computing/tab-preco.png") no-repeat;
	display:none;
}

.rec-adicionais #tab-preco .info{
	position: relative;
	width: 78px;
	height: 50px;
	float: left;
	padding: 24px 5px;
	margin-left: 5px;
	font-size:13px;
}

#tab-preco .info p{text-align:center;margin-top:10px;line-height:160%;}

#tab-preco .info .preco{color:#1d90c6;}
#tab-preco .info .preco strong{font-weight:bold;}

/* /rec-adicionais */

/* construtor-lista */
.tab-conteudo{position:relative;margin-top:10px;}

.tab-conteudo dl {
	font-size:14px !important;
	color:#4f4f4f;
	height:205px;
	border-bottom:solid 1px #CECECE;		
	margin-bottom:20px;
}

.tab-conteudo dl.desc1 {padding:32px 0 0 335px; background:url("//host.imguol.com/site/uolhost/images/cloud-computing/list1.jpg") no-repeat 20px 0;}
.tab-conteudo dl.desc2 {padding:28px 0 0 20px; background:url("//host.imguol.com/site/uolhost/images/cloud-computing/list2.jpg") no-repeat 95% 0;}
.tab-conteudo dl.desc3 {padding:55px 0 0 335px; background:url("//host.imguol.com/site/uolhost/images/cloud-computing/list3.jpg") no-repeat 20px 0;height: 180px;}
.tab-conteudo dl.desc4 {padding:32px 0 0 20px; background:url("//host.imguol.com/site/uolhost/images/cloud-computing/list4.jpg") no-repeat 95% 0;height:198px;}
.tab-conteudo dl dt{font-size:18px;font-weight:bold;color:#0e89c3; line-height:30px;margin-bottom:5px;}
.tab-conteudo dl dd {padding:7px 0 7px 10px; background:url("//host.imguol.com/site/uolhost/images/seta-lista.png") no-repeat 0 4px;}

/* /construtor-lista */

/* contrato-servico */
.contrato-servico{
	width: 950px;
	padding: 25px 0;
}
/* /contrato-servico */