/*
Theme Name: CECREA centros de creación 2018
Description: Sitio web para centros de creación
Author: Oficina de proyectos e ingeniería
Author URI: http://www.cultura.gob.cl
Version: 1.0
*/


@font-face {
  font-family: 'gobCL';
  font-weight: 300;
  font-style: normal;
  src: url("fonts/gobcl_light.eot?") format("eot"), url("fonts/gobcl_light.woff") format("woff"), url("fonts/gobcl_light.ttf") format("truetype");
}

@font-face {
  font-family: "gobCL";
  font-weight: 500;
  font-style: normal;
  src: url("fonts/gobcl_regular.eot?") format("eot"), url("fonts/gobcl_regular.woff") format("woff"), url("fonts/gobcl_regular.ttf") format("truetype");
}
@font-face {
  font-family: "gobCL";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/gobcl_bold.eot?") format("eot"), url("fonts/gobcl_bold.woff") format("woff"), url("fonts/gobcl_bold.ttf") format("truetype");
}
@font-face {
  font-family: "gobCL";
  font-weight: 900;
  font-style: normal;
  src: url("fonts/gobcl_heavy.eot?") format("eot"), url("fonts/gobcl_heavy.woff") format("woff"), url("fonts/gobcl_heavy.ttf") format("truetype");
}


body{
	background-color: #000;
	margin: 0;
	padding: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: "gobCL";
  font-weight: 500;
  font-style: normal;
  color: #374653;
  font-size: 16px;
  width: 100%;
}

a{
	transition: all 400ms ease-out 20ms;
	text-decoration: none;
}

h2{

}
.left{
	float: left;
}

.bx-wrapper a{
	transition: none;
}
.clear{
	clear: both;
}

#top{
	height: 64px;
	background-image: url(img/t.png);
	background-repeat: repeat-x;
	position: absolute;
	/*top: 0;*/
	left: 0;
	right: 0;
	z-index: 999;
	min-width: 1062px;
}
.in{
	width: 1062px;
	margin: 0 auto;
}

#buscador{
	position: absolute;
	top: 65px;
	left: 0;
	right: 0;
	text-align: right;
	z-index: 9999;
	display: none;
}
#buscared{
	background-color: #5dabd7;
	overflow: hidden;
	float: right;
	padding: 3px;
}
#slide{
	height: 490px;
	position: relative;
}
#imgslide{
	object-fit: cover;
	width: 100%;
	height: 490px;
}
#textslide{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
}
#textslide div{
	background: rgba(90, 180, 217, 0.9) /* Green background with 30% opacity */;
	width: 1062px;
	margin: 0 auto;
}
#textslide div span{
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	display: block;
	padding: 20px;
}

/*
header {
	width:100%;
}

header nav {
	float: right;
}

.left{
	float: left;
}
header nav ul {
	list-style:none;
	overflow:hidden;
	margin: 0;
	padding: 0;
}

header nav ul li {
	float: left;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a{
	display:block;
	padding:10px 20px;
	margin: 5px 0;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-shadow: 0px 0px 3px #000;
}

header nav ul li a:hover {
	background: rgba(0, 0, 0, 0.5) /* Green background with 30% opacity ;
}
*/
.size-full{
	width: 100% !important;
	height: auto;
}
#logo{
	float: left;
}

.bt-menu{
	display: none;
}

#gris1{
	background-color: #efefef;
	padding: 15px 0 0 0;
	width: 100%;
	display: block;
	min-width: 1062px;
	overflow: hidden;
}


.vermas1{
	float: right;
}
.clear{
	clear: both;
}
.noticias{
	
}
.noticia:nth-child(3n){
	margin-right: 0;
}
.noticias-noside{
	width: 1000px;
	float: left;
	background-color: #fff;
	padding: 20px 30px;
	margin-bottom: 30px;
}
.noticias-side{
	width: 660px;
	float: left;
	background-color: #fff;
	padding: 20px 30px;
	margin-bottom: 30px;
}
.noticias-side-2{
	width: 730px;
	float: left;
	margin-bottom: 30px;
}
.noticia{
	float: left;
	width: 341px;
	height: 281px;
	background-color: #fff;
	margin: 0 19px 20px 0;
	position: relative;
}
.noticia:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.img-not{
	width: 100%;
	height: 170px;
	object-fit: cover;
}
.tit-not{
	font-size: 18px;
	padding: 10px 20px;
	color: #000;
	display: block;
	font-weight: bold;
	line-height: 18px;
}
.date-not{
	position: absolute;
	bottom: 5px;
	left: 20px;
	background-image: url(img/calendario.png);
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
	color: #5dabd7;
	font-size: 14px;
}

