#intro {
  background-image: url(img/euro-870757_1920.jpg);
  height: 100vh;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
  #intro {
    margin-top: -58.59px;
  }
}

.navbar .nav-link {
  color: #fff !important;
}
.desativado{
  cursor: not-allowed;
}
.titulo{
  display: inline-block;
  text-shadow: 1px 2px 1px #000;
}
/*
+---------------------------------------------+
| Shei Lima :: Desenvolvedor de Sistemas Web  |
+---------------------------------------------+
*/
/*
+---------------------------------------------+
|      Componentes extras                     |
+---------------------------------------------+
*/
/*
+------------------------------+
|   GRADIENT BACKGROUND        |
+------------------------------+
*/
.bg--gradient{
    /*background-image: linear-gradient(#4d8d91 20%, #25d7e2 75%);
    background-image: -moz-linear-gradient(#4d8d91 20%, #25d7e2 75%);
    background-image: -o-linear-gradient(#4d8d91 20%, #25d7e2 75%);
    background-image: -webkit-linear-gradient(#4d8d91 20%, #25d7e2 75%);
    background-image: -khtml-linear-gradient(#4d8d91 20%, #25d7e2 75%);*/
    background-image: linear-gradient(to right, rgba(73,76,0,1), rgba(0,12,40,1));
}
.bg--gradient01{
    /*background-image: linear-gradient(#0e0 20%, #8e9e0e 75%);
    background-image: -moz-linear-gradient(#0e0 20%, #8e9e0e 75%);
    background-image: -o-linear-gradient(#0e0 20%, #8e9e0e 75%);
    background-image: -webkit-linear-gradient(#0e0 20%, #8e9e0e 75%);
    background-image: -khtml-linear-gradient(#0e0 20%, #8e9e0e 75%);*/
    background-image: linear-gradient(180deg, #0e0,  #8e9e0e);
}
.bg--gradient02{
    /*background-image: linear-gradient(#494c70 20%, #eee 75%);
    background-image: -moz-linear-gradient(#494c70 20%, #eee 75%);
    background-image: -o-linear-gradient(#494c70 20%, #eee 75%);
    background-image: -webkit-linear-gradient(#494c70 20%, #eee 75%);
    background-image: -khtml-linear-gradient(#494c70 20%, #eee 75%);*/
    background-image: linear-gradient(to bottom right, #494c70 , #eee);
}
.bg--gradient03{
    /*background-image: linear-gradient(#494c70 20%, #000dea 75%);
    background-image: -moz-linear-gradient(#494c70 20%, #000dea 75%);
    background-image: -o-linear-gradient(#494c70 20%, #000dea 75%);
    background-image: -webkit-linear-gradient(#494c70 20%, #000dea 75%);
    background-image: -khtml-linear-gradient(#494c70 20%, #000dea 75%);*/
    background-image: linear-gradient(to right, #abcdf1,#afdbc8,#000,#494c70,#000dea,#0e0,#4d8d91);

}
.bg--gradient04{
    /*background-image: linear-gradient(#46447e 20%, #aaa7e4 75%);
    background-image: -moz-linear-gradient(#46447e 20%, #aaa7e4 75%);
    background-image: -o-linear-gradient(#46447e 20%, #aaa7e4 75%);
    background-image: -webkit-linear-gradient(#46447e 20%, #aaa7e4 75%);
    background-image: -khtml-linear-gradient(#46447e 20%, #aaa7e4 75%);
    background-image: linear-gradient(to right, rgba(255,200,100,0), rgba(215,120,30,1));*/
    background-image: radial-gradient(farthest-corner at 60% 55%, #090, #ab2, #bab);
}
/*
+-----------------------+
| TAMANHOS :: VARIADOS  |
+-----------------------+
*/

/*
+------------------------+
|                        |
+------------------------+
*/
.fig--100x100{
	max-width: 10% !important;
	max-height: 10% !important;
}
.fig--200x200{
	max-width: 20% !important;
	max-height: 20% !important;
}
.fig--300x300{
	max-width: 30% !important;
	max-height: 30% !important;
}
.fig--400x400{
	max-width: 40% !important;
	max-height: 40% !important;
}
.fig--500x500{
	max-width: 50% !important;
	max-height: 50% !important;
}
.fig--600x600{
	max-width: 60% !important;
	max-height: 60% !important;
}
.fig--700x700{
	max-width: 70% !important;
	max-height: 70% !important;
}
.fig--800x800{
	max-width: 80% !important;
	max-height: 80% !important;
}
.fig--900x900{
	max-width: 90% !important;
	max-height: 90% !important;
}
.fig--1000x1000{
    max-width: 100% !important;
    max-height: 100% !important;
}
/*
+------------------------+
|                        |
+------------------------+
*/
.fig--100x150{
	max-width: 10% !important;
	max-height: 15% !important;
}
.fig--200x250{
	max-width: 20% !important;
	max-height: 25% !important;
}
.fig--300x350{
	max-width: 30% !important;
	max-height: 35% !important;
}
.fig--400x450{
	max-width: 40% !important;
	max-height: 45% !important;
}
.fig--500x550{
	max-width: 50% !important;
	max-height: 55% !important;
}
.fig--600x650{
	max-width: 60% !important;
	max-height: 65% !important;
}
.fig--700x750{
	width: 70% !important;
	height: 75% !important;
}
.fig--800x850{
	max-width: 80% !important;
	max-height: 85% !important;
}
.fig--900x950{
	max-width: 90% !important;
	max-height: 95% !important;
}
.fig--1000x1050{
	max-width: 100% !important;
	max-height: 100% !important;
}
/*
+------------------------+
|                        |
+------------------------+
*/
.fig--width_100{max-width: 7.32% !important;}
.fig--width_150{max-width: 10.98% !important;}
.fig--width_200{max-width: 14.64% !important;}
.fig--width_250{max-width: 18.30% !important;}
.fig--width_300{max-width: 21.96% !important;}
.fig--width_350{max-width: 25.62% !important;}
.fig--width_400{max-width: 29.28% !important;}
.fig--width_450{max-width: 32.94% !important;}
.fig--width_500{max-width: 36.60% !important;}
.fig--width_550{max-width: 40.26% !important;}
.fig--width_600{max-width: 43.92% !important;}
.fig--width_650{max-width: 47.58% !important;}
.fig--width_700{max-width: 51.24% !important;}
.fig--width_750{max-width: 54.90% !important;}
.fig--width_800{max-width: 58.56% !important;}
.fig--width_850{max-width: 62.22% !important;}
.fig--width_900{max-width: 65.88% !important;}
.fig--width_950{max-width: 69.54% !important;}
.fig--width_1000{max-width: 73.20% !important}
.fig--width_1050{max-width: 76.86% !important;}
.fig--width_1100{max-width: 80.52% !important;}
.fig--width_1150{max-width: 84.18% !important;}
.fig--width_1200{max-width: 87.84% !important;}
.fig--width_1250{max-width: 91.50% !important;}
.fig--width_1300{max-width: 95.16% !important;}
.fig--width_1350{max-width: 98.82% !important;}
.fig--width_1366{max-width: 100.00% !important;}
/*
+------------------------+
|                        |
+------------------------+
*/
.fig--height_100{max-height: 7.32% !important;}
.fig--height_150{max-height: 10.98% !important;}
.fig--height_200{max-height: 14.64% !important;}
.fig--height_250{max-height: 18.30% !important;}
.fig--height_300{max-height: 21.96% !important;}
.fig--height_350{max-height: 25.62% !important;}
.fig--height_400{max-height: 29.28% !important;}
.fig--height_450{max-height: 32.94% !important;}
.fig--height_500{max-height: 36.60% !important;}
.fig--height_550{max-height: 40.26% !important;}
.fig--height_600{max-height: 43.92% !important;}
.fig--height_650{max-height: 47.58% !important;}
.fig--height_700{max-height: 51.24% !important;}
.fig--height_750{max-height: 54.90% !important;}
.fig--height_800{max-height: 58.56% !important;}
.fig--height_850{max-height: 62.22% !important;}
.fig--height_900{max-height: 65.88% !important;}
.fig--height_950{max-height: 69.54% !important;}
.fig--height_1000{max-height: 73.20% !important;}
.fig--height_1050{max-height: 76.86% !important;}
.fig--height_1100{max-height: 80.52% !important;}
.fig--height_1150{max-height: 84.18% !important;}
.fig--height_1200{max-height: 87.84% !important;}
.fig--height_1250{max-height: 91.50% !important;}
.fig--height_1300{max-height: 95.16% !important;}
.fig--height_1350{max-height: 98.82% !important;}
.fig--height_1366{max-height: 100.00% !important;}
/*
+------------------------+
|                        |
+------------------------+
*/
.icon_16x16{
	width: 16px !important;
	height: 16px !important;
}
.icon_32x32{
	width: 32px !important;
	height: 32px !important;
}
.icon_48x48{
	width: 48px !important;
	height: 48px !important;
}
.icon_64x64{
	width: 64px !important;
	height: 64px !important;
}
.icon_80x80{
	width: 80px !important;
	height: 80px !important;
}
.icon_96x96{
	width: 96px !important;
	height: 96px !important;
}
.icon_112x112{
	width: 112px !important;
	height: 112px !important;
}
.icon_128x128{
	width: 128px !important;
	height: 128px !important;
}
.icon_144x144{
	width: 144px !important;
	height: 144px !important;
}
.icon_160x160{
	width: 160px !important;
	height: 160px !important;
}
.icon_176x176{
	width: 176px !important;
	height: 176px !important;
}
.icon_192x192{
	width: 192px !important;
	height: 192px !important;
}
.icon_56x32{
    width: 56px !important;
    height: 32px !important;
}
/*
+------------------------+
|                        |
+------------------------+
*/
.fig_pos{
	margin-left: 15%;
}
.fig_w--h{
    width: 250px !important;
    height: 250px !important;
}
/*
+------------------------+
|                        |
+------------------------+
*/
.icone--w500xh285{
    width: 500px !important;
    height: 285px !important;
}
.icon_banner{
    width: 98% !important;
    height: 120px !important;
}
.banner{
  width: 100vw!important;
  height: 450px!important;
  min-height: 400px!important;
  max-width: 100%!important;
}
/*
+------------------------+
|                        |
+------------------------+
*/
/*
+---------------------------------------------+
|                                             |
+---------------------------------------------+
*/
.medium{
	font-size: 12pt;
}
.font--code{
  font-family: monospace, monospace;
  font-size: 1em;
}
.stiludaFont{
	font-weight: bolder;
	font-style: inherit;
	text-shadow: 1px 2px 1px #000;
}
.cdfont{
	color: #F90!important;
}
.fc_lightorange{
	color: #f3be6b!important;
}
.fc_white{
	color: #FFF!important;
}
.fc_iceWHT{
	color: #e0d9d9!important;
}
.fc_red{
	color: #F00!important;
}
.fc_ored{
	color: #fa2c0c!important;
}
.fc_green{
	color: #06A306!important;
}
.fc_boldgreen{
	color: #12f50f!important;
}
.fc_blue{
	color: #3A4ABC!important;
}
.fc_pblue{
	color: #004556!important;
}
.fc_dblue{
	color: #123456!important;
}
.fc_darkblue{
	color: #2b2780!important;
}
.fc_brown{
	color: #654321!important;
}
.fc_ylw{
	color: #FFFF00!important;
}
.fc_vrml{
	color: #d9534f!important;
}
.fc_ylwgreen{
	color: #85fb0a!important;
}
.fc_purple{
	color: #560033!important;
}
.fc_unkncolorOne{
	color: #0aedd3!important;
}
.fc_unkncolorTwo{
	color: #0a8bed!important;
}
.fc_canonical{
	color: #772953!important;
}
.fc_debian{
	color: #d70751!important;
}
.fc_fedora{
	color: #294172!important;
}
.fc_xubuntu{
	color: #0044aa!important;
}
.fc_opensuse{
	color: #73ba25!important!
}
.fc_linuxmint{
	color: #97da54!important;
}
.fc_archlinux{
	color: #1f98d5!important;
}
.ajustexto{
	margin: 0.55555555559%!important;
	padding: 0.4444444444%!important;
}
.texto-justificado{
	/*text-align: justify!important;
	letter-spacing: 0px!important;
	word-spacing: normal!important;
	white-space: wrap!important; */
    text-align: justify !important;
    text-align-last: left;
    text-transform: none!important;
    letter-spacing: 0.1vw !important;
    overflow: hidden!important;
    word-wrap: break-word !important;
    word-spacing: 0.0vw!important;
    /*text-indent:4em;*/
}
.porcentSize{font-size: 95%!important}
.paragr{
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.centerTable--align{
    margin-left: 25% !important;
    margin-right: 25% !important;
}
#small--font{
    font-size: 12pt!important;
    font-size-adjust: auto!imprtant;

}
#medium--font{
    font-size: 14pt!important;
    font-size-adjust: auto!important;
}
#large--font{
    font-size: 16pt!important;
    font-size-adjust: auto!important;
}
#larger--font{
    font-size: 26pt!important;
    font-size-adjust: auto!important;
}
/*
+------------------------+
|  TAMANHO DE IMAGEM     |
+------------------------+
*/
#litdiaria{
  margin-top: -130px;
}
#imgSize100VW{
  width: 100vw!important;
  width: 100rem!important;
}
#imgSize600px{
  height: 600px!important;
}
#imgSize100x100{
  width: 100px!important;
  height: 100px!important;
}
#imgSize200x200{
  width: 200px!important;
  height: 200px!important;
}
#slideImgSize{
  width: 100vw!important;
  min-width: 100%!important;
  max-width: 100%!important;
  height: 600px!important;
}

