﻿/*************************************************************************************************
************************************|| CONSTRUTOR DE SITES ||*************************************
**************************************************************************************************/

/* Principal */
.construtor-sites {
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-construtor.jpg") top center no-repeat;
	min-height: 233px;		
}

.banner-construtor{
	background: url('//host.imguol.com/site/uolhost/images/backgrounds/bg-banner-960x306.png') no-repeat 0 0;
}

/* /Principal */

/* banner */
.construtor-sites .banner-construtor{	
	width:960px;
	height:287px;
	margin-top:25px;
}

.construtor-sites .banner-construtor .content-destaque {
	height:268px;
	margin:-1px 0 0 20px;
	background: url("//host.imguol.com/site/uolhost/images/construtor/bg-construtor-banner.jpg") no-repeat 0 0;	
}

.construtor-sites .detalhes{
	position:relative;
	float:right;
	width: 199px;
	margin: 35px 20px 0 0;
	text-align:center;
	font-size:13px;
	color:#484848;
}

.construtor-sites .detalhes p{padding-bottom:12px;}

.construtor-sites .detalhes strong{
	font-size:15px;
	color: #a599a5;
}

.construtor-sites .detalhes strong.preco{
	font-size:26px;
	line-height: 34px;
	font-weight:bold;
	color: #999999;
}

.construtor-sites .detalhes .equivalente strong{font-size:28px;color:#6dabcc;}
.construtor-sites .detalhes .equivalente strong.preco{font-size:32px;color:#3392c4;}

.construtor-sites .detalhes .bt-contratar{
	display:block;	
	width:160px;
	height:51px;
	margin-top:5px;
	text-indent:-9000px;
	background:url("//host.imguol.com/site/uolhost/images/construtor/bt-contratar.jpg") no-repeat;
}
.construtor-sites .detalhes .bt-contratar:hover{background-position:0 -51px;}

.construtor-sites .detalhes p[align="center"] {padding-bottom: 0}
.construtor-sites .detalhes .dominio-gratis{
	font-size: 16px;
	color: #3392c4;
}

.construtor-sites .detalhes a#conhecaplanos {
	padding:2px 0 0 10px; 
	background:url("//host.imguol.com/site/uolhost/images/seta-lista.png") no-repeat 0 0;
}

/* /banner */


/* construtor-lista */
.construtor-desc{
	position:relative;
	width:940px;	
}

.construtor-desc dl {
	font-size:14px !important;
	color:#4f4f4f;
	height:205px;
	border-bottom:solid 1px #CECECE;		
	margin-bottom:20px;
}

.construtor-desc dl.desc1 {padding:30px 0 0 350px; background:url("//host.imguol.com/site/uolhost/images/construtor/list1.jpg") no-repeat 20px 0;}
.construtor-desc dl.desc2 {padding:30px 350px 0 22px; background:url("//host.imguol.com/site/uolhost/images/construtor/list2.jpg") no-repeat 95% 0;}
.construtor-desc dl.desc3 {padding:30px 0 0 350px; background:url("//host.imguol.com/site/uolhost/images/construtor/list3.jpg") no-repeat 20px 0;}
.construtor-desc dl.desc4 {padding:30px 350px 0 22px; background:url("//host.imguol.com/site/uolhost/images/construtor/list4.jpg") no-repeat 95% 0; border-bottom:none; margin-bottom:0; height:185px;}
.construtor-desc dl dt{font-size:18px;font-weight:bold;color:#0e89c3; line-height:30px;margin-bottom:20px;}
.construtor-desc dl.desc1 dt span {display:inline-block; float:left; width:31px; height:31px; margin-right:10px; background:url("//host.imguol.com/site/uolhost/images/construtor/nlist1.gif") no-repeat 0 0;}
.construtor-desc dl.desc2 dt span {display:inline-block; float:left; width:31px; height:31px; margin-right:10px; background:url("//host.imguol.com/site/uolhost/images/construtor/nlist2.gif") no-repeat 0 0;}
.construtor-desc dl.desc3 dt span {display:inline-block; float:left; width:31px; height:31px; margin-right:10px; background:url("//host.imguol.com/site/uolhost/images/construtor/nlist3.gif") no-repeat 0 0;}
.construtor-desc dl.desc4 dt span {display:inline-block; float:left; width:31px; height:31px; margin-right:10px; background:url("//host.imguol.com/site/uolhost/images/construtor/nlist4.gif") no-repeat 0 0;}
.construtor-desc dl dd {padding:7px 0 7px 10px; background:url("//host.imguol.com/site/uolhost/images/seta-lista.png") no-repeat 0 4px;}

/* /construtor-lista */

/* construtor-conheca */
.construtor-conheca dl dt {
	font-size: 22px;
	font-weight: bold;
	height: 35px;
	margin-left: 18px;
}

.construtor-conheca dl dd {
	position:relative;
	width:441px; 
	height:174px;
	margin:0 17px; 
	float:left; 
	background:url("//host.imguol.com/site/uolhost/images/construtor/bg-conheca.jpg") no-repeat 0 0;
	cursor:pointer;
}
.construtor-conheca dl dd a{position: absolute;bottom: 18px;font-size:14px;}

.construtor-conheca dl dd.blog {background:url("//host.imguol.com/site/uolhost/images/construtor/bg-conheca-blog.jpg") no-repeat 0 0;}
.construtor-conheca dl dd.blog a {right: 70px;}
.construtor-conheca dl dd.loja {background:url("//host.imguol.com/site/uolhost/images/construtor/bg-conheca-loja-virtual.jpg") no-repeat 0 0;}
.construtor-conheca dl dd.loja a {left: 12px;}
/* /construtor-conheca */

/* contrato-servico */
.contrato-servico{
	width: 950px;
	padding: 25px 0 25px 43px;
}
/* /contrato-servico */


.termos {
font-size: 11px;
color: #4F4F4F;
line-height: 150%;
margin-left: 28px;
padding-top: 36px;
border-top: 1px solid #E4E4E4;
}