.vermas1{
	padding: 5px 10px;
	border: solid 4px #000;
	margin: 20px 0 0 0;
	color: #000;
}
.vermas1:hover{
	background-color: #000;
	color: #fff;
}



.rojo{
	background-color: #5dabd7;
	min-width: 1062px;
	
}

.dest{
	padding: 20px 0;
	position: relative;
}
.dest img{
	float: left;
	width: 500px;
	height: 380px;
	object-fit: cover;
}

#dest-info{
	display: block;
	margin: 0 0 0 550px;
	color: #fff;
}
#dest-info span{
	font-size: 30px;
	margin: 35px 0 0 0;
	display: block;
	font-weight: bold;
}
#dest-info a{
	position: absolute;
	bottom: 30px;
	color: #fff;
	padding: 10px 20px;
	border: solid 3px #fff;
	font-size: 25px;
	font-weight: bold;
}
#dest-info a:hover{
	background-color: #fff;
	color: #5dabd7;
}


.desktop {
  background: url('img/bg.jpg') no-repeat fixed  black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  height: auto;
  padding: 0 0 40px 0;
}

.title {
  cursor: pointer;
  margin: 0 auto;
  width: 80%;
  padding: 0 10px 75px;
}

#content {

  text-align: left;
  margin: 0 auto;
  min-width: 1062px;

}


.listacentro {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

.listacentro ul {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

.listacentro ul li {
 float:left;
 position:relative;
 right:50%;
 
}
.listacentro ul li a{
	width: 100px; height: 100px;
	display: block;
	margin: 10px;
}
.listacentro ul li a img{
	object-fit: cover;
	height: 100px; width: 100px;
}



#tit-col{
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 30px;
	display: block;
	text-align: center;
	margin: 100px 0 30px 0;
}


.rojo2{
	background-color: #74a1c4;
	padding: 30px 0;
	min-width: 1062px;
}
.rojo2 .in{
	text-align: center;
}

.rojo2 span{
	color: #ffffff;
	font-size: 30px;
	font-size: 300;
	margin: 10px 30px 0 0;
}
#sel-cecrea{
	font-size: 20px;
	padding: 5px;
	width: 450px;
	margin: 0;
	border: none;
	 border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 5px solid #fff;
}

#min{
	float: left;
}
.footer{
	padding: 30px 0 50px 0;
	overflow: hidden;
	background-color: #ece9e9;
	min-width: 1062px;
}
.footer .in p{
	display: block;
	font-size: 14px;
	color: #666;
	padding: 10px 0 0 0;
	width: 550px;
	float: left;
	margin: 0 0 0 20px;
}


#buscar-home{
	float: right;
	margin: 10px 0 0 20px;
}
#buscar-home img{
	width: 20px; height: auto;
}
#escuchar{
	float: right;
	margin: 10px 0 0 20px;
}
#escuchar img{
	width: 20px; height: auto;
}



#redes-footer{
	float: right;
	width: 250px;
}
#redes-footer span{
	font-size: 14px;
	font-weight: 700;
}
.bx-wrapper{
	min-width: 1062px;
}



#titulo{
	padding: 80px 0 50px 0;
	overflow: hidden;
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  min-width: 1062px;
}
#titulo h2{
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 5px 20px;
	background-color: #efefef;
}
.papel{
	background: url(img/textura_papel.jpg) no-repeat center center fixed; 
}
.madera{
	background: url(http://www.cecrea.cl/wp-content/uploads/2018/11/mel-poole-689784-unsplash.jpg) no-repeat center center fixed; 
}

.sep{
	height: 30px;
}

#sidebar{
	width: 270px;
	float: right;
	background-color: #fff;
	padding: 20px 30px;
}

.tit-side{
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #fff;
	background-color: #5dabd7;
	padding: 5px 10px;
}
#sidebar p{
	margin: 0;
	padding: 5px 0;
}

#side-face{
	margin: 50px 0 0 -15px;
	height: 500px;
}

.img-full{
	width: 100%;
	height: auto;
}

.bx-wrapper{
	border: 0px !important;
	margin-bottom: 0 !important;
}


.descargar{
	padding: 5px 20px;
	background-color: #5dabd7;
	color: #fff;
	margin: 3px;
	float: left;
}
.descargar:hover{
	background-color: #aa323b;
}
h3{
	display: block;
	overflow: hidden;
	width: 100%;
	clear: both;
	float:left;
	margin-top: 50px;
}


p a{
	color: #5dabd7;
}
p a:hover{
	text-decoration:underline;
}


