/***
 * 
 * 
 * <div class="image">
				
				<img src="image/01.01.CC36.png" alt="Image" />
				<p class="header-image">Figura 1. <em>texto aqui</em></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;
	
}

.main img{
	width: 100%;
}

.fuente{
	font-size: .9em;
	margin-bottom: 2rem;
	text-indent: 0;
}

.tables-graphics{
	font-size: .9em;
	margin-top: 1rem;
	text-align: center;
}

.uppercase{
	text-transform: uppercase;
}

em{
	/*background-color: yellow;*/
}

.CharOverride-18, .CharOverride-20{
	font-style: italic;
	/*background-color: yellow;*/
}

.bold{
	font-weight: 800;
}

.italicas{
	font-variant: italic;
}

hr{
	margin-bottom: 2rem;
}

img{
	margin-bottom: 2rem;
}

h1{
	margin-bottom: 6rem;
}

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

h3, h4{
	font-style: italic;
}

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

aside{
	margin: 1rem auto;
}


.no-indent{
	text-indent: 0;
}

.comite{
	text-indent: 0;
}
.comite p:nth-child(odd){
	font-weight: 900;
	margin-top: 1rem;
	text-align: center;
}

.comite p:nth-child(even){
	font-style: italic;
	text-align: center;
}

.autores p {
	text-indent: 0;
}


.parrafo-no-indent p{
	text-indent: 0;
	margin-bottom: 2rem;
}

.referencias{
	margin-top: 2rem;
	margin-left: 2rem;
}

.referencias p{
	text-indent: -2rem;
}

.referencias-title{
	text-indent: -2rem;
	font-weight: 900;

}

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

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

h1{
	text-align: center;
}

h1 small{
	font-size: 1.2rem;
}

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

.small-text{
	font-size: .9em;
	margin: 2em 0;
}


.negritas{
	font-weight: 900;
}
.bibliografia p{
	text-indent: -2rem;
	margin-left: 2rem;
	overflow-wrap: break-word;
}


.glosario p{
	text-indent: -2rem;
	margin-left: 2rem;
	overflow-wrap: break-word;
}


.epigrafe{
	margin-left: 30%;
}

.separar{
	height: 50px;
	clear: both;
}
.versalitas{
	/*background-color: lime;*/
	font-variant: small-caps;
}

.CharOverride-24{
	/*background-color: yellow;*/
	font-variant: small-caps;
}

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

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

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

.image{
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}


.blue-square{
	padding: 1rem;
	border: solid #00f 1px;
	margin-bottom: 2rem;
	color: #00f;
}
.image img{
	width: 90%;
}
.image-logo-cc{
	width: 100%;
	text-align: center;
}

.image-logo-cc img{
	width: 100%;
	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;
}

ul.inside{
	margin: 0;
}


ol, ul{
	margin-top: 0;
	margin-bottom: 2rem;
	
}

ol.no-margin{
	margin-bottom: 0;
	margin-top: 0;
}

ol.incisos{
	list-style-type: lower-alpha !important;
}

ol.upper-roman{
	list-style-type: upper-roman !important;
}

ol.lower-roman{
	list-style-type: lower-roman !important;
}


ol.indice-general li > ol{
	list-style-type: none;
	margin-top: .7rem;
}

ol.no-bullets li, ul.no-bullets li{
	list-style-type: none;
}

li{
	font-size: 1.1rem;
}

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

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

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

.transcripcion{
	text-indent: 0 !important;
	margin-left: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
}


.transcripcion p:first-child{
	text-indent: 0 !important;
}

.notas{
	font-size: .8em;
}


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


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

.header-footer{
	font-size: .8em;
	text-align: left;
	font-family: sans-serif;
	margin-top: 1em;
	margin-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{
	margin-bottom: 3rem;
	border-collapse: collapse;
	border-top: solid 1px #000;
	font-size: .8em;
	text-indent: 0;
}

table p{
	text-indent: 0;
}

table tr{
	
}

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

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

.table td{
	padding: .6rem;
	vertical-align: top;
	vertical-align: middle;

}

.half{
	width: 50%;
}

table tr{
	/*border-bottom: solid 1px #000;*/
	vertical-align: center;
}

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

.table-center tr td:first-child{
	text-align: left;
}

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

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


.with-border{
	border-bottom: solid 1px #000 !important;
}

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


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

.table-border{
	width: 90%;
	margin: 2em auto;
	border: solid 1px #000 !important;
}

.table-border tr, .table-border td{
	border: solid 1px #000 !important;
}

.table-border td{
	padding: .6rem;
}


/* 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;
}