* {
		margin:0px;
	    padding:0px;
}

body {
	background: #D5EDA9;
	margin: 0px auto;
	align-content: center;
	justify-content: center;
}	

img{
	max-width: 100%;
}

header{
	height: 250px;
	//position: fixed;
	border-radius: 15px; 
	background-color: #F4FFE4;    
	padding: 0px;	
    z-index: 2;   
    //border: 1px solid;
    width: 80%;    
    margin:0px auto;
	display:block;
	justify-content: center;

}

#logo {
	width: 20%;
	height: 180px;	
	float: left;  
	//border: 1px solid;
}

#logo img{
	width: 50%;
	padding: 5px;
	margin:0px auto;
	display:block;
}

#cabecera{
	width: 65%;
	height: 180px;	
	float: left;    
	//border: 1px solid;	
}

#cabecera img{
	width: 80%;
	margin:10px auto;
	display:block;
}	

#intra{
	width: 14%;
	height: 180px;
	border-radius: 20px; 		
	//border: 1px solid;	
	float: left;
}

#intra img{
	width: 80%;
	margin: 0px auto;
	display:block;
}

.menus{
	width: 70%;
	left:  200px;
	//border: 1px solid;
	height: 55px;
	margin: 0 auto;
	float: left;
	padding: 1px;	
	z-index: 2;
	align-content: center;
	align-items: center;
	position: relative;		

}

ul, ol {
  list-style:none;
}
	
.nav1{
	width:100%; /*Le establecemos un ancho*/	
	display: block;	
	margin:10px auto;	
	float: center;
}
 
.nav1 > li {
	float: left;
	min-width:100px;
	text-align: center;				
}

.nav1 li a {
	background-color: rgb(97,195,171);
	color:#fff;
	text-decoration:none;
	padding:10px 12px;
	display:block;
	opacity: 1.9;
	border-radius: 5px;
}
		
.nav1 li a:hover {
	background-color: rgb(0,120,35);
	background-color: #2586d7;						
}
			
.nav1 li ul {
	display:none;
	position:absolute;
	min-width:180px;
	text-align : left;
}
	

.nav1 li:hover > ul {
	display: block;
}
			
.nav1 li ul li {
	position: relative;
	opacity : 1;
}
			
.nav1 li ul li ul {
	right:120px;
	top:0px;
}

.cuerpo {
	//border: 1px solid;
	width: 100%;
	height: 450px;
	margin: 10 auto;
	padding: 20px;
	display: block;
	float: left;
	position: relative;	
}

.slider {
	width:48%;
	//margin: 5px;
	//padding: 5px;
	overflow: hidden;
	border-radius : 12px;
	position: relative;
	//border: 1px solid;
	float: left;
	background: #fff;
}

.slider ul {
	display: flex;
	//padding: 5px;
	margin: 5px;
	width: 500%;	
	animation: cambio 10s infinite alternate linear;	
	border-radius: 20px;
	z-index: -1;
}

.slider li {
	width: 80%;
	padding: 10px;
	list-style: none;
}

.slider img {
	width: 100%;
	border-radius: 10px;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

.mensajes{
	width:35%;
	height: 400px;
	margin: 20px;
	background-color: gray;
	overflow: hidden;
	border-radius : 5px;
	position: relative;
	display: block;
	//border: 1px solid;
	float: left;
	overflow: hidden;
	//animation: mover 10s infinite alternate linear;	

}

.nuevo {
	margin: 4px auto;	
	width: 95%;
	height: 10%;
	text-align: center;
	font-family: Arial,Verdana,Helvetica,sans-serif ; 
	font: italic bolder 35px Arial,Verdana,sans-serif ;
	color: white;
	text-shadow: 1px 1px #666, 2px 2px #86D6D3, 3px 3px #666, 4px 4px #86D6D3;	
	border: 1px solid;
	position: relative;	
	border-radius: 5px;
	background-color: #fff;
}

.TInews {
    width: 60%;
    height: 45%;
	//border: 1px solid;
	position: relative;	
	margin: 0px auto;
	background-color: #000;
	border-radius: 8px;
}

.news {
    width: 90%;
    padding: 10px;
    height: 20%;
	//border: 1px solid;
	position: relative;
	margin: 0px auto;
	border-radius: 4px;
	background-color: #fff;
}

.next {
	position: relative;
	margin: 10px;
	//border : 1px solid;
	height: 6%;
	width: 15%;
	float: right;
	text-align: center;
	border-radius: 10px;
	background-color: #ccc;
}

@keyframes mover {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:20px; top:0px;}
  50%  {background-color:blue; left:20px; top:20px;}
  75%  {background-color:green; left:0px; top:20px;}
  100% {background-color:red; left:0px; top:0px;}
}

/*@keyframes mover {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

@keyframes mover {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -25%;}
	45% {margin-left: -45%;}
	
	50% {margin-left: -50%;}
	70% {margin-left: -70%;}
	
	75% {margin-left: -75%;}
	100% {margin-left: -100%;}
} */

footer{	
	clear: left;
	width: 98%;
  	border: 1px solid;
  	padding:  10px;
  	float: left;
  	margin: 0px auto;
  	background: #fff;  	
  	display: block;
	float: left;
	position: relative;	
}

#copyright
{
	color: white;
	width: 50%;
	height: 300px;
	margin-top: 10px; 
	margin-left: 10px;
	padding-top: 30px;
	padding-right: 20px;
	background-color: black;
	font:bold 13px verdana,sans-serif;
	border: 1px solid;
	display: block;
	float: left;
	position: relative;	

}

#footer_right
{
	color: orange;
	font-size: 13px;
	font-style: italic;
	border: 1px solid;
}

.ubicacion{
  width: 40%; 
  right: 100;
  float: right;
  display: inline;  
 } 


 iframe{
  width: 40%;
  border: 1px solid;
  margin: 10px;
  padding: 10px;
  height: 290px;
  border-color: #000;  
  float: right;
  display: inline-block; 
 }