/* -------------------- --------------------*/

/* ##### COR LINK - FUNCIONA ##### */

/*https://www.htmlprogressivo.net/2014/07/CSS-em-Links-Colocar-Tirar-Sublinhado-Mudar-Cor-Plano-de-Fundo-Tutorial.html 
*/

/*
Paleta de cores

https://www.color-hex.com/

*/

a:link {
/* background: #B1B1B1; */
 color: #000000;
 text-decoration: none;
/* font-weight: bold; */
/* border-width: 4px; */
/* border-style: solid;*/ 
/* border-top-color: #DFDFDF; */
/* border-right-color: #666; */
/* border-bottom-color: #333; */
/* border-left-color: #858585; */

}

/*
a:hover {
 background: #B1B1B1; 
 color: #000000; 
 font-weight: bold; 
 border-color: #B1B1B1; 
}
*/ 

<!--- parte 2 --->

<style type="text/css">

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
</style>

<!--- parte 2 --->

/* ##### COR LINK - FUNCIONA ##### */

/* -------------------- --------------------*/

/* ##### ESTILOS  HR ##### */ 

/*

<hr class="new1">
<hr class="new2">
<hr class="new3">
<hr class="new4">
<hr class="new5">
<hr class="new6">

*/

<style>

/* Red border */

hr.new1 {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 0px;
}

/* Large rounded green border - Estilo UOL */
hr.new6 {
  border: 4px solid #eeeeee;
  border-radius: 0px;
}

/* Dotted red border */
hr.new7 {
  border-top: 1px dotted blue;
}

/* Thick red border */
hr.new8 {
  border: 1px solid blue;
}

/* Thick red border */
hr.new9 {
  border: 1px solid #f7f3f7;
}

/* Thick red border */
hr.new1 {
  border: 1px solid #eff3ef;
}

/* Thick red border */
hr.new0 {
  border: 1px solid #000000;
}

/* Thick red border */
hr.new12 {
  border: 1px solid #2986cc;
}

</style>

/* ##### ESTILOS  HR ##### */ 

/* -------------------- --------------------*/

/* ##### ESTILOS  TEXTO ITÁLICO ##### */ 

<style>

div.x {
  font-size: 1.1rem;
  color:red;
}

div.b {
  font-size: large;
}

div.c {
  font-size: 100%;
}

p.e {
  font: 1rem Arial, sans-serif;
}

p.f {
  font: italic small-caps 1.3rem Arial Georgia, serif;
}

p.h {
  font: italic  1.15rem Arial Georgia, serif;
}
p.m {
  font: italic  1.3rem Arial Georgia, serif;
}

</style>

/* ##### ESTILOS  TEXTO ITÁLICO ##### */ 

/* -------------------- --------------------*/

/* #####  ##### */ 

        <!-- CSS style to place three div side by side -->
        <style> 
            .container .box { 
                width:540px; 
                margin:50px; 
                display:table; 
            } 
            .container .box .box-row { 
                display:table-row; 
            } 
            .container .box .box-cell { 
                display:table-cell; 
                width:33%; 
                padding:10px; 
            } 
            .container .box .box-cell.box1 { 
                background:white; 
                color:white; 
                text-align:justify; 
            } 
            .container .box .box-cell.box2 { 
                background:whitw; 
                text-align:left 
            } 
            .container .box .box-cell.box3 { 
                background:lime; 
                text-align:justify; 
            }
        </style>
		
/* #####  ##### */ 

/* -------------------- *** -------------------- */

/* ESTILO DE FONTS/ FNDO*/


<style>
body {
  background-color: ;
}
#DIV-REPORTAGEM  {
  height:px;
  background-color: #2575e8;
  font-family: roboto;
  color:#ffffff;"
}
</style>


<style>
body {
  background-color: ;
}
#DIV-EstiloFontes {
  height:px;
  background-color: #f44336;
  font-family: roboto;
  color:#ffffff;"
}
</style>

/* --- Examples ---

..........

<div id="DIV-EstiloFontes">
<p style="font-size:30px">Lorem ipsum dolor sit amet</p>
<p style="font-size:16px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor.
</p>
</div>

..........

<p>
<h3><div id="DIV-EstiloFontes" style="font-size:" class="p-3 mb-2 bg-danger text-center "> UBIRATÃ </div></h3>  
</p>
..........

/* --- Examples --- */


/* -------------------- *** -------------------- */

<style>
ol.a {list-style-type: armenian;}
ol.b {list-style-type: cjk-ideographic;}
ol.c {list-style-type: decimal;}
ol.d {list-style-type: decimal-leading-zero;}
ol.e {list-style-type: georgian;}
ol.f {list-style-type: hebrew;}
ol.g {list-style-type: hiragana;}
ol.h {list-style-type: hiragana-iroha;}
ol.i {list-style-type: katakana;}
ol.j {list-style-type: katakana-iroha;}
ol.k {list-style-type: lower-alpha;}
ol.l {list-style-type: lower-greek;}
ol.m {list-style-type: lower-latin;}
ol.n {list-style-type: lower-roman;}
ol.o {list-style-type: upper-alpha;}
ol.p {list-style-type: upper-latin;}
ol.q {list-style-type: upper-roman;}
ol.r {list-style-type: none;}
ol.s {list-style-type: inherit;}
</style>

/* -------------------- *** -------------------- */

<!--- Borda Legenda --->

<style>
body {
  background-color:#E7E9EB;
}
#myDIV-E {
  width:100%;
  height:px;

  padding-left: 10px;
    background-color:#FFFFFF;
  border-left:5px solid #37A36D;
  border-left-width: thick;
}
</style>

<!--- Borda Legenda --->

/* -------------------- *** -------------------- */

<style>
html, body {
  height: 60%;
}

img.one {
  height: auto;
  width: auto;
}

img.two {
  height: 50%;
  width: 50%;
}
</style>

/* -------------------- *** -------------------- */

<style>
textarea {
  resize: none;
}
</style>

/* -------------------- *** -------------------- */





/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */



/* -------------------- *** -------------------- */