@charset "UTF-8";
/* CSS Document */
 @import "font-awesome";

body { 
background-color:#1E1E1E;
color:#F2F2F2;
font-family: 'PT Sans', sans-serif;
margin:0;
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
     overflow-y: scroll;
  overflow-x: hidden;
  	perspective: 1px;
	  height: 100%;
}

.fondoprincipal {
    width:960px;
}

#pagina{
	width:100%;
	color:#828282;
	margin:auto;
	background-color:#FFF;
}



#container{
background-image:url(img/fondoutv.jpg);
background-repeat:no-repeat	;
background-position:center;
margin-top: -210px;
height:100vh;
position:static;
width:100%;
 
  background-size:cover;

}

#home{
	background-color:#1E1E1E;
	height:900px;
	width:100%;
	position:absolute;}
	
#redes{
	width:100%;
	background-color:#434343;
	height:100px;
	padding-top:5px;
	padding-bottom:5px;
	position:block;}	

#parallax {
background-image:url(img/Villa31-2.jpg);
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
width:100%;
min-height:200px;
opacity:0.5;	
position:block;
}




header{
	height:45px;
	background-color:#1E1E1E;	
	padding-top:20px;
	padding-bottom:10px;
	position: fixed;
	width:100%;
	z-index:900;
	}

nav {
	background-color:#1E1E1E;
	height:45px;
	width: 100%;
	margin:auto;

}



aside {
    float:right;
    color: #F7935C;
}



a {
color:rgba(255,0,67,1.00);
font-style:none;
text-decoration: none;

}


nav ul {
	list-style:none;
	text-align:center;
	height:20px;
	float:right;
	margin:0;
}


nav.menuheader {
	height:20px;
	}
	
	nav.menuheader ul li{
	height:20px;
	}

nav.menuheader ul li a {
	line-height:28px;
	}
nav.menuheader ul li a:hover {
	color:white;
	transition:0.3s;
	-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
	}


li {
list-style:none;
float:left;
width: 80px;
margin-right:15px;

}

li.buscar{
	width:200px;
	}

.barrabuscar {
    color: rgba(255,0,67,1.00);
    font-size: 15px;
    padding: 10px;
    background-color:rgba(228,228,228,0.98);
    width: 150px;
    height: 5px;
   
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; 
border:solid rgba(0, 0, 0, 0.33) 1px;
}

.barrabuscar:focus{
border:1px solid rgba(255,0,67,1.00);
}


::selection {
  background:rgba(255,0,67,1.00); 
  border-color:rgba(255,0,67,1.00);
  color:white;/* WebKit/Blink Browsers */
}
::-moz-selection {
  background:rgba(255,0,67,1.00); 
  border-color:rgba(255,0,67,1.00);
  color:white;/* Gecko Browsers */
}

textarea:focus, input:focus{
    outline: 0;
}
::-webkit-input-placeholder {
   color:rgba(0,0,0,.33);
   font-weight:light;
   font-style:italic;
   
}

a.logohome {
width:150px;
height:30px;	
color:#FFFFFF;
font-size:28px;
margin-left:25px;
float:left;
position:relative;
}

a.logohome:hover{
	color:rgba(255,0,67,1.00);
	transition: 0.3s;
	-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
	}


i.fa.fa-globe, i.fa.fa-paper-plane, i.fa.fa-eye, i.fa.fa-users{
	font-size:5px;
}

h3 {
	font-size:15px;
	color:white;
    font-family: sans-serif;
    text-align: center;
    
	}







#menu ul.menuflat {
height:250px;
width: 960px;
padding:5px;
margin: 25%;
margin-top: 200px;
	}


#menu ul.menuflat li {
    background-color: #000000;
    opacity: 0.8;
    margin-left: 70px;
    padding: 20px;
    text-align: center;
    height: 100px;
    width: 100px;
    padding-top:30px;
    margin-top: 200px;

}


#menu ul.menuflat li a i{
    font-size: 30px;

}



.inforegis {
    background-color: rgba(255,0,67,1.00);
    color: white;
    width: 400px;
    height: 100px;
    border-radius: 5px;
    padding:10px;
    margin: auto;
    margin-top: 180px;
    line-height: 1.7;
    text-align: left;
}

.info {
font-size: 18px;
line-height: 30px;
    margin-top: 0px;

}

.botonregis {
    float:right;
    background-color: #1E1E1E;
    color: white;
    width: 120px;
    height: 30px;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    margin-top: -50px;
    margin-right: 10px;
}
    
.down {
    margin-top: 20px;
    margin:auto;
    text-align: center;
    color:white;
  
    
}

.scroll {
    margin-top: 20px;
    opacity: 0.8;
  
}

li.redes .fa {
	font-size:25px;
		border:1px solid rgba(255,255,255,1.00);
	  border-radius: 100%;
 height: 30px;
  line-height: 33px;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
  width: 30px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  margin-left: 0px;

	}
	
li.redes .fa:hover {
	background-color:rgba(255,255,255,1.00);
	color:	rgba(30,30,1,1.00);
	}