#inp-buscador{
	border: none;
	height: 20px;
	padding: 5px;
	width: 250px;
}
#bot-buscador{
	background-color: #5dabd7;
	color: #fff;
	border: none;
	height: 28px;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
}

.noticias-side-2 .noticia:nth-child(3n){
	margin-right: 19px;
}


.cajas{
	width: 600px;
	margin: 0 auto 10px auto;
	background-color: #fff;
	padding: 10px 20px;
	display: block;
	overflow: hidden;
}
.cajas:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);
}
.cajatexto h4{
	display: block;
	font-size: 18px;
	color: #000;
}
.cajaimg{
	float: left;
	margin: 0 20px 0 0;
}
.cajatexto p{
	color: #666;
}

#tit-search{
	display: block;
	text-align: center;
	font-weight: normal;
	background-color: #5dabd7;
	color: #fff;
	width: 600px;
	margin: 0 auto 10px auto !important;
	padding: 20px;
}
#tit-search span{
	font-weight: bold;
}



#videoteca{
	margin: 0;
	padding: 0;
}
#videoteca li{
	list-style: none;
	float: left;
	width: 31%;
	margin: 1%;
}

#cont1{
	background-color: #fff;
	padding: 30px 100px;
}

@media only screen and (max-width: 700px) {
	#cont1{
	background-color: #fff;
	padding: 30px 20px;
}

#videoteca li{
	float: none;
	width: 280px;
	margin: 15px auto;
}

	#tit-search{
	font-size: 18px;
	width: 90%;

	padding: 10px 5%;
}
	#titulo h2{
	font-size: 18px;
}
	.cajaimg{
	float: none;
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
}
	.cajas{
	width: 90%;
	margin: 0 auto 10px auto;
	background-color: #fff;
	padding: 5%;
	display: block;
	overflow: hidden;
}
	#titulo{

  min-width: 100%;
}
	#inp-buscador{

	width: 200px;
}
	.bx-wrapper{
	min-width: 20px;
}
#gris1{
	min-width: 20px;
}
.footer{
	min-width: 20px;
}
#top{
	min-width: 20px;
}
.rojo2{
	min-width: 20px;
}
.rojo{
	min-width: 20px;
}
#content{
	min-width: 20px;
}
	h3{
	display: block;
	overflow: hidden;
	width: 100%;
	clear: both;
	float:none;
	margin-top: 50px;
	}
		
	.descargar{
		display: block;
		padding: 5px 20px;
		background-color: #5dabd7;
		color: #fff;
		margin: 0;
		float: none;
	}

	#sidebar {
	    width: 90%;
	    padding: 5%;
	    float: none;
	    display: block;
	    margin: 40px auto;
	}

	.noticias-side {
	    width: 80%;
		padding: 10%;
	    float: none;

	}
	.noticias-side-2{
	width: 100%;
	float: none;
	padding: 0;
	}
	.listacentro ul li {
	    width: 60px;
	    height: 60px;
	    margin: 10px;
	    background-color: #fff;
	    border-radius: 99px 99px 99px 99px;
	    -moz-border-radius: 99px 99px 99px 99px;
	    -webkit-border-radius: 99px 99px 99px 99px;
	    border: 0px solid #000000;
	}

	#tit-col {
	    font-size: 20px;
	    margin: 50px 0 30px 0;
	}

	.footer .in p {
	    padding: 10px 0 0 0;
	    width: 100%;
	    float: none;
	    margin: 0;
	    text-align: center;
	}

	#min img{
		width: 100px; height: auto;
	}

	#min{
		display: block;
		width: 100px;
		margin: 0 auto;
		float: none;
	}

	#redes-footer span {
	    font-size: 14px;
	    font-weight: 700;
	    display: block;
	}

	#redes-footer{
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 50px 0;
		padding-bottom: 30px;
		border-bottom: solid 1px #fff;
	}

	#buscar-home{
		float: right;
		margin: -25px 0 0 20px;
	}

	.rojo2 span{
		color: #f29ea5;
		font-size: 20px;
		font-weight: 300;
		margin: 10px 0 20px 0;
	}

	#sel-cecrea{
		width: 100%;
		margin: 20px 0 0 0;
		text-align: center;
	}

	.desktop{
	    background-attachment: scroll;
	  }
  
	.title {
	    max-width: 24em;
	  }


	.dest img {
	    float: none;
	    width: 100%;
	    height: 280px;
	    object-fit: cover;
	}

	#dest-info {
	    display: block;
	    margin: 0;
	    color: #fff;
	    padding-bottom: 60px;
	}

	#dest-info span {
	    font-size: 25px;
	    margin: 10px 0 0 0;
	}

	#dest-info a {
	    position: absolute;
	    bottom: 30px;
	    color: #fff;
	    padding: 10px 0;
	    width: 99%;
	    border: solid 3px #fff;
	    font-size: 20px;
	    font-weight: bold;
	    text-align: center;
	}

	.noticia{
		float: none;
		width: 100%;
		height: auto;
		margin: 20px 0;
		position: relative;
		display: block;
		padding-bottom: 30px;
	}

	.noticias{
		width: 100%;

	}

	.in{
		width: 90%;
	}

	#textslide div {
	    width: 90%;
	}

	#slide{
		height: 300px;
	}

	#imgslide{
		height: 300px;
	}

	#textslide div span{
		font-size: 18px;
		display: block;
		padding: 10px;
	}

	#logo img{
		height: 50px;
		width: auto;
		}

	#top{
		height: 50px;
	}

	/* header nav {
		width:80%;
		height:100%;
		margin:0;
		position: fixed;
		left:-100%;
		/*top:0px;
		overflow:auto;
		top: 50px !important;
		background: rgba(0, 0, 0, 0.5) /* Green background with 30% opacity ;
		padding-top: 20px;
	} */
	#menu-principal{
		margin: 20px 0 0 0;
		padding: 0;
		
	}
	#menu-principal li a{
		z-index: 9999;
	}

	.menu_bar {
		display:block;
		width:100%;	
	}

	.menu_bar .bt-menu {
		display:block;
		padding:18px 20px 0 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		overflow: hidden;
		font-size:18px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		text-align: right;
		margin: 0 40px 0 0;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}

	header nav ul li {
		display: block;
		float:none;
		
	}

	header nav ul li a{
		margin: 0;
	}

}

