@charset "utf-8";
/* CSS Document */
/*
480px y 320px: Estas resoluciones son comunes en dispositivos móviles, especialmente en teléfonos más antiguos o con pantallas más pequeñas.
768px: Esta es la resolución típica para tablets en modo paisaje y dispositivos más pequeños. Es importante tener un diseño responsive que se vea bien en esta resolución.
1024px: Esta resolución es importante ya que es la utilizada en muchas tablets y dispositivos más antiguos. Asegurarse de que tu diseño se vea bien en esta resolución es crucial para una experiencia de usuario óptima.
1280px: Esta es una resolución común para pantallas de computadoras portátiles y algunos monitores de escritorio más antiguos.
1440px: Esta es una resolución comúnmente utilizada para monitores de computadora de escritorio estándar.
1600px: Aunque menos común, algunas pantallas más grandes o monitores de alta resolución pueden tener una resolución de 1600px de ancho.
1920px: Esta es una resolución muy común para monitores de escritorio y portátiles de tamaño estándar. Es la resolución "full HD".
2560px y superiores: Monitores de alta gama, monitores 2K y 4K, y pantallas de alta resolución pueden tener resoluciones de 2560px o incluso 3840px de ancho.
*/
@media screen and (max-width:2560px){
	
}

@media screen and (max-width:1920px){
	
}

@media screen and (max-width:1600px){
	
}

@media screen and (max-width:1440px){
	
}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1024px){
	
}

@media screen and (max-width:820px){
	
}

@media screen and (max-width:800px){
	
}

@media screen and (max-width:768px){
    body{
        /*overflow-x:hidden;*/
    }

    table{
        padding: 0px;
        height: auto;
        width: 100%;
        border: thin none #000;
        box-sizing: border-box;
        display: inline-table;
        margin: 0px;
    }
	
	.tableHiden {
    	display: none;    
	}

    tr{
        text-align: center;
        margin: 0px;
        padding: 0px;
        height: auto;
        width: 100%;
        border: thin none #000;
        box-sizing:border-box;
        display:block;
    }

    td{
        text-align: center;
        padding: 0px;
        height: auto;
        width: 100%;
        border: thin none #000;
        box-sizing: border-box;
        display: block;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
    }
	
	.textJustificado{
		text-align:justify;
	}
	
	.mainmenu{
		display:none;
	}
	
	.imagenRezice{
		margin: 0px;
		padding: 0px;
		height: auto;
		width: 90%;
		display:inline-block;
		box-sizing:border-box;
	}
	
	.logoRezice{
		margin: 0 auto;
		padding: 0px;
		height: auto;
		width: 30%;
		box-sizing:border-box;
		display:block;
	}
	
	.circle-bg {
		margin: 0 auto;          /* centra horizontalmente */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.span4{
		margin-left: 20px;
		margin-right: 20px;
		text-align:center;
	}
	
	.logo-container {
        position: static; /* deja que se comporte como bloque normal */
        top: auto;
        left: auto;
        transform: none; /* quita el desplazamiento */
        min-width: auto; /* ajusta al contenido o al 100% si quieres */
        min-height: auto;
        background-color:transparent; /* opcional, si quieres mantener */
        border-radius: 0; /* quitar bordes redondeados si quieres */
        box-shadow: none; /* quitar sombra si quieres */
        clip-path: none; /* quita la forma recortada */
        outline: none; /* quitar el borde simulado */
        display: block; /* se comporta como bloque normal */
        text-align: center; /* si quieres centrar el logo dentro */
    }

    .logo-container img {
        width: 180px; /* o ajusta al tamaño que necesites */
        height: auto; /* mantener proporción */
    }
	
	input, textarea, select {
		font-family: OpenSans-Regular;
		font-size: 20px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #333;
		text-decoration: none;
		background-color: #FFFFFF;
		padding: 8px;
		height: auto;
		width: 98%;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		border: thin solid #999;
		box-sizing: border-box;
		display: block;
		border-radius: 5px;
	}
}

@media screen and (max-width:672px){
	
}

@media screen and (max-width:500px){
	
}

@media screen and (max-width:430px){
	
}

@media screen and (max-width:428px){
	
}

@media screen and (max-width:414px){
	
}

@media screen and (max-width:393px){
	
}

@media screen and (max-width:390px){
	
}

@media screen and (max-width:375px){
	
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}

@media screen and (max-width:280px){
	
}