/* ================================
   ESTILOS BASE (Común a todos)
   ================================ */
	 

a {
            color: black;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        a:hover {
            color: #2a7de3;
        }

/*Croma*/
.backgray{
	background-color: #e8e8e6 !important;
}
.backblue{
	background-color: #2a7de3 !important;
}
.backwhite{
	background-color: white;
}
.backblack{
	background-color: black;
}
.gray{
	color: #e8e8e6 !important;
}
.blue{
	color: #2a7de3;
}
.white{
	color: white;
}

/*ALINEACION*/

.alingizq{
	text-align: left;
}
.alingder{
	text-align: right;
}
.alingcenter{
	text-align: center;
}

/* RESET GENERAL */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* FUENTE Y CUERPO */

body {
	padding: 1%;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}


.moneda {
    font-size: 14px;
    color: #333;
    margin-right: 8px;
    white-space: nowrap;
}
.dolar-oficial { color: #333; }
.dolar-blue { color: #333; }
.dolar-ccl { color: #333; }
.dolar-bolsa { color: #333; }
.dolar-mayorista { color: #333; }
.euro { color: #333; }         /* Naranja */
.real { color: #333; }         /* Violeta */



/* RESPONSIVE */

/* ================================
   ESCRITORIO (Desktop - desde 1025px)
   ================================ */
@media screen and (min-width: 1025px) {
  /* Ejemplo:
  .header {
    display: flex;
    justify-content: space-between;
  }
  */

	h1 {
		font-size: 42px;
	}
	h2{
		font-size: 32px;
	}
	h3{
		font-size: 26px;
	}
	h4{
		font-size: 20px;
	}

	
.head{
	width: 100%; margin: auto; min-height: 100px !important; color: white
}
.contenedor{
	width: 100%; text-align: center; margin: auto;
}
.coltrescuarto{
	width: 75%; float: left;
}
.colmedia{
	width: 50%; float: left;
}
.coltercio{
	width: 33.3%; float: left;
}
.colcuarto{
	width: 25%; float: left;
}
.icon-redes{
	width: 25px;
}
.salto{
	clear: both;;
}
.menu-linea{
	padding: 0 10px 0 10px;
}
.box-img-media{
	width: 100%;
	height: 320px;
}
.box-img-renglon{
	width: 100%;
	height: 520px;
}
.colmedia-movil{
	width: 50% !important; float: left;
}


/*arreglos*/
.medianil{
	padding: 0 30px 0 30px;
}
.medianil-right{
	padding-right: 30px;
}
.medianil-left{
	padding-left: 30px;
}
.medianil-top{
	padding-top: 30px;
}
.medianil-botom{
	padding-bottom: 30px;
}


/*MEDIDAS ANCHO*/

.w100{
	width: 100%;
}
.w75{
	width: 75%;
}
.w50{
	width: 50%;
}
.w25{
	width: 25%;
}
.alingv{
	align-items: center !important;
	justify-content: center;
}
.height150{
	min-height: 150px; margin: auto;
}
	
.alingcenter-movil{
	text-align: center;
}

.menu-linea{
	font-size: 32px;
}
	
}


/* ================================
   TABLET (de 768px a 1024px)
   ================================ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* Ejemplo:
  .header {
    flex-direction: column;
  }
  */
	
	h1 {
		font-size: 32px !important;
		padding: 0 5% 0 5% !important;
	}
	h2{
		font-size: 32px !important;
		padding: 0 5% 0 5% !important;
	}
	h3{
		font-size: 32px !important;
		padding: 0 5% 0 5% !important;
	}
	h4{
		font-size: 20px;
	}
	p{
		padding: 0 5% 0 5% !important;
	}

	
.head{
	width: 100%; margin: auto; min-height: 100px !important; color: white
}
.contenedor{
	width: 100%; text-align: center; margin: auto;
}
.coltrescuarto{
	width: 100% !important; float: left;
}
.colmedia{
	width: 100% !important; float: left;
}
.coltercio{
	width: 100% !important; float: left;
}
.colcuarto{
	width: 100% !important; float: left;
}
.icon-redes{
	width: 25px;
}
.salto{
	clear: both;;
}
.menu-linea{
	padding: 0 10px 0 10px;
}
.box-img-media{
	width: 100%;
	height: 320px;
}
.box-img-renglon{
	width: 100%;
	height: 320px;
}
.colmedia-movil{
	width: 50% !important; float: left;
}


/*arreglos*/
.medianil{
	padding: 0 0px 0 0px;
}
.medianil-right{
	padding-right: 0px;
}
.medianil-left{
	padding-left: 0px;
}
.medianil-top{
	padding-top: 30px;
}
.medianil-botom{
	padding-bottom: 30px;
}
.medianil-movil{
	padding: 5% 5% 5% 5% !important;
}


/*MEDIDAS ANCHO*/

.w100{
	width: 100%;
}
.w75{
	width: 100%;
}
.w50{
	width: 100%;
}
.w25{
	width: 100%;
}
.alingv{
	align-items: center !important;
	justify-content: center;
}
.height150{
	min-height: 150px; margin: auto;
}
.alingcenter-movil{
	text-align: center !important;;
}
.menu-linea{
	font-size: 20px;
}
	
}


/* ================================
   MÓVIL (hasta 767px)
   ================================ */
@media screen and (max-width: 767px) {
  /* Ejemplo:
  .menu {
    display: none;
  }
  */
	
	h1 {
		font-size: 32px !important;
		padding: 0 5% 0 5% !important;
	}
	h2{
		font-size: 32px !important;
		padding: 0 5% 0 5% !important;
	}
	h3{
		font-size: 32px !important;
		padding: 0 5% 0 5% !important;
	}
	h4{
		font-size: 20px;
	}
	p{
		padding: 0 5% 0 5% !important;
	}

	
.head{
	width: 100%; margin: auto; min-height: 100px !important; color: white
}
.contenedor{
	width: 100%; text-align: center; margin: auto;
}
.coltrescuarto{
	width: 100% !important; float: left;
}
.colmedia{
	width: 100% !important; float: left;
}
.coltercio{
	width: 100% !important; float: left;
}
.colcuarto{
	width: 100% !important; float: left;
}
.icon-redes{
	width: 25px;
}
.salto{
	clear: both;;
}
.menu-linea{
	padding: 0 10px 0 10px;
}
.box-img-media{
	width: 100%;
	height: 320px;
}
.box-img-renglon{
	width: 100%;
	height: 320px;
}
.colmedia-movil{
	width: 50% !important; float: left;
}


/*arreglos*/
.medianil{
	padding: 0 0px 0 0px;
}
.medianil-right{
	padding-right: 0px;
}
.medianil-left{
	padding-left: 0px;
}
.medianil-top{
	padding-top: 30px;
}
.medianil-botom{
	padding-bottom: 30px;
}
.medianil-movil{
	padding: 5% 5% 5% 5% !important;
}

/*MEDIDAS ANCHO*/

.w100{
	width: 100%;
}
.w75{
	width: 100%;
}
.w50{
	width: 100%;
}
.w25{
	width: 100%;
}
.alingv{
	align-items: center !important;
	justify-content: center;
}
.height150{
	min-height: 150px; margin: auto;
}
.alingcenter-movil{
	text-align: center !important;;
}
.menu-linea{
	font-size: 20px;
}

		
}