/***********************/
/*        RESET        */
/***********************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-weight:normal;}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark {  background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
tr, td { vertical-align:middle; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
address { font-style:normal; }

/****************************************/

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/century_gothic-webfont.eot');
    src: url('fonts/century_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/century/century_gothic-webfont.woff') format('woff'),
         url('century_gothic-webfont.ttf') format('truetype'),
         url('fonts/century_gothic-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html { font-family:Verdana, Geneva, sans-serif; color:#999999; overflow-x:hidden; background:url(../imagens/home/bg.png); }
fieldset,img,abbr{border:0;}
ul, li {list-style:none;}
img {border: none;}
a {color:#999999; text-decoration:none;}
a:hover	{text-decoration:underline;}
strong { font-weight:bold; }

.displaynone {display:none;}
.clear {clear:both;}
.cleft {clear:left;}
.cright {clear:right;}
.fleft {float:left;}
.fright {float:right;}
.hidden { display:none; visibility:hidden; }
.noMargin { margin:0 !important; }
.desabilitado, .desabilitado:focus { background:#eaeaea !important; }
.css3 { behavior: url(ie-css3.htc); }

.pageTitle { font-size:250%; color:#036; margin: 10px 5px; }
.limite { width:930px;	margin:0 auto;}

header { width:100%; border:#000 0px solid; background:url(../imagens/home/bgTopo.gif); height:221px; float:left;}
header .logo {float:left;}
header .logo a { width:181px; height:159px; background:url(../imagens/home/logoIspa.png); display:block; text-indent:-9999px; }
header .logo a span {display:none;}
header #icones { position:absolute; width:70px; height:25px; top:10px; right:1px; border:#000 0px solid; }
header #icones .icone-home{ background:url(../imagens/home/iconeHome.png); width:32px; height:23px; display:block; text-indent:-9999px; float:left;}
header #icones .icone-contato{ background:url(../imagens/home/iconeFaleConosco.png); width:28px; height:20px; display:block; text-indent:-9999px; float:left; margin:3px 0 0 8px}
header section{ position:relative; width:930px; margin:0 auto !important; border:#000 0px solid; height:220px; } 

#menu{ border:#000 0px solid; width:930px; height:39px; position:absolute; bottom:4px; left: 50%; margin-left: -465px;}
#menu a{ width:116px; height:39px; display:block; float:left; border:0px solid red; text-indent:-9999px;}
#menu a.o-internato{ background:url(../imagens/home/linkInternato.png); }
#menu a.o-colegio{ background:url(../imagens/home/linkColegio.png); }
#menu a.o-sitio{ background:url(../imagens/home/linkSitio.png); }
#menu a.links{ background:url(../imagens/home/linkLinks.png); }
#menu a.eventos{ background:url(../imagens/home/linkEventos.png); }
#menu a.depoimentos{ background:url(../imagens/home/linkDepoimentos.png); }
#menu a.fotos{ background:url(../imagens/home/linkFotos.png); }
#menu a.fale-conosco{ background:url(../imagens/home/linkFaleConosco.png); }

#content { width:930px; clear:both; position:relative; left: 50%; margin-left: -465px; display:block; border:#000 0px solid; height:auto;  }
#conteudoSite{ clear:both; width:930px; min-height:50px; height:auto !important; height:50px; float:left; border: 0px solid red; }

#bannerInicial{ background:url(../imagens/home/imgBanner.png); width:919px; height:310px; float:left; margin:20px 10px; }

footer { clear: both; float: left; width: 100%; font-size:100%; color:white; background:#69856F; height:63px; margin-bottom:35px; text-align:center; line-height:63px; margin-top:35px;}

/* HOME */
#apres{ width:645px; height:125px; position:absolute; left:190px; top:18px; border:#000 0px solid; }


#boxUm{ position:relative; background: url(../imagens/home/bgAreaInternato.png); width:255px; height:220px; float:left; margin-left:10px; color:#999999; padding:85px 20px 10px 20px;}
#boxUm a{ position:absolute; background:url(../imagens/home/btnMaisInternato.png); width:60px; height:22px; right:7px; bottom:15px; display:block;}

#boxDois{ position:relative; background: url(../imagens/home/bgAreaColegio.png); width:255px; height:220px; float:left; margin:0 10px; color:#999999; padding:85px 20px 10px 20px;}
#boxDois a{ position:absolute; background:url(../imagens/home/btnMaisColegio.png); width:60px; height:22px; right:7px; bottom:15px; display:block;}

#boxTres{  position:relative; background: url(../imagens/home/bgAreaSitio.png); width:255px; height:220px; float:left; color:#999999; padding:85px 20px 10px 20px;}
#boxTres a{ position:absolute; background:url(../imagens/home/btnMaisSitio.png); width:60px; height:22px; right:7px; bottom:15px; display:block;}

#box-depoimentos{ background:url(../imagens/home/fundo-depoimentos2.png) repeat-y; width:920px; min-height:200px; height:auto !important; height:200px; float:left; border:#000 0px solid; }
#box-depoimentos span{ line-height:40px; display:block; margin:0 0 0 90px; border: 0px solid black; width:800px; float:left;}
#box-depoimentos span strong{ color:#DF3B3B !important; text-align:right; width:100%; display:block; }

#box-depoimentos-titulo{ background:url(../imagens/home/box-depoimentos.png) no-repeat; width:920px; height:92px; float:left; z-index:-1000; margin-top:20px;}


#box-depoimentos-det{ background:url(../imagens/home/fundo-depoimentos2.png) repeat-y; width:920px; min-height:200px; height:auto !important; height:200px; float:left; border:#000 0px solid; }
#box-depoimentos-det span{ line-height:40px; display:block; margin:0 0 0 90px; border: 0px solid black; width:800px; float:left;}
#box-depoimentos-det span strong{ color:#DF3B3B !important; text-align:right; width:100%; display:block; }

#box-depoimentos-titulo-det{ background:url(../imagens/home/box-depoimentos-det.png) no-repeat; width:920px; height:92px; float:left; z-index:-1000; margin-top:20px;}
#box-depoimentos-titulo-det2{ background:url(../imagens/home/titulo-depoimentos-det.png) no-repeat; width:920px; height:92px; float:left; z-index:-1000; margin-top:20px;}


.head{ margin-left:10px; float:left;}
.box-conteudo{ position:relative; float:left; background:url(../imagens/box-conteudo/fundo-caixa-conteudo.png) repeat-y; width:870px; min-height:200px; height:auto !important; height:200px; margin-left:10px; padding:5px 20px; border:#333 0px solid;}
.box-final{float:left; background:url(../imagens/box-conteudo/final-caixa-conteudo.png) repeat-y; width:920px; height:37px; margin-left:10px;}

/*****************
      LINKS
******************/ 
.links-site{ clear:both; float:left; width:500px; border:#000 0px solid; font-size:100%; height:20px; background:url(../imagens/links/marcador.gif) no-repeat 5px 0px; padding-left:27px; margin-bottom:3px; }
#imagem{ position:absolute; right:5px; top:5px; background:url(../imagens/links/www.png); width:339px; height:243px;  border:#000 0px solid;}

/*****************
      EVENTOS
******************/ 
.eventos-det{ width:418px;  border:#CCC 1px solid; float:left; height:110px; font-size:80%; margin:5px; padding-right:5px; }
.eventos-det strong{ margin:5px 0; float:left; display:block; width:281px; border:#000 0px solid; color:#a5c51c !important;}
.foto-lista{ float:left; margin:5px 7px 5px 5px; }
.fotos-det{ float:left; margin:2px; }
a.voltar-eventos{ background: #a5c51c; padding:5px 10px; color:#FFF; font-size:12px;}