@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Varela);

input, select, textarea{font-family: 'Varela', Arial, Helvetica, sans-serif;	font-size:14px; color: #000;}
html{height: 100%;}
body {   background:#ededed url(../images/layout/bg-body.jpg) top center no-repeat; font-family: 'Varela', Arial, Helvetica, sans-serif;	font-size:14px; color:#000; position: relative; height: 100%; }

body p{ line-height: 20px;}

.alerta-mensagem{ background:#fff4cc url(../images/icons/alerta.jpg) top right no-repeat; color:#F90; border:1px solid #F90; padding:7px 40px 7px 7px; border-radius:5px;  cursor:pointer;}
.erro-mensagem{background:#fbd3b1 url(../images/icons/erro.jpg) top right no-repeat; color:#C00; border:1px solid #C00;  padding:7px 40px 7px 7px; border-radius:5px;  cursor:pointer;}
.ok-mensagem{background:#e0f2cb url(../images/icons/ok.jpg) top right no-repeat; color:#060;  border:1px solid #060; padding:7px 40px 7px 7px; border-radius:5px;  cursor:pointer;}

.radius{border-radius: 5px;}
/**| MAIN |********************************************************************************************************************************************************/
#wrapper{ min-height: 100%; position: relative; }

/**| MAIN |********************************************************************************************************************************************************/
#main{ padding: 0 0 100px 0; }


/**| CENTERIZE |********************************************************************************************************************************************************/
#centerize{ width: 940px; margin: 0 auto; position: relative; }


/**| HEADER |********************************************************************************************************************************************************/
#header{ height: 200px; }
#header #centerize{ height: 440px;}
#header span.logo{ position: absolute; top: 0; left: 0;}
#header span.logo a{ background: url(../images/layout/logo.png) 0 0 no-repeat; display: block; width: 275px; height: 155px; text-indent: -5000px; }

#header span.webmail{ position: absolute; bottom: 110px; left: 0; z-index: 999;}
#header span.webmail a{ display: block; width: 40px; height: 40px; text-indent: -5000px; }

#header .navgation { position: absolute; top: 90px; left: 310px;}
#header .navgation li{float: left; padding: 0 40px; position: relative; }

#header .navgation li a{ color: #FFF; font-size: 16px; text-transform: uppercase; display: block; height:70px;}
#header .navgation .active > a,
#header .navgation li a:hover{ color:#000; }

#header .navgation li ul{display: none; position: absolute; top: 67px; left: 0; z-index: 999;}
#header .navgation li ul li ul{top: 0; left: 173px;}


#header .navgation li ul li a{ background: #FFF; padding: 10px; color: #d42f2f; width: 150px; font-size: 12px; height: auto; border-left: 3px solid #d42f2f;border-bottom: 1px solid #d42f2f;}
#header .navgation li ul li a:hover{ background: #d42f2f; color: #FFF; border-left: 3px solid #FFF;border-bottom: 1px solid #FFF; }

#header .navgation li:hover > ul{display: block;}



#header .navgation li ul li,
#header .navgation li ul li ul li{clear: both; padding: 0;}


/**| CONTENT |********************************************************************************************************************************************************/
#content #centerize{  }
#content .title{ font-size: 60px; color: #000; display: block; padding: 0 0 15px 0; text-transform: uppercase; font-weight: 300; }

/**| GALERIA THUMBS |********************************************************************************************************************************************************/

.thumbs {padding: 30px 0;}
.thumbs li{ background: url(../images/layout/bg-ampliar.png) center center no-repeat; float: left; margin: 0 25px 25px 0; border: 2px solid #000; position: relative;}
.outdoor li{margin: 0 25px 45px 0;}
.thumbs li img{ display: block;}
.thumbs li .localizacao{position: absolute; bottom: -20px; left: 0;}
.thumbs li .localizacao a{ color: #000;}
.thumbs li .localizacao a:hover{ color: #d42f2f;}



/**| FOOTER |********************************************************************************************************************************************************/
#footer{ clear: both; background: url(../images/layout/bg-footer.png) top center no-repeat; min-height: 100px; position: absolute; bottom: 0; width: 100%; }
#footer #centerize{ height: 100px; }
#footer .copy{ position: absolute; top: 65px; left:300px;  color: #FFF; font-size: 12px; }
#footer .ass{ position: absolute; top: 65px; right:0; color: #787878; }

/**| FORMUARIOS |********************************************************************************************************************************************************/
#content #formulario{ width: 440px; }
#content #formulario strong{ display: block; font-weight: normal; padding: 5px 0; }
#content #formulario .campos{ background:#FFF; display: block; padding: 10px; width: 420px; border:1px solid #CCC; }
#content #formulario textarea{ overflow: auto;}
#content #formulario .enviar{ background:#eb2b2b; border:1px solid #CCC; font-size: 16px; color: #FFF; cursor: pointer; margin: 10px 0 20px 0; float: right; padding: 15px; }
#content #formulario .enviar:hover{ color: #571415; }

/**| PAGINAÇÃO |********************************************************************************************************************************************************/
#content .paginacao { clear: both; height: 45px;}
#content .paginacao { text-align: center;}
#content .paginacao li {  display:inline-block;  zoom:1;  *display: inline; margin: 5px; }
#content .paginacao li a{ 	background: none repeat scroll 0 0 #000;    color: #FFFFFF;    display:inline-block; /*ie*/     padding: 5px 8px;    position: relative;}
#content .paginacao .atual a,#content .paginacao li a:hover{ 	color: #000;	background: #E8E8E8;}
#content .paginacao  .first,
#content .paginacao  .last{ display: none;}