* {
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}

body {
	font-size: 1.1rem;
    color: black;
}

.seccionIndex{
	background: #fe9a66 url("../images/fondos/fondo_home.jpg") no-repeat center center fixed;
	overflow-x: hidden;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.seccion1{
	background: #F06D30 url("../images/fondos/2-fondo_elautor.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.textos1{
	background:#ffcc9a url("../images/fondos/3-fondo_textos.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.seccionPiso2{
	background:#fcc5e2 url("../images/fondos/fondo_salapiso2.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.seccionPiso3{
	background:#f8a81d url("../images/fondos/fondo_salapiso3.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.seccionNoticias{
	background:#ffcb65 url("../images/fondos/fondo_noticias.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.seccionObras{
	background:#fe785f url("../images/fondos/5-fondo_servicios.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.seccionDick{
	background:#fdfdcb url("../images/fondos/fondo_dicktracy.jpg") no-repeat center center fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}



.contenedor {
	width: 90%;
	margin: 20px auto;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, auto);

	max-width: 1100px;
	height: 90vh;

	align-items: center;
	justify-content: center;

	grid-template-areas: "header contenido contenido contenido"
						"header contenido contenido contenido"
						"header contenido contenido contenido";
}

.contenedor > div,
.contenedor .header,
.contenedor .contenido,
.contenedor .sidebar,
.contenedor .footer {
	padding: 20px;
}

.contenedor .header {
	display: block;
	color: #fff;
	grid-area: header;
	z-index: 800;
}

.contenedor .contenido {
	grid-area: contenido;
	max-height: 600px;
	overflow-y: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.contenedor .contenidoL {
	grid-area: contenido;
	overflow-y: auto;
	margin: 0px;
	padding: 0px;
	

	max-height: none;
	width: 100%;
	height: 90vh;
}

.contenedor .contenido .textos{
	float: left;
	width: 50%;
	position: relative;
	height: 520px;
	overflow: auto;
}

/* textos */
.contenedor .contenido .textos p {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.9rem;
	margin-bottom: 20px;
	margin-right: 20px;
}
.contenedor .contenido .textos ul li {
	color: #333;
	padding: 5px;
}
.contenedor .contenido .textos cite {
	padding: 0px 50px 10px;
	display: block;
	color: #333;
	font-family: 'Lato', sans-serif;
	font-size: 1.1rem;
	line-height: 1.5rem;
}
.contenedor .contenido .textos p em {
	font-size:inherit;
}
.contenedor .contenido .textos h3 {
	font-size:2em;
	color:#333;
	font-weight:600;
	margin-bottom:10px;
}
/* fin textos */

.contenedor .contenido .imgTitulo{
	float: left;
	width: 45%;
	margin-right: 5%;
}

.contenedor .sidebar {
	grid-column: 3 / 4;
	background: #fAA43D;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
	grid-area: sidebar;
}

.contenedor .widget-1,
.contenedor .widget-2 {
	background: #55a8fd;
	color: #fff;
	height: 100px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contenedor .widget-1 {
	grid-area: widget-1;
}

.contenedor .widget-2 {
	grid-area: widget-2;
}

.contenedor .footer {
	padding: 0px;
	color: #fff;
	grid-area: footer;

	grid-area: footer;
	width:100vw;
	height:52px;
	background-color:#1E1E1E;
	position:absolute;
	bottom:0px;
	left: 0px;
	position:fixed;
} 

footer ul {
	width:50%;
	left:50%;
	margin-left:-25px;
	position:absolute;
}
footer a {
	background:url(../images/misc/apoyan.png) no-repeat 0px 0px;
	margin:auto;
}
.sello {
	height:50px;
	width:51px;
}
.apoyan {
	height:50px;
	width:67px;
	background-position: -243px 0px;
}
.radiocol {
	height:50px;
	width:67px;
	background-position: -326px 0px;
}
.radionica {
	height:50px;
	width:82px;
	background-position: -407px 0px;
}
.derecha {
	float:right;
	margin:0 15px 0 15px;
}




.translucido{
	background: rgba(0,0,0,0.6);
	color: white;
}

.translucido h3{
	font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 2em;
}

.galerians{
		position: relative;
		max-height: 100vh;
		width: 100%;
		height: 100vh;
		overflow: visible; 
}

.opaco{
	padding: 20px;
	position: relative;
	width: calc(100%-42px);
	height: 520px;
	max-height: 100%;
	overflow-y: hidden;
	
	background:#e2642a;
	color: black;
	border:6px solid #1E1E1E;	
}

.opacoColor2{
	background:
	#feca98;
}

/* video */
.opacoVideo{
	height: 400px;
}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* fin video */

@media screen and (max-width: 960px){
	.contenedor .header {
		background: rgba(0, 0, 0, 0.9);
		color: #fff;
		position: fixed;
		width: 100%;
		margin: 0px;
		top: 0px;
		left: 0px;
		height: 100vh;
		display: block;
		overflow-x: auto;
	}
	
	
	.contenedor {
		grid-template-areas: "header header header header"
						 "contenido contenido contenido contenido"
						 "footer footer footer footer";
	}

	.contenedor .contenido {
		grid-area: contenido;
		max-height: none;
		overflow: visible;		
		margin-top: 70px;
		margin-bottom: 100px;
	}	

	.contenedor .contenido .textos{
		margin-top: 40px;
		float: left;
		width: 100%;
		position: relative;
		height: auto;
		overflow: visible;
	}

	.contenedor .contenido img{
		float: left;
		width: 100%;
	}

	.contenedor .contenido .imgTitulo{
		float: left;
		width: 95%;
	}

	.opaco{
		padding: 2rem;
		float: left;
		position: relative;
		height: auto;
		overflow: visible;

	}

	.opacoVideo{
		height: auto;
	}
	
}

.migas{
	color: black;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 1rem;
	padding: 5px;
	
}

.migas a{
	display: contents;
	color: black;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
	font-size: 1rem;
	padding: 5px;
	
}

/* fancybox */
.modal-container {
	width: 95%;
	max-width: 700px;
	padding: 0;
	margin: 20px 0;
	border-radius: .3em;
	box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
  }
  
  .modal-title {
	font-weight: 700;
	padding: 1.5em;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  
  .modal-body {
	max-height: calc(100vh - 230px);
	min-height: 50px;
	overflow-y: auto;
  }
  
  .modal-footer {
	padding: 1.5em;
	text-align: right;
  }
  
  p:first-child {
	margin-top: 0;
  }
  /* endfancybox */

.heaterMovil{	
	position: fixed;
	background-color: #febf59;
	border-bottom:3px dashed #FFFDF3;
	width: 100%;
	top: 0px;
	padding: 5px 20px;
	display: none;
	z-index: 800;
}


/* scroll */
::-webkit-scrollbar {
    width: 0.6rem;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/* fin scroll */



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

	.heaterMovil{
		display: block;
	}

	.contenedor .contenidoL {
		top: 40px;
		width: 94vw;
		position: relative;
		align-items: initial;
		justify-content: start;
	}
}

@media screen and (max-height: 720px){
	.contenedor .contenido {
		grid-area: contenido;
		max-height: none;
		overflow: visible;
	
	}
}

@media screen and (max-width: 720px){
	.fancybox-content {
		padding: 10x;
		height: 95%;
	}
	.modal-body {
		max-height: 100%;
	}
}

@media screen and (max-width: 500px){
	.contenedor .contenido .textos p {
		font-size: 1rem;
		line-height: 1.5rem;
		margin: 0px;
	}
}