html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul,li{padding:0; margin:0;}

/*-------------------------------------------------------------------------------------------------*/
/*GENERAL*/
/*-------------------------------------------------------------------------------------------------*/
html{ width:100%; height:100%;}
body{font-family: Merriweather, Sans-Serif; min-width:768px; width:100%; height:100%;}
.relPos{position:relative;}
.absPos{position:absolute;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.slide{height: 100%; margin: 0; padding: 50% 0 0; width: 100%;}
.noBottom{margin-bottom:0 !important;padding-bottom:0 !important;}



/*-------------------------------------------------------------------------------------------------*/
/*MENU*/
/*-------------------------------------------------------------------------------------------------*/
#menu-wrapper{font-family: 'Merriweather',serif; width:100%; position:relative;}

.nav1{position:relative; width:100%;position:relative;}
#especial{position:absolute; top: 2px; left:16%; width:8%; }
.logo-text{color:#1f5874; font-style:italic;height:40px; width:100%;text-align:center;z-index:999;position:relative;}
.logo-text h1{font-style:normal; font-size: 38px; font-size: 1.6vw; line-height: 40px; vertical-align: middle; font-weight:300;}
.logo-image{width:100%; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden;}
.logo-image img{width:100%;}


#menu-wrapper h1{padding:0; margin:0;}
#menu-wrapper ul{margin:0; z-index:999;}
#menu-wrapper div.nav1 {
    border-bottom: 1px solid #C4D5DC;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    z-index: 9999999;
	background-color: #FFFFFF;
    width: 100%;
	padding:3px 0px;
	min-width:768px;
}

#menu-wrapper .fleft li{
    float: left;
    list-style: none outside none;
    padding-right: 20px;
	position:relative;
}
#menu-wrapper .fright li{
    float: left;
	padding-left:5px;
	padding-top: 3px;
}

.logo{margin-left:3px; display:block;}
.btn0{margin-left:80px;}
.backbtn{width:38px; height:38px; background: url(icons.png) -200px 0 no-repeat; display: block; overflow:hidden;}
.backbtn:hover{background-position:-250px 0;}

.nav-label {
	background:rgba(0,0,0,0.6);
    color: #FFFFFF;
    font-size: 13px;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 50px;
	opacity:0;
	width:150px;	
}

.chapter-nav:hover > a .nav-label{
	opacity:1; display:block;  transition: all 1s;
    -webkit-transition: all 1s;
}
.chapter-nav.active.whiteoverlay:after{opacity:0.6;}

.chapter-nav  img{
	display:block;
}
.chapter-nav.whiteoverlay:after{
	width:38px;height:38px;
	border: 1px solid #252525;
}
	
.arrow-up {
	border-bottom: 6px solid #000000;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    height: 0;
    opacity: 0.6;
    position: absolute;
    top: -6px;
}

/*sharethis*/
#sharebtns{padding-right:3px;}
#sharebtns .a2a_svg {
    height: 38px;
    line-height: 38px;
    width: 38px;
	float: right;
}
#sharebtns .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg {
    border-radius: 0;
}
#sharebtns .a2a_default_style a{ 
	background-color: #fff;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 38px;
    line-height: 40px;
	margin-left:3px;
    text-decoration: none;
    text-transform: uppercase;
	}

#sharebtns .a2a_default_style .a2a_img_text {
    margin-right: 4px;
}
#sharebtns .a2a_button_facebook{background-color:#4060a4 !important;}
#sharebtns .a2a_s_facebook {background: url(icons.png) 0 0 no-repeat; display: block; }
#sharebtns .a2a_s_facebook:hover{/*background-position:-63px -5px;*/}
#sharebtns .a2a_button_twitter{background-color:#00b4e5 !important;}
#sharebtns .a2a_s_twitter {background: url(icons.png) -100px 0 no-repeat; display: block; }
#sharebtns .a2a_s_twitter:hover{/*background-position:-186px -5px;*/}
#sharebtns .a2a_button_facebook:hover,#sharebtns .a2a_button_twitter:hover{text-decoration:underline;}


/*-------------------------------------------------------------------------------------------------*/
/*HOMEPAGE*/
/*-------------------------------------------------------------------------------------------------*/


