/*** Reset ***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
a, img, label, pre, form, input, textarea, fieldset, table, th, td {border:0; font-family:Tahoma, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; margin:0; outline:0; padding:0; text-decoration:none}
ol, ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal} 
fieldset,img {border:0} 
del,dfn,legend,sub,sup,tt,var {}
abbr,acronym,address,big,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal} 
em {font-style:italic; text-decoration:underline}
:focus {outline:0}
a:link, a:visited, a:active {border:none; outline:0}
a:hover {text-decoration:underline}
img {border:none} /* clear border the img */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0}
/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}
.a1 {color:#000}
.a2 {color:#f00}
.a3 {color:#555}
.a4 {color:#fff}
.a5 {color:#ccc}
.a6 {color:#a3aa8e}
.red {color:#f00}
.font85 {font-size:0.85em}
.font8 {font-size:0.8em}
.font75 {font-size:0.75em}
.font7 {font-size:0.7em}
.bold {font-weight:bold}
.center {display:block; margin:0 auto; text-align:center}
.inpBig {width:400px !important}
.inpMed {width:150px}
.inpLit {width:70px}
.inpMic {width:30px}
.border {border:1px solid #fff}
.clear {clear:both}

html,body {background:#000; height:100%}
#wrapper {background:#000; display:block; margin:0 auto; padding:0; width:980px}

/* TOP */
#top {background:url(../img/topBkg.png) no-repeat; display:block; height:114px; margin:0 auto; padding:0; width:964px}
    .logo a {background:url(../img/logo.gif) no-repeat; display:block; float:left; height:92px; margin:10px 15px 0; overflow:hidden; text-indent:-9999em; width:162px}
    .slogan {background:url(../img/topSlogan.gif) no-repeat; float:left; height:47px; margin:10px 0 0 20px; text-indent:-9999em; width:399px}
    .dados {color:#fff; display:block; float:left; font-size:0.7em; margin:15px 0 5px 50px; text-align:center}
    #nav {background:url(../img/mnBkgTotal.png) no-repeat; float:left; height:35px; margin:5px 50px; text-align:center; width:479px}
    #nav li {display:inline}
    #nav li a {color:#f00; display:block; float:left; overflow:hidden; margin:10px; text-indent:-99999em}
    #nav li a.home {background:url(../img/mnHome.gif) no-repeat; height:17px; margin-left:35px; _margin-left:19px; width:41px}
    #nav li a.empr {background:url(../img/mnEmpresa.gif) no-repeat; height:17px; width:58px}
    #nav li a.box {background:url(../img/mnPaisagismo.gif) no-repeat; height:17px; width:76px}
    #nav li a.piso {background:url(../img/mnPisos.gif) no-repeat; height:17px; width:34px}
    #nav li a.obra {background:url(../img/mnObras.gif) no-repeat; height:17px; width:41px}
    #nav li a.cont {background:url(../img/mnContato.gif) no-repeat; height:17px; width:56px}

/* CONTENT */
#content {background:#000; border:0px solid #555; display:table; height:auto; margin:5px auto; padding:0; width:954px}
    .box {display:block; float:left; margin:5px 7px; width:300px;background:#000}
    .box h4.inter {background:url(../img/titIntertravados.png) no-repeat; color:#fff; height:40px; overflow:hidden; text-indent:-99999em; width:300px}
    .box h4.estam {background:url(../img/titEstampados.png) no-repeat; color:#fff; height:40px; overflow:hidden; text-indent:-99999em; width:300px}
    .box h4.ecolo {background:url(../img/titEcologicos.png) no-repeat; color:#fff; height:40px; overflow:hidden; text-indent:-99999em; width:300px}
    .box h4.indus {background:url(../img/titIndustriais.png) no-repeat; color:#fff; height:40px; overflow:hidden; text-indent:-99999em; width:300px}
    .box img {border:3px solid #fff; display:block; margin:5px auto; width:224px}
    .box .imgDest {margin:10px auto}
    .box ul {color:#fff; font-size:0.8em; margin:0 auto; width:224px}
    .box ul li {background:url(../img/icoArrows.png) no-repeat 0 center; padding:0 0 0 15px}
    .riskVert {background:url(../img/riskVert.png) no-repeat 0; display:block; height:197px; margin:35px 0 0; padding:0; width:1px}

    .boxObras {clear:both; display:inline-block; margin:25px auto; width:934px}
    .boxObras h4.obras {background:url(../img/titObras.png) no-repeat; height:40px; overflow:hidden; position:relative; text-indent:-99999em}
    .boxObras p {color:#fff; margin:5px 0}
    .galObras {display:inline-block; height:100%; margin:0 auto; position:relative; width:934px}
    .galObras img {border:3px solid #fff; float:left; height:152px; margin:5px 1px; position:relative; width:224px}
    .galObras .spcLeft {margin-left:4px}
    .btnDetails {background:url(../img/btnBkg.png) no-repeat; border:0; color:#fff; display:block; height:24px; line-height:22px; margin:8px auto; text-align:center; width:100px}

    /* Paisagismo */
    #paisagInside {display:block; margin:0 auto; width:934px}
    #paisagInside img.lright {border:3px solid #fff; float:right; margin:5px;}
    #paisagInside p {color:#fff; font-size:0.8em; line-height:140%; padding:5px; text-align:justify}
    .lpaisag {background:url(../img/titPaisagismo.png) no-repeat; display:block; height:40px; margin:5px auto; overflow:hidden; text-indent:-99999em; width:934px}
    
    #boxInside {display:block; margin:0 auto; width:934px}
    #boxInside img.lright {border:3px solid #fff; float:right; margin:5px;}
    #boxInside p {color:#fff; font-size:0.8em; line-height:140%; padding:5px; text-align:justify}
    /* Empresa */
    .empre {background:url(../img/titEmpresa.png) no-repeat; display:block; height:40px; margin:5px auto; overflow:hidden; text-indent:-99999em; width:934px}
    /* Box */
    .lbox {background:url(../img/titBox.png) no-repeat; display:block; height:40px; margin:5px auto; overflow:hidden; text-indent:-99999em; width:934px}
    /* Pisos */
    .lpiso {background:url(../img/titPisos.png) no-repeat; display:block; height:40px; margin:5px auto; overflow:hidden; text-indent:-99999em; width:934px}
    .boxGall {clear:both; display:inline-block; position:relative; text-align:center; width:920px}
    .boxGall2 {clear:both; display:inline-block; margin:0 auto; text-align:center; position:relative; width:920px}
    .boxGall img, .boxGall2 img {border:1px solid #fff}
    .caracteristicas {color:#fff; float:left; font-size:0.8em; margin:0 25px 20px; width:auto}
    .caracteristicas li {background:url(../img/icoArrows.png) no-repeat 0 center; padding:0 0 0 15px}
    /* Obras Realizadas */
    .boxGall2 img {border:2px solid #fff}
    /* TabContainer */
    .ajax_tab {display:inline-block; height:100%; position:relative}
    /*.panel {display:inline-block; height:100%; position:relative}*/
    .ajax_tab .ajax__tab_header {font-size:0.8em;}
    .ajax_tab .ajax__tab_outer {background:#000; color:#fff; height:21px; padding-right:1px;}
    .ajax_tab .ajax__tab_inner {background:#000; padding-left:1px;}
    .ajax_tab .ajax__tab_tab {background:#777; border-top:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #999999; height:20px; padding:2px; margin:0}
    .ajax_tab .ajax__tab_hover .ajax__tab_outer {}
    .ajax_tab .ajax__tab_hover .ajax__tab_inner {}
    .ajax_tab .ajax__tab_hover .ajax__tab_tab {background:#eee; color:#000}
    .ajax_tab .ajax__tab_active .ajax__tab_outer {}
    .ajax_tab .ajax__tab_active .ajax__tab_inner {}
    .ajax_tab .ajax__tab_active .ajax__tab_tab {background-color:#eee; color:#000; height:16px}
    .ajax_tab .ajax__tab_body {background:#000; border:1px solid #999999; border-top:1px solid #999999; display:inline-block; padding:8px}
    /* Obras */
    .obrasr {background:url(../img/titObras.png) no-repeat; display:block; height:40px; margin:5px auto; overflow:hidden; text-indent:-99999em; width:934px}
    /* Contato */
    .contat {background:url(../img/titContato.png) no-repeat; display:block; height:40px; margin:5px auto; overflow:hidden; text-indent:-99999em; width:934px}
    .inlineLabels {color:#fff; float:left; width:430px}
    .inlineLabels label {clear:both; display:block; font-size:0.8em; margin:5px 15px 0}
    .inlineLabels input {border:1px solid #555; font-size:0.8em; margin-left:15px; width:300px}
    .inlineLabels .textarea {border:1px solid #555; font-size:0.8em; height:35px; margin-left:15px; width:300px}
    .btnEnviar {background:url(../img/btnBkg.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:26px; margin:10px auto 0; padding:4px 0 0; text-align:center; width:102px}
    .vtsAlert {color:#f00; font-size:0.8em; margin-left:15px;}
    #boxMap {float:left; height:372px; margin:10px auto 30px; width:450px}
    #boxMap img {border:3px solid #fff; display:block; height:372px; margin:0 auto; width:400px;}
    
    .btnBack {margin:5px 0 15px}

/* FOOTER */
#footer {background:#fff url(../img/footerBkg.png) no-repeat; color:#fff; display:table; font:0.7em Tahoma, Arial, Helvetica, sans-serif; height:111px; margin:0px auto 0; padding:0px 0 0; position:relative; text-align:center; width:958px}
#footer #footerContent {display:block; margin:0 auto; position:relative; width:auto;}
#footer #navFooter {display:block; font-size:1.2em; margin:25px auto 35px; width:500px}
#footer #navFooter li {display:inline; margin:0 10px; position:relative}
#footer p {clear:both; color:#fff; font-style:normal}
.onlinep:link, .onlinep:visited, .onlinep:active {color:#ccc; font-weight:normal; text-decoration:none}
.onlinep:hover {font-weight:normal; text-decoration:underline}
#footer #toolTip {
    background:url(../img/powered.gif) no-repeat;
    display:block;
    height:42px;
    left:59.5%;
    position:absolute;
    top:35px; width:104px; z-index:1}