html {
    box-sizing: border-box;
    font-size: 62.5% /** Reset para REMS - 62.5% = 10 px = 1rem **/
}


*, *:before, *:after {
  box-sizing: inherit;
}


body{
    font-family: arial;
    font-size: 1.6rem;
    line-height: 2;
    margin: 0;
    background-color: #fdfdfd;
    
}
body p {
    font-family: arial;
    font-size: 1.6rem;
    line-height: 2;
    /*color: #ffffff;*/
    
}
body a {
    text-decoration: none;
   color: #000000;
}

body a:hover {
    color: #FF8300;
}

.bot{
	width: 500px;
	max-width: 500px;
	background-color: #f1f1f1;
}
.fgris{
    background-color: #f1f1f1;
    /*background-image: url(../img/caide3.jpg);
    background-position: center center;
    background-size: cover;
    height: 40rem;
    display: flex;
    align-items: center;*/
}
.fblanco{
    background-color: #ffffff;  
}

/** globales **/
img {
   max-width: 100%;
}

.img2 {
    max-width: 15rem;
    height: 15rem; 
    align-items: center;
    border:0;
 }
.img3 {
    max-width: 25rem;
    height: 15rem; 
    align-items: center;
    border:0;
 }
@media (min-width: 768px) {
    .img2 {
        max-width: 10rem;
        height: 10rem;
        
    }
}

.contenedor {
    /*max-width: 120rem;  /** = 1200 px **/
    max-width: 100%;  /** = 1200 px **/
    /*min-width: 65rem;*/
    margin: 0;
  
}



.contenedor2 {
    /*max-width: 80rem; */
    max-width: 100%;
    /*min-width: 65rem;*/
    margin: 0 ;
}


h1 {
    /*font-size: 3.8rem;*/
    color: #FF8300;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: bold;
}
h2 {
    font-size: 3.4rem;
}
h3 {
    font-size: 3rem;
}
h4 {
    font-size: 2.6rem;
}

/** Reloj **/
.reloj {
    /*background-color: #ff8300;*/
    max-height: .5rem;
    /*font-size: .1rem;*/
    color: #ffffff;
    background: #FF8300;
    background: -moz-linear-gradient(top, rgb(248, 200, 133) 0%, rgb(255, 150, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255, 229, 193)), color-stop(100%,rgb(255, 150, 0)));
}



