/***
 * 
 * 
 * <div class="image">
				<p class="header-image">Figura 1. <em>texto aqui</em></p>
				<img src="image/01.01.CC36.png" alt="Image" />
				<p class="header-footer">Fuente: fmi.</p>
			</div>


			<div class="image-formula">
				<img src="image/formulacap7-01.jpg" alt="Formula" />
			</div>


<a class="header-notes" id="cap1-note1-back" href="#cap1-note1" epub:type="noteref"><sup>1</sup></a>

 * 
 * */

sup{
	
}
body{
	margin: 0;
	padding: 0;

}

p {
	font-size: 1.1em;
	text-indent: 1.5em;
	margin-top: -.8rem;
	text-align: justify;
	
}

em{
	/*background: yellow;*/
}

.bold{
	font-weight: 800;
}

hr{
	margin-bottom: 2rem;
}

img{
	margin-bottom: 2rem;
}

h1{
	margin-bottom: 6rem;
}

h2, h3, h4{
	margin-bottom: 3rem;
}

h1 + p, h2 + p, h3 + p {
	text-indent: 0;
}

.no-indent{
	text-indent: 0;
	margin-top: 2rem;
}


.parrafo-no-indent p{
	text-indent: 0;
}
body{
	
}

.break-page{
	break-after: always;
	break-before: always;
}

h1, h2, h3, h4, h5, h6{
	font-family: sans-serif;
}

h1{
	text-align: center;
}

sub, sup{
	font-size: .6em;
}

.bibliografia{
	text-indent: -2em;
	margin-left: 2em;
}

.separar{
	height: 50px;
	clear: both;
}
.versalitas{
	font-variant: small-caps;

}

.text-right{
	text-align: right;
}

.text-center{
	text-align: center;
}

.image{
	width: 100%;
	text-align: center;
}

.image img{
	width: 90%;
}
.image-logo-cc{
	width: 100%;
	text-align: center;
}

.image-logo-cc img{
	width: 20%;
	margin: 20% auto;
}

.image-logos-cc{
	width: 100%;
	text-align: center;
}

.image-logos-cc img{
	width: 80%;
}

.image-qr-code{
	width: 100%;
	text-align: center;
}

.image-qr-code img{
	width: 30%;
}

.image-formula{
	width: 100;
	text-align: center;
}

.image-formula img{
	width: 80%;
}

p.capitular{
	font-variant: small-caps;
}

.image-opensource{
	width: 20%;
}


.image-opensource img{
	width: 100%;
}


.recuadro{
	border: solid 1px #000;
	padding: 1em;
}


ol.indice-general li{
	list-style-type: none;
}

.indice-general ol{
	list-style-type: none;
}

.indice-general a:link{
	text-decoration: none;
}

.transcription{
	text-indent: 0;
	margin-left: 2em;
}


a.header-notes{
	text-decoration: none;
}


.header-image, .footer-image{
	font-size: .8em;
	text-align: center;
	font-family: sans-serif;
	margint-top: 1em;
	margint-bottom: 1em;
}

.note-image{
	margin-left: 2.5em;
	text-indent: -2.5em;
}

.lineup{
	border-top: solid 1px #000;
}


.tildeup{
	position: relative;
	left: -.5em;
	top: -.35em;

}

.tildeupmin{
	position: relative;
	left: -.3em;
	top: -0.05em;

}

/************** ESTILOS TABLA *********************/

table{
	border-collapse: collapse;
	border-top: solid 1px #000;
	font-size: .8em;
	text-indent: 0;
}

table p{
	text-indent: 0;
}

table tr{
	vertical-align: top;
}

table tr{
	border-bottom: solid 1px #000;
}

.no-border{
	width: 100%;
	border-top: none !important;
	font-size: 1.1rem;
}

.no-border tr{
	border-bottom: none !important;
}

.td-padding{
	padding: .1em .8em;
	
}


.text-middle{
	vertical-align: middle;
}
.table{
	width: 90%;
	margin: 1em auto;
}


/* MARGIN top */

.mt-1{
	margin-top: 1em;
}

.mt-2{
	margin-top: 2em;
}

.mt-3{
	margin-top: 3em;
}

.mt-4{
	margin-top: 4em;
}

.mt-5{
	margin-top: 5em;
}

.mt-6{
	margin-top: 6em;
}

.mt-7{
	margin-top: 7em;
}

/* Margin Bootom */
.mb-1{
	margin-bottom: 1em;
}

.mb-2{
	margin-bottom: 2em;
}

.mb-3{
	margin-bottom: 3em;
}

.mb-4{
	margin-bottom: 4em;
}

.mb-5{
	margin-bottom: 5em;
}

.mb-6{
	margin-bottom: 6em;
}

.mb-7{
	margin-bottom: 7em;
}

/* MARGIN _LEFT */

.ml-1{
	margin-left: 1em;
}

.ml-2{
	margin-left: 2em;
}

.ml-3{
	margin-left: 3em;
}

.ml-4{
	margin-left: 4em;
}

.ml-5{
	margin-left: 5em;
}

.ml-6{
	margin-left: 6em;
}

.ml-7{
	margin-left: 7em;
}