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

 * 
 * */

 html{
 	scroll-behavior: smooth;
 }

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}

body{
	margin: 0;
	padding: 0;
	-epub-hyphens:auto;

}

p {
	font-size: 1.1em;
	text-indent: 1.5em;
	text-align: justify;
	
}

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

.epigrafre{
	margin-left: 6rem;
}

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

.uppercase{
	text-transform: uppercase;
}

.underline{
	text-decoration: underline;
}
em{
 	/*background-color: yellow;*/
}

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

.bold{
	font-weight: 800;
}

hr{
	margin-bottom: 2rem;
}

img{
	margin-bottom: 2rem;
}

h1{
	margin-bottom: 6rem;
}

h2{
	margin: 2rem auto;
}

h3, h4{
	/*font-style: italic;*/
	margin: 1.5rem auto;
}

h3{
	/*font-style: italic;*/
}


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

aside{
	margin: 1rem auto;
}

.background-blue{
	background-color: #b8cce4;
}

.background-bluestrong{
	background-color: #03182b;
	color: #fff;
}


.background-gray{
	background-color: #e5e5e5;
}

.background-green{
	background-color: #97e8af;
}


.background-yellow{
	/*background-color: #FFFF00;*/
}

.background-orange{
	background-color: #FFA500;
}

.entrevista{
	margin: 1.5rem 1.5rem;
}

.entrevista p{
	text-indent: 0;
}

.indent{
	text-indent: 4rem;
}

.indent2{
	text-indent: 6rem;
}

.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;
}

h4{
	font-style: italic;
}

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

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


.negritas{
	font-weight: 900;
}
.bibliografia p{
	text-indent: -2em;
	margin-left: 2em;

	
	overflow-wrap: break-word;
}


.separar{
	height: 50px;
	clear: both;
}
.versalitas{
	/*background-color: yellow;*/
	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;
	margin-top: 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%;
}

img.image-formula{
	width: 50;
	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 > ol, ul > ol, ol > ul, ul > ul{
	margin-top: 0;
	color: red;
	background-color: red;
}

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

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

ol.no-type li, ul.no-type li{
	margin-bottom: .6rem;
}


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

.incisos img{
	width: 100%;
}

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.upper-alpha{
	list-style-type: upper-alpha;
}


ol.indice-general{
	margin-top: 0;
	margin-bottom: 0;
}

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


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

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

ul.wrong li:before {
	position: absolute;  
    top: 8px;  
    margin: 8px 0 0 -12px;    
    vertical-align: middle;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #ccc;
    content: "\2022";
}

.list-especial{
	margin-left: 1.5rem;
	text-indent: -2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;

}

.list-especial p{
	margin-left: 2rem;
	text-indent: -1.5rem;
	font-size: .99rem;

}


.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: 2rem;
	margin-top: 2em;
	margin-bottom: 2em;
	/*background-color: lightyellow;*/

}

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

.transcripcion2 p{
	text-indent: 2rem !important;
	
}






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

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


.respuestas p{
	text-indent: -1em;
}




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


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 ul, table ol{
	margin: 0;
	padding: 0;
}


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

td{
	vertical-align: middle;
}

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

table p{
	text-indent: 0;
}

.header-table{
	background-color: black;
	color: #fff;
}

.header-table td{

}



table tr{
	vertical-align: top;
	border-bottom: 1px solid;
}

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

.table td{
	padding: .6rem;
}

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

.no-border{
	width: 100%;
	border-top: none !important;
	
}

.italicas{
	font-style: italic;
}

.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;
}