@charset "utf-8";
/* CSS Document */
/*FONTS*/
@font-face {
  font-family: FalsePositive;
  src: url(fonts/falsposr.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Regular.ttf);
}
/*FIN FONTS*/
* {  
    margin: 0;
    padding: 12;
	box-sizing: border-box;
}
/*MEDIAQUERIES*/
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
	position: relative;
    float: left;    
	width: 100%;
	color: #FFFFFF;
	border-radius: 12px;
	border-style: solid;
	border-color: #FFFFFF;	
}
/* Para móviles: */
@media only screen and (max-width: 768px) {
	[class*="col-"] { 
	  width: 100%;
	  height: auto;
	}
  #Plano {height: 360px;}
  #Logo_uv {display: none;}
  .NombreGrupo {display: none;}
  .Splash {display: none;}
  .Titulo {text-align: center;} 
  .Subtitulo {text-align: center;}
  .Parrafo {text-align: center;}
  .MasInfo {margin-bottom: 8px;}
}
/* Para tabletas: */
@media only screen and (min-width: 768px) {
	/*.col-m-25 {width: 25%;}*/
    /*.col-m-33 {width: 33.33%;}*/
    .col-m-50A {width: 50%; height: 230px;}
	.col-m-50B {width: 50%; height: 360px;}
    /*.col-m-66 {width: 66.66%;}*/
    /*.col-m-75 {width: 75%;}*/
    .col-m-100 {width: 100%;}
	#Espacio {display: none;}
	#Logo_uv {display: none;}
}
/* Para pantallas grandes: */
@media only screen and (min-width: 992px) {
	.col-l-25 {width: 25%; height: 245px;}
    /*.col-l-33 {width: 33.33%;}*/
    .col-l-50 {width: 50%; height: 360px;}
    /*.col-l-66 {width: 66.66%;}*/
    .col-l-75 {width: 75%; height: 245px;}
    .col-l-100 {width: 100%;}
	.Wrapper {margin-left: calc((100vw - 992px) / 2); width: 992px; position: relative; }	
	#Espacio {display: none;}
	#Logo_uv {display: inherit;}
}
/*FIN MEDIAQUERIES*/
.Banner {
	position: relative;	
	background-color: #3C3C3C;
	width: 100%;
	height: 87px;
	color: #BBBBBB;
}
.Logo {
	position: absolute;
	top: 8px;
	/*padding: 8px;*/
}
.Menu {
	position: relative;	
	background-color: #AF473C;
	width: 100%;
	height: 36px;	
}
.Titulo{
	padding: 12px;
	font-family: FalsePositive;
	font-weight: normal;
	word-spacing: -4px;
}
.Subtitulo{
	padding: 12px;
	margin-top: -20px;
	font-family: Roboto;
	font-weight: lighter;
	font-style: italic;
	font-size: 14px;
	}
.Lista{
	font-family: Roboto;
	color: #3C3C3C;
	font-size: 14px;	
	}
.NombreGrupo{
	padding: 0;
	font-family: FalsePositive;
	font-weight: normal;	 
	color: #BBBBBB; 
	font-size: 22px; 
	word-spacing: -2px		
	}
.Parrafo{
	padding: 12px;
	font-family: Roboto;
	font-size: 14px;
}
.Parrafo a{	
	color: inherit;		
}
.Marco{
	border-radius: inherit;
	border-style: inherit;
	border-color: inherit;
	height: inherit;
	width: 100%;
}
.Separador{
	width: auto;
	height: 6px; 
	background-color: #CCCCCC; 
	border-radius: 6px; 
	margin: 8px
}
.MasInfo {
  	cursor: pointer;
  	font-family: Roboto;
  	font-size: 14px;
  	font-weight: bold;
  	border: none;
  	border-radius: 6px;
  	color: #3C3C3C;
  	padding: 8px 16px;
  	background-color: #DDDDDD;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
}
.MasInfo:hover{
	background-color: #FFFFFF;		
}
/*MENU*/
.topnav {
  overflow: hidden;
  background-color: #AF473C;
}
.topnav a {
  float: left;
  display: block;
  color: #3C3C3C;
  text-align: center;
  padding: 4px 12px;
  font-family: FalsePositive;
  text-decoration: none;
  font-size: 30px;
}
.topnav a:hover {  
  color: #FFFFFF;
}
.topnav a.active {
  background-color: #686868;
  color: white;
}
.topnav .icon {
  display: none;
}
@media screen and (max-width: 992px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
/*FIN MENU*/