.sec1 {
	margin:20px auto;
	width:100%;
	display:flex;
	justify-content:space-between;
}


.sec1 .imginicio{
	width:55%;
	display:block;
    margin:20px auto;
}

.sec1 .imginicio img{
	width:90%
}

/*menu lado izquierdo*/
.sec1 .sub1 {
	width:20%;
	margin:20px auto;
	list-style:none;
	background:#fff;
	text-align:center;
}

.sec1 .sub1 .alto{
	font-size:12px;
}

.sec1 .sub1 li{
    border-bottom:2px solid rgba(255,255,255, .3);	
    display:block;
	padding:7px 0px;
	color:#E60000;
	text-decoration:none;
	font-size:25px;
}

.sec1 .sub1 li a{
	display:block;
	color:#E60000;
	text-decoration:none;
	font-size:15px;
}

.sec1 .sub1 li a:hover{
	background:#E60000;
	color:#fff;
}

/*menu lado derecho*/

.sec1 .sub2 {
	width:20%;
	margin:20px auto;
	list-style:none;
	background:#fff;
	text-align:center;
}

.sec1 .sub2 li{
    border-bottom:2px solid rgba(255,255,255, .3);	
    display:block;
	padding:7px 0px;
	color:#E60000;
	text-decoration:none;
	font-size:23px;
}

.sec1 .sub2 li a{
	display:block;
	color:#E60000;
	text-decoration:none;
	font-size:14px;
}

/*-------------*/
/*estilos globales*/

*{
	margin:0;
	padding:0;
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*estilos de los parrafos y listas*/
p, li{
	line-height:23px;
	text-align:justify;
}
/*estilos de los titulos*/
h2{
	text-align:center;
	color:#C31515;
}

h3 {
	text-align:center;
	
}

/* estilo del div prinsipal*/
.contenedor {
	width:95%;
	max-width:1000px;
	margin:20px auto;
}
/*estilo del div imagenes del encabezado*/

.imgenca {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin:10px auto;
	text-align:center;
}

.imgenca .i1 {
	width:24%;
}

.imgenca .i1 img {
	width:70%;
}

.imgenca .i2 {
	width:24%;
}

.imgenca .i2 img {
	width:70%;
}

.imgenca .i3 {
    width:24%;
}

.imgenca .i3 img {
	width:60%;
}

.imgenca .i4 {
    width:24%;
}

.imgenca .i4 img {
	width:70%;
}

/* navegador */
header{
	background:#C31515;
	margin:10px auto;
	padding:5px 0px;
	width:80;
}
/*tamaño del navegador*/
header nav{
width:100%;
}
/* estilo del navegador*/
header nav ul{
	width:100%;
	overflow:hidden;
	list-style:none;
}
/**/
header nav ul li{
	float:left;
	
}
/*estilo de los enlases del navegador*/
header nav ul li a{

text-decoration:none;
display: inline-block;
padding:5px 9px;
color:#FFF;
font-size: medium;
}
/*propiedades hover del navegador*/
header nav ul li a:hover{
	background:#fff;
	color:#C31515;
}


/*estilos de footer - pie de pagina*/

footer {
	width:100%;
	background:#C31515;
	color:#fff;
	padding:20px 0px;
	text-align:center;
}
/*seccion 1 del footer*/
.f1 {
    width:100%;
	display:flex;
	justify-content:space-between;
	margin:10px auto;
}

/*socios*/
.sos {
    width:25%;
	margin:5px 20px;
	
}


.sos ul {
	list-style:none;
	
}

.sos ul li{
	text-align:center;
}

.sos a{
	color:#fff;
	text-decoration:none;
	list-style:none;
}

.sos a:hover{
	background:#fff;
	color:#C31515;
}

/*redes sociales*/

.Sociales {
	width:25%;	
	margin: 5px auto;
}

.sociales .iconos{
	display:flex;
	justify-content:center;
}
.Sociales .iconos a {
    color:#fff;
	text-align:center;
	width:100px;
	display:block;
	padding:13px 0px;
	border-radius:3px;
	font-size:20px;
	margin:0px auto;
}

.Sociales .iconos .twitter:hover{background:#1da1f2;}
.Sociales .iconos .facebook:hover{background:#3b5998;}
.Sociales .iconos .linkedin:hover{background:#0077b5;}

/*Datos*/
.dat { 
	width:45%;
	padding:20px;
}

.dat p{ 
    text-align:center;
}


.sec1 .sub2 li a:hover{
	background:#E60000;
	color:#fff;
}

.dat .contactanos {
	background:#fff;
	color:#C31515;
    margin:5px auto;
    padding:20px;
	font-size: xx-large;
}

.dat .contactanos:hover {
	background:#C31515;
	color:#fff;
}

/*--------------------------------------------------------*/
/*estilos adaptables a dispositivos moviles*/
/*flex-direction:column;*/

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

.imgenca .i1 {
     display:none;
}	

.imgenca .i2 {
	width:50%;
}

.imgenca .i3 {
    width:50%;
}

.imgenca .i4 {
    display:none;
}

/*pie de pagina*/

.f1 {
	flex-direction:column;
}

.sos{
	display:none;
}
	
.dat{
	width:100%;
}

.Sociales{
	width:100%;
	padding:30px 0;
}
	
/*-----------------------------------------------*/

.sec1 {
    flex-direction:column;
}


.sec1 .imginicio{
	width:100%;
}

.sec1 .imginicio img{
	width:100%;
}

/*menu lado izquierdo*/
.sec1 .sub1 {
	width:100%;
}

.sec1 .sub1 ul {
    overflow:hidden;
}

.sec1 .sub1 ul li {
float:left;
}

.sec1 .sub1 ul li a{
border:1px solid #C31515;
padding:2px 2px;
}

/*menu lado derecho*/

.sec1 .sub2 {
	width:100%;
}

.sec1 .sub2 ul {
    overflow:hidden;
}

.sec1 .sub2 ul li {
    float:left;
}

.sec1 .sub2 ul li a{
border:1px solid #C31515;
padding:2px 2px;
}
}