body {
  font-family: 'Roboto', sans-serif !important;
  
  background-image: url('../../img/simulacro.png');
  /*font-size: 16px !important;*/
}
/***************************************MOVIL----------------*/
.dropdown-submenu {
  position: relative;

}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
  background-color: #e4d6e9 ;
}


.btnmenu{
  font-size: 2em;
  color: white;
}

 #navegacion{
font-size: 2em !important;
background: #6f547b;

 }
.navbar{
  padding: 1.5rem 2rem;  
}


.dropdown  a{
  color: white;
  font-weight: bold;
  background-color: #6f547b;
  font-size: 2.0em;
  margin-left: 15px;
  padding-left: 15px;
}
 
 .dropdown li:hover{
background-color: white;

 }

 .dropdown a:hover{
  color: #ec368b;
 }

.submenu li a{
  color:#582e5a !important;
  font-size:  4.0em;
  font-weight: bold;
  background-color:transparent;
  text-decoration: none;
  
}

select {
  /* padding: 5px 35px 5px 5px;*/
  border: 5px solid #ec368b !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow.png) 100% / 10% no-repeat ;
}

select::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
}

.modal-dialog{
   max-width:  95%;
}

.modal-dialog p{
 font-size: 2.5em;
 } 
.modal-dialog h1{
 font-size: 3em;
 } 

.modal-body{
 padding: 40px; 
}
.modal-footer button{
  font-size: 2.5em !important;
}


.cuadronegro
{
padding:10px;
background-color:#000;
}
.cuadrogris
{
padding: 10px;
background-color: #848286 ; 
}
.cuadrogrisclaro
{
padding: 10px;
background-color: #efefef;
}
.cuadrogrisbajo{/*GRIS MUY BAJO*/
background-color: #FaFaFa;
}
.cuadrorosabajo{/*Rosa MUY BAJO*/
background-color: #FAEBF0;
}
.cuadro4{ /*MORADO*/
background-color:#af4b86;
}
.cuadro8{ /*MORADO INE*/
  background-color: #8785a2; 
 }

/* Padding */
.pa35 {
  padding: 35px !important;
}
.pa30 {
  padding: 30px !important;
}
.pa25 {
  padding: 25px !important;
}
.pa20 {
  padding: 20px !important;
}
.pa15 {
  padding: 15px !important;
}
.pa10 {
  padding: 10px !important;
}
.pa5 {
  padding: 5px !important;
}
.np {
  padding: 0px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl0 {
  padding-left: 0px !important;
}
/* Margin */
.ma35 {
  margin: 35px !important;
}
.ma30 {
  margin: 30px !important;
}
.ma25 {
  margin: 25px !important;
}
.ma20 {
  margin: 20px !important;
}
.ma15 {
  margin: 15px !important;
}
.ma10 {
  margin: 10px !important;
}
.ma5 {
  margin: 5px !important;
}
.nm {
  margin: 0px !important;
}
.ma-35 {
  margin: -35px !important;
}
.ma-30 {
  margin: -30px !important;
}
.ma-25 {
  margin: -25px !important;
}
.ma-20 {
  margin: -20px !important;
}
.ma-15 {
  margin: -15px !important;
}
.ma-10 {
  margin: -10px !important;
}
.ma-5 {
  margin: -5px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt-35 {
  margin-top: -35px !important;
}
.mt-30 {
  margin-top: -30px !important;
}
.mt-25 {
  margin-top: -25px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr-25 {
  margin-right: -25px !important;
}
.mr-20 {
  margin-right: -20px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb-35 {
  margin-bottom: -35px !important;
}
.mb-30 {
  margin-bottom: -30px !important;
}
.mb-25 {
  margin-bottom: -25px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml-35 {
  margin-left: -35px !important;
}
.ml-30 {
  margin-left: -30px !important;
}
.ml-25 {
  margin-left: -25px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}