/* --- Media Query ePubs – Grupo GPE and GBC --- */
                                                               /* by Fbarros – 2014 out */
                                                                        /* case study 1 */

                                                              /* last update 2015 abril */



/*----------------------------------------- Default --*/

.unicode-ADE {
    display:none;
	}
.unicode {
    display:initial;
	}

.ewook-reader.portrait .textframe,
.ewook-reader.portrait .authorgroup,
.ewook-reader.portrait .articlegroup,
.ewook-reader.portrait .fichatecnica {
	width:96%;
	margin:10px auto 0 auto;
	/*background-color:red;*/
	}
.ewook-reader.portrait .centerframe,
.ewook-reader.portrait .partframe,
.ewook-reader.landscape .centerframe,
.ewook-reader.landscape .partframe {
	width:99%;
	}
.ewook-reader.portrait .centertextframe,
.ewook-reader.portrait .parttextframe,
.ewook-reader.landscape .centertextframe,
.ewook-reader.landscape .parttextframe {
	width:99%;
	}

.ewook-reader.landscape .textframe,
.ewook-reader.landscape .authorgroup,
.ewook-reader.landscape .articlegroup,
.ewook-reader.landscape .fichatecnica {
	width:90%;
	margin:10px auto 0 auto;
	}

.ewook-reader.portrait .emphasis-dropscaps2,
.ewook-reader.landscape .emphasis-dropscaps2 {
	font-size: 305%!important;
	line-height:0em!important;
	float:left!important;
	padding:0.49em 0.01em 0.25em 0em!important;
	}
.ewook-reader.portrait .emphasis-dropscaps3,
.ewook-reader.landscape .emphasis-dropscaps3 {
	font-size: 540%!important;
	line-height:0em!important;
	float:left!important;
	padding:0.40em 0.01em 0.25em 0em!important;
	}
.ewook-reader.portrait .emphasis-dropscaps4,
.ewook-reader.landscape .emphasis-dropscaps4 {
	font-size: 720%!important;
	line-height:0em!important;
	float:left!important;
	padding:0.40em 0.01em 0.25em 0em!important;
	}

.ewook-reader.portrait .authorref,
.ewook-reader.landscape .authorref {
	height:196px;
}

.ewook-reader.portrait .authorblurbimg,
.ewook-reader.landscape .authorblurbimg {
	width:auto;
	max-width:200px;
	height:auto;
	max-height:200px;
	float:left;
	display:inline-block;
	position: relative;
	margin:0px 0.5em 0px 0px;
	padding:0;
	}
.ewook-reader.portrait .authorblurbimg img,
.ewook-reader.landscape .authorblurbimg img {
	width:auto;
	max-width:200px;
	height:200px;
	position:relative;
	}
.ewook-reader.portrait .authorblurbimgref,
.ewook-reader.landscape .authorblurbimgref {
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	display:inline-block;
	position:absolute;
	bottom:0;
	}




/*----------------------------------------- Breakpoint 1 --*/

@media (min-width: 481px) and (min-device-width: 481px) {

	.ewook-reader.portrait .textframe,
	.ewook-reader.portrait .authorgroup,
	.ewook-reader.portrait .articlegroup,
	.ewook-reader.portrait .fichatecnica {
		width:85%!important;
		margin:2em auto 0 auto!important;
		/*background-color:green;*/
		}

	.ewook-reader.landscape .textframe,
	.ewook-reader.landscape .authorgroup,
	.ewook-reader.landscape .articlegroup,
	.ewook-reader.landscape .fichatecnica {
		width:70%!important;
		margin:1em auto 0 auto!important;
		}

	.ewook-reader.portrait .centerframe,
	.ewook-reader.portrait .partframe,
	.ewook-reader.landscape .centerframe,
	.ewook-reader.landscape .partframe {
		width:80%!important;
		margin:0 auto 0 auto!important;
		}

	.ewook-reader.portrait .centertextframe,
	.ewook-reader.portrait .parttextframe,
	.ewook-reader.landscape .centertextframe,
	.ewook-reader.landscape .parttextframe {
		width:70%!important;
		margin:0 auto 0 auto!important;
		}




    .ewook-reader.portrait .emphasis-dropscaps2,
    .ewook-reader.landscape .emphasis-dropscaps2 {
		font-size: 305%!important;
		line-height:0em!important;
		float:left!important;
		padding:0.49em 0.01em 0.25em 0em!important;
    	}
    .ewook-reader.portrait .emphasis-dropscaps3,
    .ewook-reader.landscape .emphasis-dropscaps3 {
		font-size: 540%!important;
		line-height:0em!important;
		float:left!important;
		padding:0.40em 0.01em 0.25em 0em!important;
    	}
    .ewook-reader.portrait .emphasis-dropscaps4,
    .ewook-reader.landscape .emphasis-dropscaps4 {
		font-size: 720%!important;
		line-height:0em!important;
		float:left!important;
		padding:0.40em 0.01em 0.25em 0em!important;
    	}
}



/*----------------------------------------- Breakpoint 2 --*/


@media (min-width: 769px) and (min-device-width: 769px) { 

	.ewook-reader.portrait .textframe,
	.ewook-reader.portrait .authorgroup,
	.ewook-reader.portrait .articlegroup,
	.ewook-reader.portrait .fichatecnica {
		width:700px!important;
		margin:4em auto 0 auto!important;
		/*background-color:yellow;*/
		}

	.ewook-reader.landscape .textframe,
	.ewook-reader.landscape .authorgroup,
	.ewook-reader.landscape .articlegroup,
	.ewook-reader.landscape .fichatecnica {
		width:700px!important;
		margin:1.45em auto 0 auto!important;
		}

	.ewook-reader.portrait .centerframe,
	.ewook-reader.portrait .partframe,
	.ewook-reader.landscape .centerframe,
	.ewook-reader.landscape .partframe {
		width:700px!important;
		margin:0 auto 0 auto!important;
		}

	.ewook-reader.portrait .centertextframe,
	.ewook-reader.portrait .parttextframe,
	.ewook-reader.landscape .centertextframe,
	.ewook-reader.landscape .parttextframe {
		width:700px!important;
		margin:0 auto 0 auto!important;
		}

    .ewook-reader.portrait .emphasis-dropscaps2,
    .ewook-reader.landscape .emphasis-dropscaps2 {
		font-size: 315%!important;
		line-height:0em!important;
		float:left!important;
		padding:0.54em 0.01em 0.25em 0em!important;
    	}
    .ewook-reader.portrait .emphasis-dropscaps3,
    .ewook-reader.landscape .emphasis-dropscaps3 {
		font-size: 540%!important;
		line-height:0em!important;
		float:left!important;
		padding:0.47em 0.01em 0.25em 0em!important;
    	}
    .ewook-reader.portrait .emphasis-dropscaps4,
    .ewook-reader.landscape .emphasis-dropscaps4 {
		font-size: 720%!important;
		line-height:0em!important;
		float:left!important;
		padding:0.49em 0.01em 0.25em 0em!important;
    	}
}