@charset "utf-8";
/* CSS Document */

/* Estrutura */
html,body{
	height:100%;
}

body{
	height:100%;
	background-color:#ececec;
	background-image:url('imgs/bg_topo.jpg');
	background-repeat:repeat-x;
}

#site{
	position:absolute;
	width:980px;
	height:100%;
	left:50%;
	margin-left:-490px;
	background-color:#fff;
}

#container{
	min-height:100%;
	position:relative;
}

#header{
	width:980px;
	height:125px;
	background-image:url('imgs/bg_topo.jpg');
	background-repeat:repeat-x;
}

#body{
	padding-bottom:68px;
}

#footer{
	position:absolute;
	bottom:0;
	height:68px;
	width:980px;
	background-color:#163063;
}

#content{
	position:relative;
	height:100%;
	padding-right:0px;
	padding-bottom:10px;
	background-color:#fff;
	text-align:left;
	min-height:700px;
}

#under_header{
	width:750px;
	height:277px;
	background:url('imgs/topo.jpg') no-repeat;
	margin-left:0px;
}

#right{
	position:absolute;
	min-height:698px;
	left:750px;
	width:230px;
	height:698px;
	background:url('imgs/menu_dir.jpg');
}
/* ------------------------------------------------------------------------- */

/* Miniaturas dos sites */
.box{
	clear:both;
	width:175px;
	height:130px;
	background-image:url('imgs/bg_miniatura.jpg');
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:30px;
}

.thumbnail{
	padding-top:6px;
	padding-left:6px;
}

.description{
	position:absolute;
	margin-left:10px;
	margin-top:10px;
	font-family:arial;
	font-size:11px;
	color:#404F4D;
}

.btn{
	width:162px;
	height:19px;
	position:absolute;
	margin-left:6px;
	margin-top:7px;
	_margin-top:4px;
	background-image:url('imgs/button.jpg');
	background-repeat:no-repeat;
}

.btn:hover{
	cursor:pointer;
}

.link{
	width:162px;
	height:19px;
	display:block;
	outline:none;
}

#preview{
	position:absolute;
	border:1px solid #ddd;
	background:#fff;
	display:none;
	color:#fff;
	margin-top:-150px;
	padding:10px;
	z-index:1;
}
/* ------------------------------------------------------------------------- */

/* Paginação */
.page_link{
	width:25px;
	height:25px;
	background:url('imgs/btn_pg.jpg') no-repeat;
	padding-right:0px;
	display:block;
	margin-left:5px;
	padding-top:0px;
}

.page_link a{
	width:25px;
	height:19px;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	display:block;
	position:absolute;
	margin-top:0px;
	text-align:center;
	background:none;
	margin-left:0;
	padding-top:6px;
}

.page_link_ativo{
	background:url('imgs/btn_pg_down.jpg') no-repeat;
}

.page_link_hover{
	background:url('imgs/btn_pg_over.jpg') no-repeat;
}
/* ------------------------------------------------------------------------- */

/* Formulário de contato */
#formulario{
    margin-left:70px;
}

#formulario div, #formulario input, #formulario td, #formulario textarea{
    font-family:arial;
    font-size:12px;
    color:#999;
    font-weight:bold;
}

#formulario input,#formulario textarea{
    font-weight:normal;
}

#formulario .button{
    border:solid 1px #999;
    background-color:#fff;
    margin-top:15px;
    margin-bottom:30px;
}
/* ------------------------------------------------------------------------- */

/* Topo */
#logo{
    position:absolute;
    top:57px;
    left:20px;
}

#topo_voltar{
    position:absolute;
    top:90px;
    left:880px;
}

#topo_voltar a{
    color:#172e60;
    text-decoration:none;
    font-weight:bold;
    font-family:verdana;
    font-style: italic;
    font-size:12px;
}

/* Menu Topo */
#menu_topo{
	position:absolute;
	top:22px;
	left:370px;
}

#menu_topo li{
	display:inline-block;
}

#menu_topo a{
	color:#fff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
/* ------------------------------------------------------------------------- */

/* Under Header */
#adquira_agora{
    width:147px;
    height:45px;
    position:absolute;
    top:175px;
    left:600px;
}

#adquira_agora a{
    position:absolute;
    display:block;
    width:147px;
    height:45px;
}

#teamviewer{
    width:270px;
    height:45px;
    position:absolute;
    top:175px;
    left:322px;    
}

#teamviewer a{
    position:absolute;
    display:block;
    width:270px;
    height:45px;
}
/* ------------------------------------------------------------------------- */

/* MODAL */
.load{ 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 88px; 
	height: 78px; 
	margin: -39px 0 0 -44px; 
	z-index: 99999;
}

.bg_modal{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 99998; 
}

.view_modal{ 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	text-align: left; 
	z-index: 99998; 
}

.modal{ 
	visibility: hidden; 
	cursor:pointer; 
	margin-right:30px;
}
/* ------------------------------------------------------------------------- */

/* Videos */
#videos{
    position:absolute;
    margin-left:180px;
    margin-top:30px;
}

#videoyoutube{
    position:absolute;
    margin-left:15px;
    margin-top:15px;
}

#img_video{
    margin:0px; 
    padding:0px; 
    width:175px; 
    height:145px; 
    margin-left:24px; 
    margin-top:25px;
}
/* ------------------------------------------------------------------------- */

/* Right */
.desc{
    font-family:arial;
    font-size:11px;
    color:#ccc;
    width:190px;
    height:92px;
    line-height: 13px;
    margin-left:24px;
}

#desc_ipainel{
    margin-top:55px;
}

#desc_sitesexclusivos{
    margin-top:30px;
}

#right a{
    color:#ccc;
    text-decoration:none;
    font-weight:normal;
}

#right a:hover{
    text-decoration:underline;
}

.vejamais{
    font-weight:bold;
    color:#fff;
}
/* ------------------------------------------------------------------------- */

/* Formatação */
#titulo{
	margin:0px; 
	padding:0px; 
	width:611px; 
	margin-left:220px; 
	*margin-left:220px; 
	margin-top:-135px;
}

#texto{
	margin:0px; 
	padding:0px; 
	width:700px; 
	margin-left:24px; 
	margin-top:40px;
}

#footer p{
	font-family:verdana;
	font-size:11px;
	color:#fff;
	text-align:center;
	margin-top:25px;
}

#contato{
	font-family:arial;
	font-size:12px;
	color:#666;
}

p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:20px; 
	text-align:justify; color:#999999; 
	margin-bottom:10px;
}

h1{
	margin:0px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#999999; 
	font-weight:bold;
}

h2{
	margin:0px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px; 
	color:#999999; 
	font-weight:bold;
}

h3{
	margin:0px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#999999; 
	margin-top:19px; 
	margin-left:2px; 
	font-weight:bold;
}

h4{
	margin:0px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#ffffff; 
}

ul{
	list-style-type:disc;
}

li{
	margin-top:10px;
	margin-left:15px;
}
/* ------------------------------------------------------------------------- */