/**
 * Estilo Gestão ativa - www.gestaoativa.com.br
 */
/* principais */

	body, html { width:100%; height: 100%;font-family: 'Source Sans Pro', sans-serif; }
	body{ width:100%; }
	h1{ font-family: 'Source Sans Pro', sans-serif; color: #907359; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 40px }
	h2{ font-family: 'Source Sans Pro', sans-serif; }
	h3{ font-family: 'Source Sans Pro', sans-serif; }
	h4{ font-family: 'Source Sans Pro', sans-serif; }
	p{ font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 14px; color: #666 }	
	a{ font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 14px; color: #666; text-decoration: none }	
	a:hover{color: #998165}
	
	.container-aneleira-virtual {width:870px; margin:30px auto; display:block; clear:both; overflow:hidden; background: #fff; border-radius: 10px; padding:40px 15px 0px 15px; }

	.lighter{font-weight: lighter;}
	.box{padding: 3px 10px 3px 15px;background: #998165;color: #fff;font-weight: lighter;text-align: center;margin-right: 10px;}
	.marrom{ color: #907359;}
	.titulo    { color: rgb(133, 133, 133); padding-left: 13px; padding-right: 13px; padding-top: 8px; padding-bottom: 5px; width: 33px; min-width: 33px; height: 32px; min-height: 32px; background:url('../img/numero.png') no-repeat; font-size: 14px; }
	.item      { color: rgb(145, 118, 89); font-size: 14px; }
	.instrucao { position: relative; float: left; color: #fff; text-align: center; width: 100%; }

	#discovery-ring-resizable { width: 510px; height: 54mm; text-align: center; margin: 0px !important; padding: 0px !important; background:#907359!important; display: table-cell; vertical-align: middle;}
	#discovery-ring-resizable h2{font-weight: 600; color: #fff; text-transform: uppercase;}
	#discovery-ring-resizable p{font-weight: lighter; color: #fff; text-transform: uppercase;}
	.discovery-ring-area-cartao { position: relative; display: block; float: left; width: auto; height: auto; }
	.btn-continuar {float:right;padding: 15px 80px 0px 80px; margin:50px 20px 20px 20px; height: 35px; min-height: 35px; background:#998165; line-height: 20px; font-size: 20px; cursor: pointer; color: #fff ; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-weight: lighter;}
	.btn-continuar2{margin-right: 57px; }
	
	ul#discovery-ring-ul { list-style: none; position: relative; }
	li.discovery-ring-li { text-align: center; height: 30mm; width: 30mm; overflow: hidden; }

	#discovery-ring-wrapper { min-height: 100%; height: auto !important; height: 100%; }

	.discovery-ring-topo-titulo     { padding-top: 30px; }
	.discovery-ring-topo-instrucoes { padding-top: 20px; }
	.discovery-ring-area-carousel   { padding-top: 20px; height: 150px; min-height: 150px; }
	.discovery-ring-sombra-carousel { height: 42px; min-height: 42px; width: 632px; min-width: 632px; background:url('../img/sombra-carousel.png') no-repeat center center; }

	.discovery-ring-btn-anterior { cursor: pointer; height: 75px; min-height: 75px; background:url('../img/seta-anterior-cima.png') no-repeat center center; }
	.discovery-ring-btn-proximo  { cursor: pointer; height: 75px; min-height: 75px; background:url('../img/seta-proximo-cima.png')  no-repeat center center; }

	.monitor-1 { width: 320px; min-width: 320px; height: 255px; min-height: 255px; background:url('../img/monitor1.png') no-repeat center center; margin-top: 10px; }
	.monitor-2 { width: 320px; min-width: 320px; height: 254px; min-height: 254px; no-repeat center center; margin-top: 10px; }
	.monitor-3 { width: 320px; min-width: 320px; height: 254px; min-height: 254px; background:url('../img/monitor3.png') no-repeat center center; margin: 10px 0px 0px 20px;}

	a, a:hover { text-decoration: none; text-transform: none; color: rgb(133, 133, 133); }

	.topo-discovery-ring-html { position: relative; left: 0; top: 0; width: 100%; min-width: 100%; height: 27px; background:url('../img/topo.png') repeat-x; }
	.topo-discovery-ring-html a, a:hover {color: #f6eadd;}
	.topo-discovery-ring-html p {margin-left: 10px; color: #f6eadd; font-size: 12px; line-height: 27px; }
	.rodape-discovery-ring-html { width: 100%; min-width: 100%; height: 66px; clear: both; margin-top: -66px; background:url('../img/rodape.png') repeat-x 0 top; }

	.ui-resizable-se { display: block; height: 20px; min-height: 20px; width: 20px; min-width: 20px; background:url('../img/resizer.png') no-repeat center center !important; cursor: nw-resize !important }