#redes ul.menuredes li.redes{
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;


	
}

#redes ul.menuredes {
width:285px;
height:60px;
margin-left:auto;
margin-right:auto;
}


h1.secciones {
width:97%;
border-bottom:1px solid rgba(255,0,67,1.00);
color:white;
float:right;
margin-right:15px;
height:40px;
font-size:28px;
text-align:right;
position:relative;
}

#noticias ul {
	width:90%;
	height:90%;
	margin-top:10px;
	position:relative;
	}

#noticias ul li {
	min-height:320px;
	width:190px;
	background-color:rgba(255,255,255,1.00);
	padding:10px;	
	margin-top:15px;
	margin-left:1%;
	position:relative;
	padding-bottom:15px;
	margin-top:3%;
	float:left;
	height:340px;}
	
.noti {
	width:170px;
	height:135px;
	margin-left:10px;
	}
	
#noticias ul li p.titulonoticia {
	background-color:rgba(30,30,1,1.00);
	
	color:white;
	font-size:15px;
	width:160px;
	line-height:15px;
	margin-top:5px;
	padding:5px;
	text-align:left;
	}
	
	#noticias ul li p{
	color:black;
	font-size:10px;
	width:160px;
	
	margin-top:10px;
	
	}
	
	#noticias ul li p.fecha{
	background-color:rgba(30,30,1,1.00);
	color:white;
	font-size:12px;
	
	width:65px;
	
	}
	#noticias ul li a{
		background-color:rgba(255,0,67,1.00);
		color:white;
		font-size:10px;
		width:40px;
		height:10px;
		float:right;
		position:relative;
		padding:5px;
		text-align:center;
		margin-right:15px;
		margin-top:0px;
		}
	
#noticias ul li a:hover{
		background-color:black;
		
		transition:0.3s;
}


div.n1, div.n2, div.n3, div.n4{
	width:170px;
	height:170px;
	margin-top:10px;
	margin-left:10px;
	background-position:center;
	background-repeat:no-repeat;
	}

div.n1{
	background-image:url(img/n1.png);
	background-size:cover;
	background-repeat:no-repeat;
	}	

div.n2{
	background-image:url(img/n2.png);
	background-size:cover;
	background-repeat:no-repeat;
	}	

div.n3{
	background-image:url(img/n3.png);
	background-size:cover;
	}	
	
div.n4{
	background-image:url(img/n4.png);
	background-size:cover;
	background-repeat:no-repeat;
	}	
	
aside {
	margin-top:30px;
	width:160px;
	height:390px;
	background-color:rgba(72,72,72,1.00);
	float:right;
	margin-left:10px;
	margin-right:15px;
    padding-left: 10px;
    padding-right: 10px;
	}
	
aside h2.masvisto {
border: 2px solid rgba(255,0,67,1.00);
width: 160px;
height: 30px;
margin-top: -2px;
}

 aside div.box1 {
        border-top: 1px solid rgba(255,0,67,1.00);
        font-size: 10px;
        color: #ffffff;
        height: 50px;
        width: 160px;
       margin-top: 10px;
    margin-bottom: 60px;
}

aside div.box2 {
        border-top: 1px solid rgba(255,0,67,1.00);
        font-size: 10px;
        color: #ffffff;
        height: 50px;
        width: 160px;
    margin-top: 10px;
    margin-bottom: 60px;
    
}


aside div.box3 {
        border-top: 1px solid rgba(255,0,67,1.00);
        font-size: 10px;
        color: #ffffff;
        height: 50px;
        width: 160px;
      margin-top: 10px;
    margin-bottom: 60px;
}

aside div a{
background-color: rgba(255,0,67,1.00);
width; 50px;
height: 20px;
color: #ffffff;
font-size: 12px;
    padding: 3px;
    float: right;
    margin-top: 17px;
}

h2 {
color: white;
}


.titulos {
    font-size: 25px;
    margin: auto;
    color: white;
    margin-top: 20px;
    margin-left: 40px;
}

h3 {
    font-size: 17px;
    color: white;    
}


	.fotonosotros {
		height: 250px;
        width: 250px;
        float: left;
        margin-left:45px;
		}
		
.biografia {
	width:960px;
	float:right;
	margin-right:55px;
	margin-left:100px;
}

#noticias {
	height:900px;
	}




footer{
padding-top: 12px;
height:40px;
bottom: 0;
text-align:center;
background-color:rgba(71,71,71,1.00);
width:100%;
clear:both;
margin:auto;
color:#ECEBEB;
}

		
	
footer li{
float:right;
margin-bottom:10px;
width: 50px;
height:40px;
margin-top:0px;
}


footer li:hover {
	transition:0.5s;
	-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
	}


  

     
.fa-bars {
color:white;
font-size:25px;	
}

i.fa.fa-bars {
	font-size:22px;}
	
	i.fa.fa-bars:hover {
	color:rgba(255,0,67,1.00);
	transition:0.3s;
	-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
	}