/** Utilidades **/
.seccion {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.fw-300 {
    font-weight: 300;
}
.centrar-texto {
    text-align: center;
}
.d-block {
    display: block!important;
}
.contenido-centrado {
    max-width: 90%;
    /*max-width: 80rem;*/
}

.blanco {
    color: #ffffff;
}
naranja {
	color: #FF8300;
}

n20 {
	color: #FF8300;
	font-size: 2rem;
	font-style: normal;
	font-weight: normal;
}

n16 {
	color: #FF8300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: normal;
}

n12 {
	color: #FF8300;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: normal;
}

aviso1 {
	color: #FF0000;
	font-size: 2rem;
	font-style: normal;
	font-weight: normal;
}

aviso2 {
	color: #FF0000;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: normal;
}

aviso2:hover {
	color: rgb(0, 60, 255);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: normal;
}
aviso2b {
	color: #FF0000;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: normal;
}
aviso3 {
	color: #FF0000;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: normal;
}

.ayuda {
    padding: 2rem;
}

.recuadro {
    margin: 2rem;
}

.datosrechum {
	width: 70rem;
	
}
.acomodo-centrado {
    /*max-width: 90%;*/
    /*list-style: none;*/
    padding: 0;
    display: flex;
    justify-content: center;
    /*flex: 1;*/
    margin: 0;
    /*max-width: 40rem;*/
    /*align-items: center;*/

}

.acomodo-centrado2 {
    max-width: 20%;
    /*list-style: none;*/
    /*padding: 0;*/
    /*display: flex;*/
    justify-content: center;
    /*flex: 1;*/
    /*margin: 0;*/
    /*max-width: 40rem;*/
    align-items: center;

}
.acomodo-horizontal {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex: 1;
    margin: 0;
    max-width: 40rem;
    align-items: center;

}
.acomodo-horizontal2 {
    list-style: none;
    text-align: center;
}

@media (min-width: 768px) {
    .acomodo-horizontal2 {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin: 2rem;
    max-width: 100%;
    flex-direction: row;
    height: 100%;
    /*align-items: center;*/
    }
}
.acomodo-horizontal2izq {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex: 1;
    margin: 2rem;
    max-width: 100%;
    flex-direction: row;
    height: 100%;
    /*align-items: center;*/
}
.acomodo-horizontal3 {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin: 0;
    max-width: 100%;
    flex-direction: row;
    
    
}
.acomodo-horizontalizq {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1rem;
}
@media (min-width: 768px) {
    .acomodo20 {
        flex-basis: calc(20% - 1rem);
        /*text-align: center;*/
    }
    .acomodo25 {
        flex-basis: calc(25% - 1rem);
        /*text-align: center;*/
    }
    .acomodo33 {
        flex-basis: calc(33.33% - 1rem);
        /*text-align: center;*/
    }
    .acomodo50 {
        flex-basis: calc(50% - 1rem);
        /*text-align: center;*/
    }	
	
    .acomodo60 {
        flex-basis: calc(60% - 1rem);
        /*text-align: center;*/
    }
    .acomodo80 {
        flex-basis: calc(80% - 1rem);
        /*text-align: center;*/
    }
}
/* Botones */

.boton {
    color: #FF8300;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.8rem;
    padding: 1rem 3rem;
    margin-top: 3rem;
    display: inline-block;
    text-align: center;
    border: none;
}
.boton:hover {
    cursor: pointer;
}
.boton-amarillo {
    background-color: #ff8300;
}
.boton-verde {
    background-color: #71B100;
}
.btnGris {
    width: 15rem;
    height: 4rem;
    /*font: bold 1.8rem Arial;*/
    text-transform: uppercase;
    color: #000000;
    text-shadow: 1px 3px 4px #ffffff;
    font-weight: 700;
    text-decoration: none;
    /*font-size: 1.8rem;*/
    padding: 1rem ;
    margin-top: 1rem;
    display: inline-block;
    text-align: center;
    /*border: none;*/  

    background: rgb(196, 196, 196);
    background: -moz-linear-gradient(top, rgb(236, 236, 236) 0%, rgb(184, 184, 184) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(224, 224, 224)), color-stop(100%,rgb(160, 160, 160)));
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid rgb(182, 182, 182);
    border-radius: 10px;
 
}
.btnGris:hover {
    cursor: pointer;
    color: #FF0000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(224, 224, 224)), color-stop(100%,#ffffff));
}

/* Header */
.site-header {
    /*background-color: #333333;*/
    background-image: url(../img/fondo.jpg);
    padding: 1rem ;
}
.site-header.inicio {
    background-image: url(../img/fondo.jpg);
    background-position: center center;
    background-size: cover;
    /*height: 100vh;
    min-height: 60rem;*/
}
.header-rep {
    /*background-color: #333333;*/
   
    padding: 0 2rem ;
}

.contenido-header {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .contenido-header {
        text-align: left;
    }
}