#iso-container{overflow:hidden;}
.item{float:left; overflow:hidden; cursor:pointer;}
.item.w1{width:100%;}
.item.w2{width:20%; height:100vh; border-right:1px solid #000; background-color:#000;}
.item img{width:100%; height:auto; display:block;}

.overlay:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.8);
    opacity:0.4;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.overlay.sepia:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0);
    opacity:0.6;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.overlay:hover:after {
   
	
	background:rgba(255,255,255,0.4);
    opacity:0.7;
	
}
.whiteoverlay:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(255,255,255,0.8);
    opacity:0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.whiteoverlay:hover:after {
    opacity:0.6;
}
.preloaderWrapper{
	display:none;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.preloader {
    background: url("images/preloader.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

.medTitle {
	color: #FFFFFF;
    display: inline-block;
	pointer-events:none;
    margin: 0 5%;
    text-align: center;
    text-shadow: 1px 3px 2px #000000;
	bottom:10%;
    width: 80%;
	height:100px;
}
.medTitle h2 {
	font-family: Merriweather,serif;
	font-size: 30px;
	
}

/*-------------------------------------------------------------------------------------------------*/
/*CHAPTERS*/
/*-------------------------------------------------------------------------------------------------*/
#capitulos {
	
}
.chapter{width:100%; padding-top:50px;}
.article-wrapper{}
.chapter-nav{display:none;}
/**/
.chapterTitle{
    margin-top: 10px;
	font-size: 4em;
    font-weight: 300;
    letter-spacing: -0.06em;
    line-height: 1em;
}
.rightAba .chapterTitle{
	margin-left: 5%;
    margin-right: 10%;
}
.centerAba .chapterTitle{
	 margin-left: 10%;
	 margin-right: 10%;
}
.leftAba .chapterTitle{
	margin-left: 10%;
    margin-right: 5%;
}

.chapterTitle strong {
    font-weight: 600;
}
/**/
.chapterSubtitle{	
    font-size: 1.5em;
    font-weight: 200;
    padding-bottom: 3%;
    padding-top: 2%;
}
.rightAba .chapterSubtitle{
    margin-left: 5%;
    margin-right: 10%;
}
.centerAba .chapterSubtitle{
    margin-left: 10%;
    margin-right: 10%;
}
.leftAba .chapterSubtitle{
    margin-left: 10%;
    margin-right: 5%;
}
/**/
.chapterParagraph{
    font-size: 1.2em;
    padding-bottom: 3%;
}
.rightAba .chapterParagraph{
	margin-left: 10%;
    margin-right: 25%;
}
.centerAba .chapterParagraph{
	margin-left: 20%;
    margin-right: 20%;
}
.leftAba .chapterParagraph{
	margin-left: 25%;
    margin-right: 10%;
}





/*ROYALSLIDER*/
.chapter .royalSlider {
    width: 100%;
	margin-bottom:3%;
}
.chapter .rsDefault .rsGCaption {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 500px;
}

.chapter .fullSlider{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
}


.chapter .rsCaption > h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

/*CAIXAS*/
.ancora {width:100%;}
.caixa{ 
    font-size: 18px;
    font-weight: bold;
	margin:1%;
	padding:1%;
    width: 20%;
}


#sectionnav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: auto;
    font-size: 14px;
    left: 5px;
    padding: 10px 5px;
    position: fixed;
    top: 50px;
    z-index: 999;
}
#sectionnav li {
    padding: 5px;
}
#sectionnav  li.current{background-color:#252525;}
#sectionnav  li:hover{background-color:#999;}

#sectionnav a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

/*-------------------------------------------------------------------------------------------------*/
/*TOOLS*/
/*-------------------------------------------------------------------------------------------------*/

.handyTools{position:fixed;bottom:5px;right:5px;padding:5px 0px; rgba(255, 255, 255, 0.4); display:none; }
.handyTools li{
	width:34px;
	height:34px;
	float:left;

	margin: 0 5px;
	
	background: url(tools.png) 0 0 no-repeat transparent; display: block; overflow:hidden;
}


.handyTools li.alignRight{background-position:-52px -2px;}
.handyTools li.alignRight:hover{background-position:-2px -2px;}
.handyTools li.alignCenter{background-position:-152px -2px;}
.handyTools li.alignCenter:hover{background-position:-102px -2px;}
.handyTools li.alignLeft{background-position:-252px -2px;}
.handyTools li.alignLeft:hover{background-position:-202px -2px;}
.handyTools li.moveUp{background-position:-301px -2px;}
.handyTools li.moveUp:hover{background-position:-351px -2px;}