﻿/*DOC STRUCTURE

0. FONT
1. RESET GENERIC CSS
2. TOP BAR
3. HEADER
4. CONTENT
5. FOOTER 
6. OHTER DATA
7. SLIDER STUFF */


/****************************************  4. CONTENT  ****************************************/
#wrapper_tres {width:100%; margin-top:82px; background-color:#FFF; overflow:hidden; padding-bottom:60px;}

#slider {width:100%; height:400px; background:#099294;}

h1 {width:940px; margin:auto; margin-top:40px; text-align:center; font-size:22px;}
h2 {width:940px; margin:auto; margin-top:6px; text-align:center; font-size:16px; font-weight:400;}

#sobre_imagem {width:940px; height:60px; background:url('deliverables/assets/sobre_cronologia.svg') no-repeat; margin:auto; margin-top:44px;}
#sobre_titulos {width:940px; margin:auto; font-weight:bold; color:#989898;}
#sobre_titulo {width:220px; margin-left:60px; text-align:center; float:left; margin-top:10px; font-size:16px;}
#sobre_titulo:first-child {margin-left:80px;}
#sobre_descricoes {width:940px; margin-top:10px; margin:auto;}
#sobre_descricao {width:220px; margin-left:60px; margin-top:24px; float:left; font-size:14px;}
#sobre_descricao:first-child {margin-left:80px;}
.link a {color:#099294; text-decoration:none;}
.link a:hover {text-decoration:underline;}
/****************************************  4. CONTENT END  ****************************************/



/***************************************  7. SLIDER STUFF  ****************************************/
/* jssor slider bullet navigator skin 21 css
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)*/
.jssorb21 {position:absolute;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {position:absolute; width:19px; height:19px; text-align:center; line-height:19px; color:white; font-size:12px; background:url(deliverables/assets/slider_circles.png) no-repeat; overflow:hidden; cursor:pointer;}
.jssorb21 div {background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover {background-position: -35px -5px; }
.jssorb21 .av {background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover {background-position: -95px -5px; }
       
/* jssor slider arrow navigator skin 21 css
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)*/

.jssora21l, .jssora21r {display:block; position:absolute; width:55px; height:55px; cursor:pointer; background:url(deliverables/assets/slider_arrows.png) center center no-repeat; overflow:hidden;}
.jssora21l { background-position:-3px -33px; }
.jssora21r { background-position:-63px -33px; }
.jssora21l:hover { background-position:-123px -33px; }
.jssora21r:hover { background-position:-183px -33px; }
.jssora21l.jssora21ldn { background-position:-243px -33px; }
.jssora21r.jssora21rdn { background-position:-303px -33px; }
/***************************************  7. SLIDER STUFF END  ****************************************/