.contenido-header h1 {
    color: #FF8300;
    padding-bottom: 2rem;
    max-width: 100%;
    line-height: 2;

}
.contenido-header-rep {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.barra {

    padding-top: 1rem;
}
@media (min-width: 768px) {
    .barra { display: flex;
    justify-content: space-between;
    align-items: center;
    }
}

/** Navegacion **/
.navegacion a {
    color: #ff8300;
    text-decoration: none;
    font-size: 1.8rem; /** = 18 px **/
    margin-right: 2rem;
}
.navegacion a:hover {
    color: #6b3f23;
}
.navegacion a:last-of-type {
    margin: 0;
}

/** Iconos nosotros **/
.iconos-nosotros {
    display: flex;
    justify-content: space-between;
}

.icono {
    flex-basis: calc(33.3% - 1rem);
    text-align: center;
}

.icono h3 {
    text-transform: uppercase;
}

.contenedor-anuncios{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.anuncio {
    /**flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.3% - 1rem);**/   
    flex: 0 0 calc(33.3% - 1rem);

    /**border-style: solid;
    border-color: #b5b5b5;
    border-width: 1px;**/
    border: 1px solid #b5b5b5; /** width, style, color **/

    background-color: #f5f5f5;
    margin-bottom: 2rem;
}
.contenido-anuncio {
    padding: 2rem;
}
.contenido-anuncio h3, .contenido-anuncio p {
    margin: 0;
}
.precio {
    color: #71b100;
    font-weight: 700;
    display: flex;

}
.iconos-caracteristicas {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    flex: 1;
    max-width: 50rem;

}
.iconos-caracteristicas li {
    /** flex: 1; **/
    display: flex;
}

.iconos-caracteristicas li img {
    margin-right: 2rem;
}



.ver-todas {
    display: flex;
    justify-content: flex-end;
}
/** contacto Home **/
.imagen-contacto {
    background-image: url(../img/encuentra.jpg);
    background-position: center center;
    background-size: cover;
    height: 40rem;
    display: flex;
    align-items: center;
}
.contenido-contacto {
    flex: 1;
    color: #ffffff;
}
.contenido-contacto p {
    font-size: 1.8rem;
}


/** Testimoniales **/

.testimonial {
    background-color: #71B100;
    font-size: 2.4rem;
    padding: 2rem;
    color: #ffffff;
    border-radius: 2rem;
}
.testimonial p {
    text-align: right;
}
.testimonial blockquote::before {
    content: '';
    background-image: url(../img/comilla.svg);
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    left: -2rem;
}
.testimonial blockquote {
    position: relative;
    padding-left: 5rem;
    font-weight: 300;
}


/** Footer **/
.site-footer {
    max-height: 7rem;
    background-color: rgb(241, 241, 241);
    margin: 0;
    color: #000000;
    font-size: 1rem;
    background-image: url(../img/fondo.jpg);
    
    /*background: rgb(255, 150, 0);*/
    /**background: -moz-linear-gradient(top, rgb(230, 230, 230) 0%, rgb(211, 211, 211) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(228, 228, 228)), color-stop(100%,rgb(185, 185, 185)));**/
}

/**.site-footer {
    max-height: 6rem;
    background-color: rgb(107, 62, 34);
    margin: 0;
    font-size: 0.6rem;
    /*background: rgb(255, 150, 0);*/
/**    background: -moz-linear-gradient(top, rgb(107, 62, 34) 0%, rgb(44, 44, 44) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(107, 62, 34)), color-stop(100%,rgb(44, 44, 44)));
}**/
.contenedor-footer {
    padding: 0.5rem;
    display: flex;
    justify-content: space-between;
}
.copyright {
    margin: 0;
    color: #000000;
}


/** Internas **/

/** Formato **/
.formato {
    margin: 0;
}
.formato p {
    font-size: 1.2rem;
    color: #4f4f4f;
    margin: 2rem 0 0 0;
}

legend{
    font-size: 2rem;
    color: #4f4f4f;
}
label {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
input:not([type="submit"]),
textarea,
select{
    padding: 1rem;
    display: block;
    /*width: 100%;*/
    background-color: #e1e1e1;
    margin-bottom: 2rem;
    border: none;
    border-radius: 1rem;
    color: rgb(238, 83, 11);
}
input[type="radio"]{
    width: auto;
    margin: 0;
}



select{
    -webkit-appearance: none;
    appearance: none;
}
textarea {
    height: 20rem;
}
.forma-reporte{
    max-width: 30rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/** Seccion inferior **/
.seccion-inferior {
    display: flex;
    justify-content: space-between;
}
.seccion-inferior .menu {
    flex-basis: 20%;
}
.seccion-inferior .formato {
    flex-basis: calc(80% - 2rem);
}

.riframe {
  width: 370px;
  height: 317px;
}

/**@media (min-width: 375px) {
.riframe {
  	width: 400px;
	height: 343px;}
}

@media (min-width: 768px) {
.riframe {
  width: 536px;
  height: 460px;}
}

@media (min-width: 1280px) {
.riframe {
  	width: 720px;
	height: 617px;}
}*/