*{ /*Saca los paddings y margins default*/
	margin:0;
	padding-top: 0;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html{
	width: auto;
	height: auto;
}

/* LINKS */
a{
 	color: blue;
 	text-decoration: none;
 }

 a:hover{color: red;}
 a:active{color: blue;}
 a:visited{color: black;}

 .zoom {
  transition: transform .2s; /* Animación */
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom)*/
}

.zoom2:hover {
  transform: scale(1.1); /* (150% zoom)*/
}

.colimag{
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  
}
.cenimag{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  height: 95%;
}

/* PARRAFOS */
p{
	font-size:16px;
	color:#555;
	margin-bottom:20px;
	line-height:1.5;	
 }

  .contenidorn{
 	font-family: 'Source Sans Pro', sans-serif;
	font-size:17px;
	color:#9B0004;
	letter-spacing:0.5px;
	margin-top:-10px;
	margin-bottom: 1px;
 }

   .contenidorni{
 	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	color:#9B0004;
	letter-spacing:0.2px;
	margin-top:-10px;
	margin-bottom: 1px;
	margin-left: 10px;
	text-align: justify;
 }

 a.webs3{
 	font-size:16px;
	color:#555;

 }

 a.webs3:hover{color: #9B0004;}

/* IMAGENES */
img{
	display: block;

}
.tm-logo{ /*Logo Principal*/
	display: block;
	position: left;
  	max-width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0px auto;
}

.tm-footerlogo{ /*Logo Principal*/
  max-width: 35%;
	padding-top: 25px;
	padding-bottom: 25px;

}

.tm-header{ /*Estilo para cabezera*/
	/*fondoheader*/
	background: url('../imagenes_Web/fondoheader.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	max-width:100%;
	max-height: 100%;
	text-align: center;
  	background-position: center;
}
.tm-barralink{
	background: linear-gradient(360deg, rgba(16,130,1,1) 0%, rgba(22,165,3,1) 50%, rgba(16,130,1,1) 100%);
	margin: 0 auto;
	max-height: 100%;
  max-width: 100%;
  	
}

.rounded-corners{ /*Redondear esquinas*/
	border-radius: 20px;
}

.rounded-corners2{ /*Redondear esquinas*/
	border-radius: 15px;
}

.circle-image{ /*Redondear imagenes*/
	border-radius: 50%;
}

.tm-container{ /*Conteiner*/
	max-width: 1300px;
	margin: 0 auto;
}
.tm-cuerpo{ /*Conteiner*/
	max-width: 1300px;
	margin: 0 auto;
	position: center;
}
.tm-content{
	margin-top: 20px;
	margin-bottom: 50px;
	position: center;
}


 .contenido{
 	font-size:15px;
	color:#555;
	margin-bottom:10px;
	line-height:1.5;
	text-align: justify;
 }
 .contenido:hover{color: #9B0004;}

  .contenidor{
 	font-family: 'Source Sans Pro', sans-serif;
	font-size:25px;
	color:#9B0004;
	letter-spacing:0.5px;
	margin-top:-10px;
	margin-bottom: 1px;
 }
 .contenidor:hover{color: #ff8a00;}

  .contenido2{
 	font-size:15px;
	color:#555;
	margin-bottom:10px;
	line-height:1.5;
 }
 .contenido2:hover{color: #9B0004;}

/* LISTAS */

ul,ol{ /*Estilo para listas ordenadas y no*/
	margin-left: 0px; /*antes 20*/
	margin-bottom: 5px;
	list-style-image: url('../logos/swg.png');
	list 
	font-size:16px;
	color:#555;
	line-height:1.5;
}

.tm-nav{ /*Madre, solo Nav*/
	max-width: 1300px;
	margin: 0 auto;
	text-align: center;
}

.tm-nav ul{ /*Child, Para la unlisted list de nav*/
	margin-bottom: 0px;
	white-space: nowrap;

}

.tm-nav ul li { /*Child, Para la unlisted list de nav*/
	display: inline-block;

}

.tm-nav ul li a{ /*Child, Links de nav*/
	padding: 25px 25px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 44px;
}

.tm-nav ul li a:hover{ /*Cambiar el color al pasar arriba del link*/
	color: #eb680f;
	background: linear-gradient(360deg, rgba(9,66,2,1) 0%, rgba(16,130,1,1) 50%, rgba(9,66,2,1) 100%);

}

.tm-nav ul li a:hover  .imghor {
	display: unset;
	transform: scale(1.5); 
	}
	
/* CUERPO DE LA PAGINA */
body{
 	
 	background: url('../imagenes_Web/textura2.webp');
 	background-attachment: fixed ;
 }


 /*Estilo del HEADER*/
.tm-header::after{ /*Clear floated elements*/
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}


 /*GRADIENTES*/
 .grad{
 	height:300px;
 	width:100%;
 }

 /*Articulos*/

 .collogo{
	height:0px;
	width: 300px;
}

.imglogos2{
	margin-top: 35px;
}

.imglogos3{
	margin-top: 20px;
	margin-bottom: 30px;
}

.imglogos{
	margin-top: 10px;
}

.imglogos1{
	margin-top: -15px;
}


.ladologo{
	padding-top: 5px;
}

.tm-article{
 	background-color: #ededed;
	width: 900px;
	float:left;
	margin-bottom: 10px;
	height: 2100px; /*SE MODIFICA PARA ALTURA DEL CUADRO CENTRAL*/
 }

 .titulocentral{

	background: linear-gradient(360deg, rgba(125,25,25,1) 0%, rgba(167,33,33,1) 50%, rgba(125,25,25,1) 100%);
	padding-top: 1px;
	}

.botones{
	border: 1px solid #810000;
	border-top: none;
	margin-top: -1px;
	margin-bottom: 20px;
	height: 2060px; /*-40 del heigh de tm-article*/
	}

 .col{
	width: 350px;
	float:left;
	margin-bottom: 20px;
	margin-left: 50px;
}



 .titulocol{
	background: linear-gradient(360deg, rgba(125,25,25,1) 0%, rgba(167,33,33,1) 50%, rgba(125,25,25,1) 100%);
	padding-top: 1px;
	padding-left: 10px;
	}

.noticias{
	background: #ededed;
	border: 1px solid #810000;
	border-top: none;
	margin-top: -1px;
	height:700px; 
	}

.novedades{
	background: #ededed;
	border: 1px solid #810000;
	border-top: none;
	margin-top: -1px;
	animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100;
	}
@keyframes blinking {
  50% {
    border-color: white;
  }
}

.videos{
	background: #ededed;
	border: 1px solid #810000;
	border-top: none;
	margin-top: -1px;
	height:795px;
	}



 .tm-article2{
 	background: #fff;
	width: 850px;
	float:left;
	margin-bottom:20px; 
	margin-left: 350px;
	margin-top: -270px; /*0px con eventos o-160px antes de evento*/	
 }

  .tm-article3{
 	background: #fff;
	width: 850px;
	height: 2240px;
	float:left;
	margin-bottom:20px; 
	margin-left: 350px;
	margin-top: 0px; /*Antes 200*/
}


 /*FOOTER*/
 footer{
	clear:both;
}


 /*Headings*/

h1 {
 	font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	color:#ffffff; /*9B0004*/
	letter-spacing:0.5px;
	margin-top:-10px;
	margin-bottom: 1px;
	margin-top:5px;
	margin-left: 2%;
	padding-bottom: 10px;
}

 h2{
 	margin-bottom: 10px;
 	margin-top: 10px;
}

  h3 {
  	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	margin-bottom:20px;
	line-height:1.5;
	color:#9B0004;
	letter-spacing:0.5px;
	margin-left: 10px;
	margin-top: -10px;
}

 h4 {font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	color:#9B0004;
	letter-spacing:0.5px;
	margin-top:-10px;
	margin-bottom: 10px
}

h5 {font-family: 'Source Sans Pro', sans-serif;
	font-size:50px;
	color:#9B0004;
	letter-spacing:0.5px;
	margin-top:-20px;
	margin-bottom: 1px;
}

h6 {font-family: 'Source Sans Pro', sans-serif;
	font-size:30px;
	color:#9B0004;
	letter-spacing:0.5px;
	margin-top:-10px;
	margin-bottom: 1px;
}



.hline{ 
	width:100%;
	height:5px;
	background: #8bad31;
	}

.p-footer{
	font-size:16px;
	font-weight: bold;
	color:#555;
	margin-bottom:20px;
	line-height:1.5;
}
.tm-footer::after{ /*Clear floated elements*/
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.tm-footer{
 	background-color: #efffed;
	margin:auto;
 }

.tm-footerizq{
	width:250px;
	float:left;
	min-height:37px;
	padding-top:25px;
}

.tm-footerder{
	width:500px;
	float:left;
	margin-left:130px;
	min-height:37px;
}


/*Linea titulo*/

.lineamain{
	height: 5px;
	background-color: #0f5e05;
	border: none;
	width: 635px;
	margin-left: 14%;
}

/*Parrafos objetivos*/

.parrap{
	margin-bottom: 5px;
}

/*Linea separador*/

.lineasep{
	height: 5px;
	background-color: #7b8f2d;
	border: none;
	margin-bottom: 20px;
	width: 500px;
	margin-left: 20%;
}

/*Laterales*/
.linenews{
	height: 3px;
	background-color: #8bad31;
	border: none;
	margin-bottom: 20px;
	width: 265px;
	margin-left: 11%;
}

.linemenu{
	height: 5px;
	background-color: #7b8f2d;
	border: none;
	margin-bottom: 20px;
	width: 250px;
	margin-left: 0%;
}

.lineaviso{
	height: 5px;
	background-color: #7b8f2d;
	border: none;
	margin-bottom: 20px;
	width: 760px;
	margin-left: 5%;
}

.linenewssub{
	height: 3px;
	background-color: #8bad31;
	border: none;
	margin-top: -10px;
	margin-bottom: -10px;
	width: 311px;
	margin-left: 5%;
}

.linenewssub2{
	height: 5px;
	background-color: #7b8f2d;
	border: none;
	margin-top: -20px;
	margin-bottom: 15px;
	width: 180px;
	margin-left: 18%;
}

.linenewssub3{
	height: 5px;
	background-color: #7b8f2d;
	border: none;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 180px;
	margin-left: 18%;
}


/*BOTON*/
@import url('https://fonts.googleapis.com/css?family=Lato:100&display=swap');

.center {
  width: 750px;
  height: 60px;
  position: absolute;
  margin: 1%;
  text-align: center;
  padding-left: 50px;
  font-family: 'Lato', sans-serif;
}


.btn {
  width: 750px;
  height: 60px;
  cursor: pointer;
  background: #da9261;
  border: 1px solid #9B0004;
  outline: none;
  transition: 1s ease-in-out;
}

svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 1620;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;

}

.btn:hover {
  transition: 1s ease-in-out;
  background: #eb680f;
}

.btn:hover svg {
  stroke-dashoffset: -1620;
}

.btn span {
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 35px;
  font-weight: 600;
  font-weight: bold;
}


.center2 {
  width: 375px;
  height: 60px;
  position: absolute;
  margin: 1%;
  text-align: center;
  padding-left: 42.5px;
  padding-bottom: 30px;
}


.btn2 {
  width: 375px;
  height: 65px;
  cursor: pointer;
  background: #da9261;
  border: 0px solid #9B0004;
  outline: none;
  transition: 1s ease-in-out;
}

.btn2:hover {
  transition: 1s ease-in-out;
  background: #eb680f;
}

.btn2:hover svg {
  stroke-dashoffset: -1620;
}

.btn2 span {
  color: white;
  font-size: 25px;
  font-weight: 100;
  font-weight: bold;
}

.imghor{
	display: unset;
	height: 42px; 
	margin-bottom: -14px;
	}

/*.imghor:hover {
	display: unset;
	transform: scale(1.5); 
	}*/

.imgtemas{
	cursor: pointer;
	opacity: 0.5;
	transition: 1s ease-in-out;

	}
.center2:hover  .imgtemas {
	transition: opacity 1s ease-in-out;
  	opacity: 1.0;
	}



#derecha {
    float: left;
    display: block;
    padding-left: 400px;
}


/* --- Desktop layout enforced on mobile/tablet --- */
html, body {
  min-width: 1300px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}