/* Botones sociales */

#social {
	list-style: none;
	padding: 0;
}

#social ul, #social li {
	display: inline;
}

#social img {
	width: 39px;
	height: 38px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#social a:hover img{
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}


/* Tabla en contenidos */

.su-table {
	overflow: scroll;
	height: 600px;
}


/* Paginador */

.pag{
	clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

.page-numbers{
     float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;

}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.page-numbers li {
    float:left;
 position:relative;
 right:50%;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 8px 10px;
    height: 15px;
    line-height: 18px;
    font-size: 16px;
    text-decoration: none;
    font-weight:bold;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #666;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #fff;
    background: #5dabd7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }

/* Media */

img,
video {
        height: auto; /* Make sure images are scaled correctly. */
        max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
        float: none;
        margin: 0;
}

/* Widget */

.widget {
	margin-bottom: 10px;
	display: block;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widgettitle {
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #fff;
	background-color: #5dabd7;
	padding: 5px 10px;
}

/* Menu */

#menu-principal {
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}
 
#menu-principal li {
	display: inline-block;
	position: relative;
	z-index: 100;
}
 
#menu-principal li a {
	font-weight: 600;
	text-decoration: none;
	padding: 11px;
	display: block;
	color: #ffffff;
 
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
 
#menu-principal li a:hover, #menu-principal li:hover > a {
	color: #ffffff;
	background: #03b1e8;
}

/* hide the second level menu */

#menu-principal ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 40px;
	left: 0px;
	background: #ffffff;
}
 
/* display second level menu on hover */

#menu-principal li:hover > ul {
	display: block;
}
 
#menu-principal ul li {
	display: block;
	float: none;
	background: none;
	margin: 0;
	padding: 0;
}
 
#menu-principal ul li a {
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #fff;
	border-left: 3px solid #48cff6;
	background: #48cff6;
}
 
#menu-principal ul li a:hover, #menu-principal ul li:hover > a {
	background: #fff;
	border-left: 3px solid #48cff6;
	color: #797979;
}

/* change level 3 menu positions */

#menu-principal ul ul {
	left: 149px;
	top: 0px;
}

@media (max-width: 700px) {

	#menu-principal {
		display: none;
		float: none;
		margin: 20px 0 0 0;
	}

	nav {
		margin: 0;
		background: none;
	}

	#menu-principal li {
		display: block;
		margin: 0;
	}

	#menu-principal li a {
		background: #01b1e4;
		color: #fff;
	
	}

	#menu-principal li a:hover, #menu-principal li:hover > a {
		background: #0392bb;
		color: #fff;
		border-left: 3px solid #01b1e4;
	}

	/* level 2 and 3 - make same width as all items*/

	#menu-principal ul {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
	 
	#menu-principal ul ul {
		left: 0;
	}
 
}


#div-readspeaker {
	position: absolute;
	top: 65px;
	left: 0;
	right: 0;
	text-align: right;
	z-index: 9999;
	display: none;
}