/*
+------------------------+
|                        |
+------------------------+
*/
#font--dark{
  color: #000;
  font-size: 12pt;
  font-family:inherit !important;
}
/*
+------------------------+
|                        |
+------------------------+
*/
#cardSize{
width: 28rem;
min-width: 18rem;
max-width: 100vw;
}

/*
+-------------------------------------------------------------------------------------------------------------+
|                                        CSS  FILE DEVELOPED BY Shei Lima                                     |
+-------------------------------------------------------------------------------------------------------------+
*/
.background01{
 color: #fff;
  border: solid 1px #2b697d;
  /*background*/
  background: #2b697d;
  background-image:   -moz-linear-gradient(top, #56b6d6 0%, #2b697d 100%);
  background-image:   -webkit-linear-gradient(top, #56b6d6 0%, #2b697d 100%);
  background-image:   -o-linear-gradient(top, #56b6d6 0%, #2b697d 100%);
  background-image:   -ms-linear-gradient(top, #56b6d6 0% ,#2b697d 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#2b697d', endColorstr='#2b697d',GradientType=0 );
  background-image:   linear-gradient(top, #56b6d6 0% ,#2b697d 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #79d4e0, 0 2px 5px #242424;
  -moz-box-shadow:    inset 0 1px 0 #79d4e0, 0 2px 5px #242424;
  box-shadow:         inset 0 1px 0 #79d4e0, 0 2px 5px #242424;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #0a4561;
  filter:       dropshadow(color=#0a4561, offx=0, offy=1);
}
.background02{
 color: #fff;
  border: solid 1px #4b284d;
  /*background*/
  background: #4b284d;
  background-image:   -moz-linear-gradient(top, #98a6a6 0%, #4b284d 100%);
  background-image:   -webkit-linear-gradient(top, #98a6a6 0%, #4b284d 100%);
  background-image:   -o-linear-gradient(top, #98a6a6 0%, #4b284d 100%);
  background-image:   -ms-linear-gradient(top, #98a6a6 0% ,#4b284d 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#4b284d', endColorstr='#4b284d',GradientType=0 );
  background-image:   linear-gradient(top, #98a6a6 0% ,#2b697d 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #79d4e0, 0 2px 5px #242424;
  -moz-box-shadow:    inset 0 1px 0 #79d4e0, 0 2px 5px #242424;
  box-shadow:         inset 0 1px 0 #79d4e0, 0 2px 5px #242424;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #0a4561;
  filter:       dropshadow(color=#0a4561, offx=0, offy=1);
}
.DGFive{
 color: #e50c0c;
  border: solid 1px #222;
  /*background*/
  background: #f3d50b;
  background-image:   -moz-linear-gradient(top, #0df81d 0%, #e50c0c 100%);
  background-image:   -webkit-linear-gradient(top, #0df81d 0%, #e50c0c 100%);
  background-image:   -o-linear-gradient(top, #0df81d 0%, #e50c0c 100%);
  background-image:   -ms-linear-gradient(top, #0df81d 0% ,#e50c0c 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#e50c0c', endColorstr='#e50c0c',GradientType=0 );
  background-image:   linear-gradient(top, #0df81d 0% ,#e50c0c 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #F34145, 0 2px 5px #000000;
  -moz-box-shadow:    inset 0 1px 0 #F34145, 0 2px 5px #000000;
  box-shadow:         inset 0 1px 0 #F34145, 0 2px 5px #000000;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #0a4561;
  filter:       dropshadow(color=#0a4561, offx=0, offy=1);
}
.DGSix{
 color: #FFF;
  border: solid 1px #222;
  /*background*/
  background: #f3d50b;
  background-image:   -moz-linear-gradient(top, #333 0%, #CCC 100%);
  background-image:   -webkit-linear-gradient(top, #333 0%, #CCC 100%);
  background-image:   -o-linear-gradient(top, #333 0%, #CCC 100%);
  background-image:   -ms-linear-gradient(top, #333 0% ,#CCC 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#e50c0c', endColorstr='#e50c0c',GradientType=0 );
  background-image:   linear-gradient(top, #df801d 0% ,#e50c0c 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #BA9000, 0 2px 5px #000000;
  -moz-box-shadow:    inset 0 1px 0 #BA9000, 0 2px 5px #000000;
  box-shadow:         inset 0 1px 0 #BA9000, 0 2px 5px #000000;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #0a4561;
  filter:       dropshadow(color=#0a4561, offx=0, offy=1);
}
.DGSeven{
 color: #0a4561;
  border: solid 1px #222;
  /*background*/
  background: #f3d50b;
  background-image:   -moz-linear-gradient(top, #F89 0%, #FFF 100%);
  background-image:   -webkit-linear-gradient(top, #F89 0%, #FFF 100%);
  background-image:   -o-linear-gradient(top, #F89 0%, #FFF 100%);
  background-image:   -ms-linear-gradient(top, #F89 0% ,#FFF 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#c0ce50', endColorstr='#e50c0c',GradientType=0 );
  background-image:   linear-gradient(top, #df801d 0% ,#e50c0c 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #E14534, 0 2px 5px #000000;
  -moz-box-shadow:    inset 0 1px 0 #E14534, 0 2px 5px #000000;
  box-shadow:         inset 0 1px 0 #E14534, 0 2px 5px #000000;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #0a4561;
  filter:       dropshadow(color=#0a4561, offx=0, offy=1);
}
.DGEight{
  color: #0a4561;
  border: solid 1px #222;
  /*background*/
  background: #f3d50b;
  background-image:   -moz-linear-gradient(top, #FFF999 0%, #669966 100%);
  background-image:   -webkit-linear-gradient(top, #FFF999 0%, #669966 100%);
  background-image:   -o-linear-gradient(top, #FFF999 0%, #669966 100%);
  background-image:   -ms-linear-gradient(top, #FFF999 0%, #669966 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#c0ce50', endColorstr='#e50c0c',GradientType=0 );
  background-image:   linear-gradient(top, #df801d 0% ,#e50c0c 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #E14534, 0 2px 5px #000000;
  -moz-box-shadow:    inset 0 1px 0 #E14534, 0 2px 5px #000000;
  box-shadow:         inset 0 1px 0 #E14534, 0 2px 5px #000000;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #0a4561;
  filter:       dropshadow(color=#0a4561, offx=0, offy=1);
}
.DGNine{
  color: #FFF;
  border: solid 1px #222;
  /*background*/
  background: #f3d50b;
  background-image:   -moz-linear-gradient(top, #FFFFFF 0%, #000000 100%);
  background-image:   -webkit-linear-gradient(top, #FFFFFF 0%, #000000 100%);
  background-image:   -o-linear-gradient(top, #FFFFFF 0%, #000000 100%);
  background-image:   -ms-linear-gradient(top, #FFFFFF 0%, #000000 100%);
  filter: progid:     DXImageTransform.Microsoft.gradient( startColorstr='#c0ce50', endColorstr='#e50c0c',GradientType=0 );
  background-image:   linear-gradient(top, #df801d 0% ,#e50c0c 100%);
  /*box-shadow*/
  -webkit-box-shadow: inset 0 1px 0 #444555, 0 2px 5px #000000;
  -moz-box-shadow:    inset 0 1px 0 #444555, 0 2px 5px #000000;
  box-shadow:         inset 0 1px 0 #444555, 0 2px 5px #000000;
  /*text-shadow*/
  text-shadow:  0px 1px 3px #000000;
  filter:       dropshadow(color=#000000, offx=0, offy=1);
}
.gray--background{
    background-color: #EEE;
}
.yellow--background{
    background-color: #F9FA86;
}
/*
+--------------------------------------------------------------------------------------------+
| **************************************** [HIGHLIGHT]  *************************************|
+--------------------------------------------------------------------------------------------+
*/
.highlight,
.highlight-red,
.highlight-blue,
.highlight-green,
.highlight-black,
.highlight-white,
.highlight-gradient{
background:yellow;
padding:2px 5px;
border: 1px solid #CCC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
box-shadow: 2px 2px 3px rgba(90, 55, 25, 0.9);
}

.highlight-red{
	background: red;
	color:#fff;
}

.highlight-blue{
	background: blue;
	color:#fff;
}

.highlight-green{
	background: green;
	color:#fff;
}
.highlight-black{
	background: black;
	color:#fff;
}
.highlight-white{
	background: white;
	color: #fff;
}
.highlight-gradient{
background-image: -moz-linear-gradient(#E01 20%, #777 75%);
background-image: -o-linear-gradient(#E01 20%, #777 75%);
background-image: -webkit-linear-gradient(#E01 20%, #777 75%);
background-image: -khtml-linear-gradient(#E01 20%, #777 75%);
background-image: -ms-linear-gradient(#E01 20%, #777 75%);
color: rgba(90, 230, 210, 0.9)/*#FFF*/;
text-shadow: 1px  1px 1px #000;
font-weight: bolder;
}
.space{
height: 130px;
display: block;
}
.space-110{
height: 110px;
display: block;
}
.space-50{
height: 50px;
display: block;
}
.space-70{
height: 70px;
display: block;
}
.margemTopo{
margin-top: 23rem !important;
}