/*
Theme Name: SEA 2021
Author: CNCA Proyectos TICS
Author URI: 
Description: 
Version: 1.0

*/
body{
	background-color:#f8f8f8;
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
	font-family: "gobCL";
  font-weight: 500;
  font-style: normal;
}
#cssmenu > ul > li.has-sub > a:hover{
	color: #F98368 !important;
}
#cssmenu > ul > li > a:hover{
	color: #F98368 !important;
}

#facebook{
	height: 800px;
}

.lab-act{
width:120px;
display:block;
float:left;
}
.act-2{
display:block;
margin:0 0 0 125px;
}
.act-list{
display:block;
overflow:hidden;
margin:10px 0;
}

.boxeshome{
	width: 672px;
	overflow: hidden;
	float: left;
}
.facehome{
	float: left;
	width: 320px;
}


.img-slider{
	height:320px;
	display:block;
	position:relative;


}
.img-slider{
	background-image:url(img/fimg.png) !important;
	background-repeat:repeat-x;
	background-position:bottom left;
}

.slider-info{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.flechas-slider{
	position:absolute;
	bottom:0;
	right:0;
	background-color:#000;
	padding:0px 20px;
	color:#FFF;
}
.flechas-slider a{
	color:#FFF;
	text-decoration:none;
	font-size:20px !important;
}
.slider2{
	color:#FFF;
	font-weight:700;
	display:block;
	font-size:34px;
	line-height:34px;
	padding:0 60px 50px 60px;
}
.slider2:hover{
	text-decoration:underline;
}

.slider1{
	color:#FFF;
	display:block;
	margin:0 60px 0 60px;
}


p a{
color:#de2f17;
}


.certificado{
	float:left;
	width:30%;
	margin:1%;
	padding:110px 0 0 0;
	background-image:url(img/cert.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
}
.certificado p span{
	color:#666;
	display:block;
	font-size:16px;
}

a{ text-decoration:none; }

@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");
}
@font-face {
	font-family: 'Conv_Marujo';
	src: url('fonts/Marujo.eot');
	src: local('☺'), url('fonts/Marujo.woff') format('woff'), url('fonts/Marujo.ttf') format('truetype'), url('fonts/Marujo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


#top{
	background-color:#ffffff;
	background-position:center;
	
}
#top2{
	background-color:#544453;
	padding:0 0 10px 0;
	background-position:center;
}
#top-in{
	width:1920px;
	margin:0 auto;
	background-position:center;
}

#cnca-top{
	float:left;
}

#nav-top{
	background-color:#4A68AC   ;
	float:center;
	
}
#top-logo{
	float:center;
	
}

#nav{
	float:center;
}

#nav1{
	float:center;
	margin:15px 0 0 0;
	padding:0;
}
#nav li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
		z-index:9999;
}
#nav li a{
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	padding:10px 15;
	display:block;
}
#buscar-top{
	background-image:url(img/lupa.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px !important;
}


#user-top{
	float:right;
	color:#fdd454;
	font-weight:bold;
	font-size:14px;

	text-align:center;
	margin:0 0 0 10px;

}

#show_login{
	float:left;
	color:#FF8500 !important;
	font-weight:bold;
	padding: 10px 5px 10px 5px;
	line-height:1;
	font-size:15px;
}

.clear{
	clear:both;
}

#logo{
	display:block;
	margin:0 auto 20px auto;
	width:100%;
height: auto;
overflow: hidden;
}
#logo img{
width: 100%;
height: auto;
}
#logo2{
	padding:10px 0 20px 0;
	margin:0 auto;
	background-position:center;
}

.bot1{
	background-color:#F98368 ;
	color:#FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #000000;
	text-align:center;
	padding:5px 10px;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-size:16px;
	font-weight: bold;
}
.bot1:hover{
	cursor: pointer;
	background-color: #dbb019;
}
#iniciar{
	width:190px;
	color:#FFFFFF;
	display:block; 
	margin:10px auto;
}
#entrar{
	width:150px;
	color:#FFFFFF;
	display:block; 
	margin:10px auto;
}
#registrate{
	width:150px;
	display:block;
	margin:30px auto;
}
#registrar{
	width:250px;
	display:block;
	margin:30px auto;
	font-size:18px;
}
#enviar-reporte{
	width:150px;
	display:block;
	margin:10px auto;
}

#s {
    float:left;
    height: 34px;
    width: 50%;
    margin: 0 auto;
    padding: 0 0 0 10px;
	display:block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.in{
	width:1050px;
	margin:0 auto; 
}
#nav-top .in{

}


#buscadores{
	width:1050px; /*740px;*/
	margin:0 auto;
	padding:20px 0;
	background-color:#f8f8f8;
	text-align:center;
}
#buscadores span{
	float:none;
	width:100%;
	text-align:center;
	line-height:16px;
	margin:0 0 20px 0;
	font-weight:bold;
	display: block;
}

.styled-select select {
background: transparent;
   width: 110px;
   padding: 5px 0;
   line-height: 1.5;
   border: 0;
   border-radius: 0;
   height: 34px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.styled-select {
	float:left;
	width: 140px;
	height: 34px;
	overflow: hidden;
	background: url(img/select-flecha.png) right no-repeat #ddd;
	border: 1px solid #ccc;
	margin:0 5px 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
   }
   
   
   #nombre{
	   float:left;
	   background-color:#ddd;
	   border: 1px solid #ccc;
	   height:34px;
	   width:150px;
	   margin:0 5px 0 0;
	   padding:0 0 0 10px;
	   color: #000;
   }
   #nombre::-webkit-input-placeholder {
   	color: #000;
   }

   #fecha{
	   float:left;
	   background-color:#ddd;
	   border: 1px solid #ccc;
	   height:34px;
	   margin:0 5px 0 0;
	   padding:0 0 0 10px;
	   color: #000;
   }
   #fecha::-webkit-input-placeholder {
   	color: #000;
   }

   #buscar{
	   width:100px;
	   display:block;
	   float:left;
	   margin:2px 0 0 10px;
   }
   
   
   
#cuadros-out{
	background-color:#544453;
	padding:20px 0;
	margin:20px 0;
}
#cuadros{
	width:910px;
	margin:0 auto;
	overflow:hidden;
}
#cuadros div{
	width: 300px;
	height:270px;
	float:left;
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center 27px;
	position:relative;
}

#que{
	background-color:#2fb2ae;
	background-image:url(img/que.png);
}
#quienes{
	background-color:#da3d3a;
	background-image:url(img/quienes.png);
}
#como{
	background-color:#f8aa26;
	background-image:url(img/como.png);
}

#cuadros div span{
	display:block;
	text-align:center;
	margin:70px 0 0 0;
	font-size:25px;
}
#cuadros div p{
	display:block;
	text-align:center;
	margin:10px 30px;
	font-size:16px;
}
#cuadros div a{
	background-color:transparent !important;
	position:absolute;
	bottom:20px;
	width:200px;
	left:45px;
}


#cajas{
	width:915px;
	margin:0 auto;
}
.caja{
	
background-color:#FFFFFF;
line-height:15px;
}

#cajas-izq{
	float:left;
}
#cajas-der-izq{
	float:left;
	margin:0 0 0 16px;
}
#cajas-der-der{
	float:left;
	margin:0 0 0 16px;
}








.caja1{
	width:480px;
	height:240px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #000000;
float:left;
}

.caja1 .img{
	width:240px;
	height:240px;
	float:left;
	border-radius: 3px 0 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.caja1 .info{
	display:block;
	margin:0 10px 10px 270px;
	height:225px;
	position:relative;
}
.caja1 .caja-user{
	display:block;
	width:46px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.info .caja-user{
	height:46px;
}







.caja2{
	width:480px;
	height:166px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.caja2 .img{
	width:240px;
	height:166px;
	float:left;
	border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}
.caja2 .info{
	display:block;
	margin:0 10px 10px 270px;
	height:155px;
	position:relative;
}
.caja2 .caja-user{
	display:block;
	width:46px;
	margin:0 auto;
	padding:10px 0 0 0;
}


.caja3{
	width:480px;
	height:420px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
position:relative;
}

.caja3 .info{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:200px;
	background-image:url(img/f-caja3.png);
}

.caja3 p{
	color:#FFF;
	padding:10px 50px;
	margin:0;
	font-size:16px;
}
.caja3-t{
	margin:90px 50px 0 50px;
	font-size:22px;
	color:#FFFFFF;
	display:block;
}
.caja3-t:hover{
	text-decoration:underline;
}
	
	

.caja4{
	width:200px;
	height:240px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #000000;
position:relative;
}

.caja4 .img{
	width:200px;
	height:130px;
	display:block;
	border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.caja4 .info{
	display:block;
	margin:0 20px 10px 20px;
	height:95px;
	position:relative;
}
.caja4 .caja-user{
	display:block;
	width:46px;
	margin:0 auto;
	position:absolute;
	top:-25px;
	left:55px;
}
.caja4 .caja-tit{
	padding:30px 0 0 0;
}




.caja5{
	width:200px;
	height:166px;
	background-color:#5685c0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-image:url(img/doc.png);
background-repeat:no-repeat;
background-position: center 30px;
margin:0 0 16px 0;
}
.caja5 a{
	color:#FFFFFF;
	line-height:14px;
	padding:80px 20px 0 20px;
	display:block;
}
.caja5 a:hover{
	text-decoration:underline;
}







.caja6{
	width:200px;
	height:164px;
	background-color:#74b3ba;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-image:url(img/doc.png);
background-repeat:no-repeat;
background-position: center 30px;
margin:0 0 16px 0;
}
.caja6 a{
	color:#FFFFFF;
	line-height:14px;
	padding:80px 20px 0 20px;
	display:block;
}
.caja6 a:hover{
	text-decoration:underline;
}





.caja7{
	width:200px;
	height:420px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #000000;
}

.caja7 .img{
	width:200px;
	height:180px;
	display:block;
	border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.caja7 .info{
	display:block;
	margin:0 20px 10px 20px;
	height:197px;
	position:relative;
	padding:30px 0 0 0;
}
.caja7 .caja-user{
	display:block;
	width:46px;
	margin:-70px auto 0 auto;
	padding:10px 0 0 0;
}










.caja8{
	width:355px;
	height:145px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #000000;
float:left;
margin:5px;
}

.caja8 .img{
	width:140px;
	height:145px;
	float:left;
	border-radius: 3px 0 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.caja8 .info{
	display:block;
	margin:0 10px 10px 160px;
	height:135px;
	position:relative;
}
.caja8 .caja-user{
	display:block;
	width:46px;	margin:0 auto;
	padding:10px 0 0 0;
}

.caja8 .info p{
	margin:0 !important;
	padding:0;
}










.caja-tit{
	display:block;
	padding:10px 0;
	font-weight:700;
	color:#333;
}
.caja-tit:hover{
	color:#C30;
	text-decoration:underline;
}

.ref{
	position:absolute;
	left:0;
	bottom:0;
}

.like{
	float:left;
	padding:0 0 0 15px;
	background-image:url(img/corazon-rojo.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.view{
	float:left;
	padding:0 0 0 18px;
	background-image:url(img/view.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 0 0 15px;
}
.caja .img{
	background: url(images/bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
}


.mas{
	color:#333;
	display:block;
	text-align:right;
	text-decoration:underline;
	margin:15px 0 20px 0;
}


.t1{
	color:#544453;
	display:block;
	font-size:24px;
	margin:10px 0;
	width:990px;
	font-family: "gobCL";
	font-weight:500;
}

.box2{
	width:25%; height:190px; float:left;
	color:#FFFFFF;
	background-image:url(img/calendario.png);
	background-repeat:no-repeat;
	background-position: 145px 10px;
	position:relative;
}
.box2 .act1{
	font-weight:bold;
	display:block;
	padding: 15px 0 0 20px;
	font-size:12px;
}
.box2 .acti-info{
	padding:10px 20px !important;
}
.box2 p{
	margin:0;
	padding:0;
	line-height:16px;
}
.box2 a{
	color:#FFFFFF;
	display:block;
	margin:10px 0 0 0;
}

.acti-info{
	padding:20px;
	display:block;
}
#boxact1{
	background-color:#544453;
}
#boxact2{
	background-color:#f8aa26;
}
#boxact3{
	background-color:#2fb2ae;
}
#boxact4{
	background-color:#e95150;
}
#actividades div span{
	font-weight:700;
	font-size:16px;
	display:block;
	margin:20px 0 0 20px;
}
#actividades div div span{
	margin:0px;
	font-size:16px;
	font-weight:normal;
}
#actividades div div p{
	margin:0;
	padding:0;
}
#actividades div div a{
	bottom:5px;
	position:absolute;
	color:#FFFFFF;
}


.escuela{
	float:left;
	width:33%;
	height:120px;
	background-color:#FFFFFF;
	border:1px solid #efefef;
	margin:0 0 20px 0;
	line-height:16px;
}

.esc-img{
	width:100px;
	height:120px;
	float:left;
	background: url(images/bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
}

.esc1{
	color:#000000;
	font-weight:700;
	display:block;
	margin:15px 0 0 0;
}

.esc-info{
	display:block;
	margin:5px 30px 10px 110px;
}
.esc-info p{
	margin:0;
	padding:0;
	color:#333;
}


#footer{
	background-color:#fff;
	border-top:solid 1px #c3c3c3;
	border-bottom:solid 10px #FFE5B3 ;
	padding-bottom:30px;
}
#footer-in{
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	
}


#footer-logos{
	overflow:hidden;
}
#footer-logos a{
	float:left;
	margin:0 5px 0 0;
}
#footer-logos a img{
	border:none;
}

#balmaceda{
	margin:20px 10px 0 10px !important;
}
#dibam{
	margin:20px 10px 0 10px !important;
}
#unesco{
	margin-left:10px !important;
}
#viola{
	margin: 10px 0 0 10px !important;
}

#footer p{
	font-size:12px;
	line-height:14px;
	border-top:solid 1px #c3c3c3;
	margin: 0 ;
	padding:30px 20px 0 20px;
	text-align:center;
}

#cajas-resp{
	display:none;
}



#gris{
	width:990px;
	margin:0 auto;
	background-color:#e8e5e5;
	overflow:hidden;
}
#blanco{
	width:990px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
#cont-b{
	float:right;
	width:735px;
	background-color:#FFF;
	padding:20px;
}
#cont-g{
	float:right;
	width:735px;
	background-color:#f3f6fb;
	padding:20px;
}

.t2{
	font-weight:700;
	font-size:28px;
	color:#544453;
	display:block;
	font-family: "gobCL";
}
.t3{
	font-size:26px;
	color:#544453;
	line-height:30px;
	display:block;
	text-align:center;
}

#elenco-izq-musica{
	display:block;
	padding:10px 0 10px 25px;
	background-image:url(img/elenco-musica.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:13px;
	line-height:15px;
}
.inp{
	background-color:#f8f8f8;
	border:solid 1px #bcc2d1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
}

.form1{
	overflow:hidden;
	padding:5px 0;
}

.lab1{
	width:250px;
	display:block;
	float:left;
	padding:8px 0 0 0;
}
.lab2{
	display:block;
	float:left;
	padding:8px 8px 0 20px;
}
.lab3{
	display:block;
	float:left;
	padding:8px 8px 0 70px;
}
.lab4{
	display:block;
	margin:0 0 0 20px;
	line-height:14px;
}

.lab6{
	width:130px;
	display:block;
	float:left;
	padding:8px 0 0 0;
}


.inp1{
	width:400px;
}
.inp2{
	width:200px;
}
.inp3{
	width:220px;
}
.inp4{
	width:100px;
	float:left;
	margin:0 40px 0 0;
}
.inp5{
	width:140px;
	float:left;
}
.inp6{
	float:left;
	margin:0;
	padding:0;
}

.formin{
	display:block;
	margin:0 0 0 255px;
}

.ul3{
	margin:8px 0 0 0;
	padding:0;
}
.ul3 li{
	float:left;
	width:140px;
	list-style:none;
	display:block;
	height:35px;
}

.ul2{
	margin:8px 0 0 0;
	padding:0;
}
.ul2 li{
	float:left;
	width:200px;
	list-style:none;
	display:block;
	height:30px;
}
.formsep{
	border-top:solid 3px #e8e5e5;
	padding:10px 0;
}






#topform{
	background-color:#26b4bb;
	margin:-20px -20px 20px -20px;
	overflow:hidden;
}
.tf1{
	color:#FFFFFF;
	float:left;
	display:block;
	padding:15px 20px;
}
.tf2{
	color:#FFFFFF;
	float:right;
	display:block;
	padding:15px 25px;
	background-color:#f8aa26;
	text-transform:uppercase;
	letter-spacing: 2px;
}

.tfmail{
	padding:15px 25px 15px 20px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-image:url(img/mensaje.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.tfmail span, .tfmaalerta span{
	background-color:#31676f;
	padding:2px 8px;
	border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.tfmaalerta{
	padding:15px 25px 15px 20px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-image:url(img/alerta.png);
	background-repeat:no-repeat;
	background-position:left center;
}


#perfil-izq{
	float:left;
	width:215px;
	
}


#user-izq{
background-color:#da3d3a;
position:relative;
padding:0 0 10px 0;
}
#config-izq{
	position:absolute;
	top:10px;
	right:10px;
}
#img-perfil-izq{
	width:90px;
	display:block;
	margin:0 auto;
	padding:20px 0 0  0;
}
#nombre-izq{
	display:block;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
position:absolute;
bottom:0;
right:0;
left:0;
background-image: url(img/fimg.png);
background-position:bottom left;
background-repeat: repeat-x;
padding:30px 0 10px 0;
background-size:3px 60px;
}
#lugar-izq{
	display:block;
	color:#FFFFFF;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 15px;
	background-image:url(img/gps.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:95px;
}
#guia-izq{
	background-color:#26b4bb;
	color:#FFFFFF;
	display:block;
	text-align:center;
	text-transform:uppercase;
	padding:10px 15px;
	letter-spacing:3px;
	font-size:13px;
}

#info-izq{
	margin:10px 20px;
}
#reporte-izq{
	background-color:#f3f6fb;
	padding:30px 10px 10px 10px;
	font-size:13px;
	line-height:17px;
	margin:30px 0 0 0;
}
#reporte{
	margin:-40px 0 0 0;
	display:block;
}

#buscar-dach{
	width:450px;
	margin:30px auto;
}

.materiales{
	width:32%;
	margin:0 1% 20px 0;
	float:left;
	height:210px;
	position:relative;
	
	
}
.materiales a{
	color:#FFF;
	background-color:#5685c0;
	display:block;
	height:115px;
	background-image:url(img/doc.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
	padding:60px 0 0 0;
}
.materiales span{
	display:block;
	padding:10px 20px 5px 20px;
	font-size:16px;
	line-height:18px;
}

.materiales a p{
	margin:0 20px;
	padding:0;
	line-height:16px;
}

.agenda{
	float:left;
	width:20%;
	background-color:#26b4bb;
	height:150px;
}
.g{
	background-color:#74b3ba !important;
}
.ic-agenda{
	float:left;
	margin:10px;
}
.ag1{
	float:right;
	font-weight:300;
	margin:10px;
	font-size:20px;
	color:#FFF;
}
.agenda p{
	color:#FFFFFF;
	margin:20px 10px 10px 10px;
	line-height:16px;
}


.perfil{
	overflow:hidden;
	float:left;
	margin:0 10px 20px 0;
	width:238px;
	background-color:#fff;
	border:solid 1px #CCCCCC;
	height:320px;
	position:relative;
}

.perf-img{
	width:auto;
	height: 50px;
	width:50px;
	display:block;
	margin:5px auto;
	border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius:30px;

background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.perf-t1{
	display:block;
	text-align:center;
	margin:10px;
	font-weight:700;
}

.perfil p{
	font-size:13px;
	line-height:16px;
	margin:10px;
}
.perf-pub{
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:700;
}

.verperfil{
	width:120px;
	   display:block;
	   margin:10px auto;
	   padding:2px;
	   position:absolute;
	   bottom:10px;
	   left:0;
	   right:0;
}

.publico{
	width:990px;
	margin:0 auto;
	display:block;
}
.anchito{
	width:1000px;
}

.anchito2{
	width:680px;
	float:right;
	display:block;
	margin:0 -15px 0 0;
}
#izq{
	float:left;
	width:300px;
}
#izq-img{
	height:240px;
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
position:relative;
}

.t5{
	display:block;
	padding:30px 0 20px 0;
	font-size:24px;
	font-weight:700;
}


.publico .t2{
	margin:30px 0 0 0;
}

.publico .caja1{
	margin:10px 10px 0 0;
}


#top-singlenoticia{
	background: url(images/bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  width:100%;
  height:330px;
  position:relative;
  padding:20px 0 0 0;
}


#single-izq{
	width:700px;
	float:right;
	margin:0 0 80px 0;
}

#ref-single{
	position:relative;
}
#ref-single span{
	color:#999;
}
#ref-single .ref{
	right:20px !important;
	left:inherit;
}

#single-der{
	float:left;
	width:280px;
}
#single-perfil img{
	width:90px; 
	height:auto;
	display:block;
	margin:20px auto 5px auto;
}
#single-perfil span{
	color:#333333;
	text-align:center;
	font-weight:700;
	display:block;
	font-size:20px;
}

.st-cont{
	clear:both;
 float:left;
 overflow:hidden;
 width:100%;
 margin:10px 0;
}

#single-tags{

	
	
	float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}
#single-tags li{
	list-style:none;
	margin:0;
	padding:0;
	
	float:left;
 position:relative;
 right:50%;
}
#single-tags li a{
	padding:3px 8px;
	display:block;
	margin:3px;
	border:solid 1px #999999;
	border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color:#999999;
}

#single-t{
	margin:20px 0 0 55px;
	color:#999999;
	display:block;
	
	
	display:none;
}


.img-post{
	margin:0 0 0 -150px;
	width:850px;
	height:auto;
}

#perfil-img{
	display:block;
	padding:0;
	margin: 0 auto 10px auto;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	height:60px;
	width:60px;
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	

}

#perf1{
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
}
#perf2{
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	padding:25px 0 00;
	background-image:url(img/gps2.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin:10px auto 0 auto;
}

#fav{
	position:absolute;
	top:20px;
	left:20px;
}


.elenco{
	background-color:#b0bbc7;
	color:#FFFFFF;
	float:left;
	padding:7px 7px 7px 30px;
	background-image:url(img/ic-musica.png);
	background-repeat:no-repeat;
	background-position:7px center;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


.ta1{
	height:80px;
}
.ta2{
	height:140px;
}

.dias{
	border-bottom:solid 2px #CCCCCC;
	padding:10px 0;
	margin:10px 0;
}
.dia{
	display:block;
	font-size:30px;
	font-weight:300;
	color:#666666;
	background-image: url(img/calendario2.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 0 2px 35px;
}

.actividad{
	display:block;
	margin:2px 0 2px 35px;
	background-color:#856884;
	overflow:hidden;
}

.actividad img{
	float:left;
	margin:20px 0 20px 20px;
}
.act-fecha{
	float:left;
	color:#FFFFFF;
	font-size:28px;
	margin:12px 0 0 10px;
}
.ag-act-info{
	float:left;
	width:300px;
	color:#FFF;
	margin:14px 0 5px 20px;
	line-height:18px;
}
.ag-act-info span{
	display:block;
	font-size:18px;
}

.actividad a{
	color:#FFFFFF;
	float:right;
	margin:35px 20px 0 0 ;
	text-decoration:underline;
}

.ag-act{
	background-image:url(img/ag-sel.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:3px 0 3px 30px;
	display:block;
	color:#666;
	font-size:18px;
	margin:5px 0 5px 35px;

}



#modal1{
	width:510px;
	margin:30px auto;
	border-radius: 10px;
	padding:20px 40px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
}
.med{
	text-align:center;
}

#eleccion{
	margin:0;
	padding:0;
}
#eleccion li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#eleccion li a{
	display:block;
	color:#FFF;
	margin:10px;
	padding:10px 35px;
	text-transform:uppercase;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #000000;
}

#sel-jar{
	background-color:#009241;
}
#sel-esc{
	background-color:#fdd454;
}
#sel-uni{
	background-color:#de2e17;
}
#sel-for{
	background-color:#3152A1;
}
#sel-esp{
	background-color:#5ba5cc;
}
#sel-mes{
	background-color:#D45D01;
}
#sel-otr{
	background-color:#FF5E82;
}
#sel-jar:hover, #sel-esc:hover, #sel-uni:hover, #sel-for:hover, #sel-esp:hover, #sel-mes:hover, #sel-otr:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);

}

#modal2{
	width:200px;
	margin:30px auto;
	border-radius: 10px;
	padding:20px 30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
}
.inp-ing{
	width:90%;
	margin:0 auto 10px auto;
}

#olvide{
	_float:right;
	/*color:#b7becd;*/
	color:#de2f17;
}
#olvide:hover{
	text-decoration: underline;
}
#reg{
	_float:left;
	/*color:#b7becd;*/
	color:#de2f17;
}
#reg:hover{
	text-decoration: underline;
}

.div_ingresar {
	width: 400px;
	margin:20px auto 50px auto;
}











.box{
	float:left;
	width:316px;
	margin:0 20px 20px 0;
}
.boxno{
	margin:0 0 20px 0 !important;
}

.boximg{
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height:200px;
  position:relative;
  
  background-color:#CCC;
}

.boxinfo{
	font-size:12px;
	margin:10px 0 0 0;
	height: 110px;
	overflow: hidden;
	display: block;
}
.boxinfoin{
	font-size:12px;
	position:absolute;
	bottom:0; left:0;
	right:0;
	
	padding:30px 20px 25px 20px;
	color:#FFF;
}
.boxinfoblack{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	top:0;
	display:block;
	background-image:url(img/fimg.png);
	background-repeat:repeat-x;
	background-position:bottom left;

	
}
.boxinfoblack:hover{
	background-image:url(img/fimg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}
.boxinfoin .boxnom{
	display:block;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#FFF;
}
.boxnom:hover{
	text-decoration:underline;
}
.boxinfo span{
	display:block;
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	margin:4px 0;
}
.boxinfo span a{
	color:#333;
}
.boxinfo span a:hover{
	color:#C00;
}
.boxinfo p{
	font-size:14px;
	line-height:14px;
	margin:2px 0;
	color:#666;
}
.boxetiqueta{
	position:absolute;
	bottom:0;
	left:0;
	
}

.label_agenda, .label_actividad{
	background-color:#008165;
}
.label_noticias{
	background-color:#d35e00;
}
.label_materiales{
	background-color:#3152a1;
}
.label_coros{
	background-color:#fdd454;
}
.label_sin-categoria{
	background-color:#C00;
}
.boxetiqueta a{
	color:#FFF;
	padding:5px 10px;
	display:block;
}
.boxetiqueta a:hover{
	color:#FFF;
	background-color:#000;
}

.t1{
	display:block;
	text-align:center;
	padding:15px 0;
	font-size:30px;
	background-color:#4A68AC; // #0083c3  ; //ff4e73;
	color:#fff;
	font-weight:bold;
	line-height:30px;
}

.slide {
	height:320px;
	width:652px;
	float:left;
	margin:0 20px 15px 0;
	
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#quees{
	background-color:#4A68AC;
	height:220px;
}
#quees .in{
	clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}
#quees .in ul{
	
	
	float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}
#quees .in ul li{
	list-style:none;
	margin:0;
	padding:0;
	
	float:left;
 position:relative;
 right:50%;
}
#quees .in ul li a{
	color:#FFF;
	background-color:#F98368;
	text-align:center;
	font-size:30px;
	line-height:30px;
	display:block;
	width:180px;
	font-weight:bold;
	padding:60px 0; margin:20px;
	border-radius: 150px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
}

#quees .in ul li a:hover{
	background-color:#b25105;
}


.t4{
	float:left !important;
	text-align:left !important;
	font-weight: 700;
font-size: 28px;
color: #544453;
margin:10px 0 0 30px !important;
font-family: "gobCL";
}

.noticia{
	float:left;
	width:315px;
	height:300px;
	background-color:#fff;
	margin:0 15px 25px 0;
	color:#333;
position:relative;
}
.noticia:hover, .noticia:hover .not-info p{
	background-color:#F98368 !important;
	color:#FFF !important;
}
.not-img{
	height:170px;
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#CCC;
}

.perf-img2{
	width:50px; height:50px;
	margin:-40px auto 0 auto;
	border:solid 3px #FFFFFF;
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  border-radius: 150px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);

}
.matperf{
	float:left;
	width: 30px !important;
	height: 30px !important;
	margin:0 !important;
}
.matbot{
	position: absolute;
	bottom:5px;
	left: 25px;
}

.not-info{
	padding:10px 20px;
	text-align:center;
}
.not-info span{
	font-weight:700;
	margin:10px 0 0 0;
	display:block;
	text-transform:uppercase;
	font-size:18px;
	overflow:hidden;
	max-height:37px;
	text-overflow: ellipsis;
	line-height:18px;
}
.not-info p{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:15px;
	color:#666;
	max-height: 50px;
	overflow: hidden;
}

.act-abierta{
	display:block;
width:150px;
bottom:-10px;
margin:0 0 0 63px !important;
position: absolute;
color:#fff !important;
background-color:#a00201;
font-size:12px !important;
font-weight: normal !important;
}

.act-cerrada{
	display:block;
width:150px;
bottom:-10px;
margin:0 0 0 63px !important;
position: absolute;
color:#000 !important;
background-color:#d2dce1;
font-size:12px !important;
font-weight: normal !important;
}

#f-amarillo{
	background-image:url();
	background-repeat:repeat-x;
	padding:30px 0 0 0;
	margin-top: -20px;
}

#tit-not{
	text-align:center;
}
.tn1{
	display:block;
	font-size:36px;
	font-weight:bold;
	margin:20px 0 0 0;
}

#tn12{
	font-size:36px;
	font-weight:300;
	color:#3793bd;
	}

.tn2{
	display:block;
	font-size:18px;
	font-weight:bold;
}
.tn3{
	display:block;
	font-size:16px;
	margin:5px 0 0 0;
}

.perf-img3{
	width:50px; height:50px;
	margin:10px auto 0 auto;
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  border-radius: 150px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;

}
.tn4{
	display:block;
	font-size:14px;
	margin:5px auto;
	font-weight:bold;
	color:#000;
}

.material{
	float:left;
	width:315px;
	height:120px;
	margin:0 15px 15px 0;
	color:#000;
	background-repeat:no-repeat;
	background-position: 240px center;
	position: relative;
}
.material span{
	width:200px;
	margin:30px 0 0 30px;
	display:block;
	font-weight:700;
}
.matp{
	display: block;
	width:100px;
	font-size:12px;
	line-height:12px;
	margin: 0 0 0 50px;
}
.txt{
	background-color:#c0f4fa;
	background-image:url(img/ico-txt.png);
}
.pdf{
	background-color:#feced8;
	background-image:url(img/ico-pdf.png);
}
.doc, .docx{
	background-color:#ffeeb7;
	background-image:url(img/ico-doc.png);
}
.xls, .xlsx{
	background-color:#f5ffd8;
	background-image:url(img/ico-xls.png);
}
.ppt, .pptx{
	background-color:#fbe1bf;
	background-image:url(img/ico-ppt.png);
}
.gif{
	background-color:#a8f3fc;
	background-image:url(img/ico-gif.png);
}
.jpg, .jpeg{
	background-color:#ffdbcc;
	background-image:url(img/ico-jpg.png);
}
.png{
	background-color:#fbe9ad;
	background-image:url(img/ico-png.png);
}
.mp4{
	background-color:#fdd454;
	background-image:url(img/ico-mp4.png);
}
.mov{
	background-color:#e0f1fd;
	background-image:url(img/ico-mov.png);
}
.avi{
	background-color:#6dc9b2;
	background-image:url(img/ico-avi.png);
}
.m4a{
	background-color:#fdd454;
	background-image:url(img/ico-generico.png);
}
.mp3{
	background-color:#fdd454;
	background-image:url(img/ico-mp3.png);
}
.wav{
	background-color:#fdd454;
	background-image:url(img/ico-wav.png);
}
.rar{
	background-color:#6dc9b2;
	background-image:url(img/ico-rar.png);
}
.zip{
	background-color:#6dc9b2;
	background-image:url(img/ico-zip.png);
}
.generico{
	background-color:#6dc9b2;
	background-image:url(img/ico-generico.png);
}
	
	#esc{
		margin:0;
		padding:0;
	}
	#esc li{
		list-style:none;
		margin:0;
		padding:0;
	}
	#esc li a{
		display:block;
		padding:5px 10px;
		color:#333;
		border-bottom:solid 1px #FFE5B3;
	}
	#esc li a:hover{
		background-color:#fff;
	}
	#esc-current{
		background-color:#FFE5B3;
		font-weight:700;
	}






p{
	line-height:22px;
	font-size:16px;
}




.boxes{
	width:1100px;
}




#descargar{
	margin:30px auto;
	display:block;
	width:300px;
	padding:10px;
}


#banner-home{
	height:150px; background-color:#CCC;
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}


#user-top{
margin-top: 9px;
}



@media (max-width: 700px) { 

	.boxeshome{
	width: 100%;
	overflow: hidden;
	float: none;
	padding: 0 !important;
}

#cssmenu ul li{
display: block;
overflow: hidden;
}
#cssmenu ul li ul li{
display: block;
overflow: hidden;
}

#banner-home{
	height:auto;
}
#banner-home img{
	width:100%;
	height:auto;
}

.slider2{
	font-size:20px;
	line-height:20px;
}

.not-info span{
	height:auto;
	max-height:none;
}

.tn1 {
    font-size: 26px;
}
#tn12 {
    font-size: 26px;
}


.t1{

	width:100%;
}
.boxes {
    width: 100%;
}

#izq{
	float:none;
	margin:0 auto;
}

.material {
    float: none;
	display:block;
    width: 315px;
    height: 120px;
    margin: 15px auto;
    color: #000;
    background-repeat: no-repeat;
    background-position: 240px center;
}
.material span{
	margin:0;
	padding:30px 0 0 30px;
}


.t5{
	text-align:center;
}

.anchito2{
	width:100%;
	float:right;
	display:block;
	margin:0;
}

.noticia{
	float:none;
	background-color:#fff;
	display:block;
	width:90%;
	margin:10px auto 30px auto;
	height:auto;
}


.anchito{
	width:100%;
}

#quees{
	width:100%;
	height:auto;
	overflow: hidden;
}

#quees .in ul{
	width:100%;
	display: block;
	margin: 0 auto;
}

#quees .in ul li{
	list-style:none;
	margin:0;
	padding:0;
	
	float:none;
 position:relative;
 right:50%;
}


#quees .in ul li a {
    color: #FFF;

    text-align: center;
    font-size: 20px;
	line-height:20px;
    display: block;
    width: 150px;
    font-weight: bold;
    padding: 55px 0;
    margin: 20px auto;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
}

#top-singlenoticia {
    
    height: 230px;

}

.facehome{
	display: block;
	margin: 20px auto;
	float: none;
}

#perfil-img {
	width:80px;
	height:80px;
}
#perf1 {
    font-size: 25px;
}
#perf2 {
    
    font-size: 15px;
   
}

#logos1{
	width:200px;
	display:block;
	margin:0 auto;
}

.in{
	width:95%;
	margin:0 auto;
}

.slide {


}
.slide{
	height:320px;
	width:100%;
	float:none;
	margin:0 0 15px 0;
	
	
}

#modal1{
	width:70%;
	margin:10px auto;
	padding:20px;
}
#eleccion li{
	float:none;
}
#eleccion li a{
	text-align:center;
}

#top-in{
	width:95%;
	margin:0 auto;
}

#nav1{
	display:none;
}
#logo {
    display: block;
    margin: 0 auto;
    width: 100%;
overflow:hidden;
}
#logo img{
	
}

#buscadores{
	width:95%;
}
#buscadores span {
    float:none;
	display:block;
    margin: 30px auto 30px auto;
    text-align:center;
    width:95%;
}
#nombre {
    float:none;
    height: 34px;
    margin: 0 auto;
    padding: 0 0 0 10px;
    width: 90%;
	display:block;
}
#fecha {
    float:none;
    height: 34px;
    margin: 0 auto;
    padding: 0 0 0 10px;
    width: 90%;
	display:block;
}
.styled-select {
    background: #ddd url("img/select-flecha.png") no-repeat scroll right center;
    border: 1px solid #ccc;
    float:none;
    height: 34px;
    margin: 3px auto;
    overflow: hidden;
    width: 93%;
	display:block;

}
.styled-select select {
    width: 107%;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


#buscar {
    display: block;
    float:none;
    margin: 10px auto;
    width: 100px;
}

#cuadros {
    width: 95%;
}

#cuadros div {
    background-position: center 27px;
    background-repeat: no-repeat;
	background-image:none !important;
    color: #ffffff;
    float: left;
    height: 190;
    position: relative;
    width: 100%;
}

#cuadros div span {
    margin: 30px 0 0;
    text-align: center;
}


#cuadros div a {
    background-color: transparent !important;
    bottom: 20px;
    left: 0;
	right:0;
    position:absolute;
    width: 100%;
}
#cuadros div p {
	line-height:18px;
}

#cajas-izq{
	display:none;
}
#cajas-der-izq{
	display:none;
}
#cajas-der-der{
	display:none;
}

#cajas{
	width:95%;
}
#cajas-resp{
	display:block;
}

#cajas-resp a{
	position:relative;
	height:150px;
	width:100%;
	display:block;
	background-color:#FFFFFF;
}

.doc1{
	height:150px;
	width:100%;
	display:block;
	background-color:#3485c4 !important;
	background-image:url(img/doc.png);
	background-repeat:no-repeat;
	background-position:center 20px;
}
.doc2{
	height:150px;
	width:100%;
	display:block;
	background-color:#48b3bb !important;
	background-image:url(img/doc.png);
	background-repeat:no-repeat;
	background-position:center 20px;
}
.doc-info p{
	padding:80px 20px 5px 20px;
	color:#FFF;
	text-align:center;
}
#cajas-resp a .img{
	width:35%;
	float:left;
	height:150px;
	background: url(images/bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
}

.resp-info{
	position:relative;
	display:block;
	margin:5px 5px 5px 39%;
	height:145px;
}

.resp-info .caja-user{
	display:block;
	width:46px;
	margin:0 auto;
	padding:5px 0 0 0;
}

.user1{
	font-weight:700;
	display:block;
	color:#000;
	margin:5px 0 0 0;
	line-height:14px;
	font-size:13px;
}
.resp-info p{
	margin:0;
	padding:0;
	color:#333333;
	line-height:14px;
	font-size:13px;
}

.resp-info .ref .like, .resp-info .ref .view{
	color:#000;
	font-size:12px;
}


.box {
    float:none;
	width:100%;
	margin-bottom:40px;

}
.boxno{
	margin-bottom:40px !important;
}

#actividades div span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0 0 0;
	margin:0 20px;
}
.acti-info {
    display: block;
    padding: 0 20px;
}

.escuela {
    background-color: #ffffff;
    border: 1px solid #efefef;
    float:none;
    height: 120px;
    margin: 0 0 5px;
    width: 100%;
	display:block;
	
}

esc-img {
    background: rgba(0, 0, 0, 0) url("images/bg.jpg") no-repeat scroll center center / cover ;
    float: left;
    height: 120px;
    overflow: hidden;
    width: 100px;
}

#footer-in {

    margin: 0 auto;
    padding: 20px 0;
    width:95%;
}
#viola{
	overflow:hidden;
	padding:20px 0 0 0;
}
#unesco, #dibam, #balmaceda, #u, #viola{
	display:block;
	float:none !important;
	width:100%;
	text-align:center;
	margin:20px 0 !important;
}

#gris{
	width:95%;
}
#formulario{
	float:none;
	width:90%;
	

    padding: 5%;

}

.lab1{
	width:100%;
	display:block;
	float:none;
	padding:8px 0 0 0;
}
.lab2{
	display:block;
	float:none;
	padding:8px 8px 0 0;
}
.lab3{
	display:block;
	float:left;
	padding:8px 8px 0 70px;
}
.lab4{
	display:block;
	margin:0 0 0 20px;
	line-height:14px;
}
.inp5{
	float:none;
}
.formin {
    display: block;
    margin: 0;
}
#registrar {
    display: block;
    font-size: 16px;
    margin: 30px auto;
    width: 200px;
}
.inp1 {
    width: 90%;
}

#cont-g {
    float:none;
    padding: 20px 10px;
    width: 90%;
	margin:0 auto;
}
#blanco {
    margin: 0 auto;
    width: 95%;
}

#perfil-izq{
	display:none;
}

.tf1 {
    color: #ffffff;
    display: block;
    float:none;
    padding: 10px 20px;
	display:block;
	text-align:center;
	border-bottom: solid 1px #f3f6fb;
}
.tf2 {
    background-color: #f8aa26;
    color: #ffffff;
    display: block;
    float:none;
    letter-spacing: 2px;
    padding: 15px 25px;
    text-transform: uppercase;
	text-align:center;
}
#ref-top{
	overflow:hidden;
	clear:both;
	width:140px;
	display:block;
	margin:0 auto;
}


#cont-b{
	float:none;
	width:90%;
	padding:0 5%;
	margin:0;

}

.t3 {
    font-size: 18px;
    line-height: 20px;
}

#buscar-dach {
    margin: 30px auto;
    width: 100%;
}













.caja8{
	width:100%;
	height:150px;
	margin:0 0 16px 0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #000000;
float:none;
margin:5px 0;
}

.caja8 .img{
	width:100px;
	height:150px;
	float:left;
	border-radius: 3px 0 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.caja8 .info{
	display:block;
	margin:0 10px 10px 120px;
	height:135px;
	position:relative;
}
.caja8 .caja-user{
	display:block;
	width:46px;	margin:0 auto;
	padding:10px 0 0 0;
}

.caja8 .info p{
	margin:0 !important;
	padding:0;
}


.box2 {
    background-position: 210px 10px;
    float: none;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.materiales {
    float:none;
    height: 190px;
    margin: 20px 0;
    position: relative;
    width: 100%;
}

.materiales a {
    height: 105px;
    padding: 60px 0 0;
}

.agenda {
    background-color: #26b4bb;
    float: left;
    width: 100%;
	height:120px;
}






.perfil{
	overflow:hidden;
	float:none;
	margin:0 0 10px 0;
	width:99%;
	height:auto;
	padding-bottom:55px;
}

.perf-img{
	width:50px;
	height:50px;
	display:block;
	margin:5px auto;
	
	background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.perf-t1{
	display:block;
	text-align:center;
	margin:10px;
	font-weight:700;
}

.perfil p{
	font-size:13px;
	line-height:16px;
	margin:10px;
}
.perf-pub{
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:700;
}

.verperfil{
	width:120px;
	   display:block;
	   margin:10px auto;
	   padding:2px;
}



.caja1 {
    border: 0 solid #000000;
    border-radius: 3px;
    float:none;
    height: 140px;
    margin: 0 0 16px;
    width: 100%;
}

.publico {
    width: 95%;
}

.caja1 .img {
    border-radius: 3px 0 0 3px;
    float: left;
    height: 140px;
    width: 130px;
}

.caja1 .info {
    display: block;
    height: 135px;
    margin: 0 10px 10px 140px;
    position: relative;
}

.caja1 .info p{
	display:none;
}

#single-izq {
    float:none;
    width: 95%;
}

.t2 {
    font-size: 23px;
	line-height:23px;
}

#ref-single{
	height:40px;
}

#ref-single .ref {
    left: inherit;
    left: 10px !important;
	top:20px !important;
}


.img-post{
	margin:0;
	width:100%;
	height:auto;
}

#single-der {
    float:none;
    width: 100%;
}

#single-t {
    margin: 20px 0 0 20px;
}

#single-tags {
    margin: 5px 0 0 20px;
    padding: 0;
}

.ag-act-info {
    color: #fff;
    float:left;
	display:block;
    margin: 0 0 5px 20px;
}

.actividad a {
    margin: 5px 20px 0 0;
}

.dia {
    font-size: 25px;
    font-weight: 300;
    padding: 2px 0 2px 35px;
}

#nav{
	float:none;
	width:100%;
}


}

























/* tabla alertas ----------------------------------- */

.alertas{
	width:100%;
	border:solid 1px #efefef;
	}
.alertas td, .alertas th, .tabla{
	border-width:0;
	border-color:#000000;
	border-style:solid;
	}
	
	.alertas th{
		background-color:#efefef;
		text-align:left;
		padding:5px 10px;
	}
	.alertas td{
		padding:5px 10px;
		border-bottom:solid 1px #efefef;
	}
	
	.alertas td a{
		color:#666666;
		text-decoration:underline;
	}
	.alertas td a:hover{
		color:#26b4bb;
	}
@media screen and (max-width:720px){
	.alertas table, .alertas thead, .alertas tr, .alertas th, .alertas tbody, .alertas td{
		display:block;
	}
	
	.alertas  thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.alertas  td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
	}
	.alertas  td:before { 
		position: absolute;
	
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.alertas  td:nth-of-type(1):before { content: "Asunto"; font-weight:700; }
	.alertas  td:nth-of-type(2):before { content: "Fecha"; }
	.alertas  td:nth-of-type(3):before { content: ""; }
	.alertas td:nth-of-type(4):before { content: ""; }
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* tabla recibidos ----------------------------------- */

.recibidos{
	width:100%;
	margin:0 0 30px 0;
	border:solid 1px #efefef;
	}
.recibidos td, .recibidos th, .tabla{
	border-width:0;
	border-color:#000000;
	border-style:solid;
	}
	
	.recibidos th{
		background-color:#efefef;
		text-align:left;
		padding:5px 10px;
	}
	.recibidos td{
		padding:5px 10px;
		border-bottom:solid 1px #efefef;
	}
	
	.recibidos td a{
		color:#666666;
		text-decoration:underline;
	}
	.recibidos td a:hover{
		color:#26b4bb;
	}
@media screen and (max-width:720px){
	.recibidos table, .recibidos thead, .recibidos tr, .recibidos th, .recibidos tbody, .recibidos td{
		display:block;
	}
	
	.recibidos  thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.recibidos  td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
	}
	.recibidos  td:before { 
		position: absolute;
	
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.recibidos  td:nth-of-type(1):before { content: "Asunto"; font-weight:700; }
	.recibidos  td:nth-of-type(2):before { content: "Enviado por"; }
	.recibidos  td:nth-of-type(3):before { content: "Fecha"; }
	.recibidos td:nth-of-type(4):before { content: ""; }
	.recibidos td:nth-of-type(5):before { content: ""; }
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		/* tabla enviados ----------------------------------- */

.enviados{
	width:100%;
	margin:0 0 30px 0;
	border:solid 1px #efefef;
	}
.enviados td, .enviados th, .tabla{
	border-width:0;
	border-color:#000000;
	border-style:solid;
	}
	
	.enviados th{
		background-color:#efefef;
		text-align:left;
		padding:5px 10px;
	}
	.enviados td{
		padding:5px 10px;
		border-bottom:solid 1px #efefef;
	}
	
	.enviados td a{
		color:#666666;
		text-decoration:underline;
	}
	.enviados td a:hover{
		color:#26b4bb;
	}
@media screen and (max-width:720px){
	.enviados table, .enviados thead, .enviados tr, .enviados th, .enviados tbody, .enviados td{
		display:block;
	}
	
	.enviados  thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.enviados  td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
	}
	.enviados td:before { 
		position: absolute;
	
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.enviados  td:nth-of-type(1):before { content: "Asunto"; font-weight:700; }
	.enviados td:nth-of-type(2):before { content: "Enviado por"; }
	.enviados  td:nth-of-type(3):before { content: "Fecha"; }
	.enviados td:nth-of-type(4):before { content: ""; }
	.enviados td:nth-of-type(5):before { content: ""; }
	}




/* blockquote citar */

blockquote {
	font-size: 18px;
	font-style: italic;
	width: 600px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec;
}

blockquote:before {
	display: block;
	font-family: Georgia, serif;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	font-family: Georgia, serif;
	content: "\2014 \2009";
}

/* Alignments */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

/* WordPress Gallery */

.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}

.gallery-item img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: none;
}

/* Paginador */

.pagination {
	
margin: 0 auto;
	clear:both;
	padding:20px 0;
	position:relative;
	display:table;

	vertical-align: middle;
}
.pagination .info {
	display:block;
}
.pagination .box, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding: 8px 12px;
	text-decoration:none;
	width:auto;
	color:#333;
	background: #ccc;
}
.pagination a:hover {
	color:#fff;
	background: #F98368;
	}

.pagination .current {
	color: #fff;
	background: #4A68AC ;
	float: left;
	padding: 8px 12px;
	margin: 2px 2px 2px 0;
}

/* Remover borde gris a link activado */
a {
	outline: 0;
}

/* Facebook button */

.fb_iframe_widget span {
	vertical-align: baseline !important;
}

/* Estilos alertify */

.aleryfy {
	z-index: 9999 !important;
}

.alertify .ajs-content p {
  padding-bottom: 15px !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-esp-button {
  color: #3593D2 !important;
  border-radius: 2px !important;
  border: 1px solid #3593D2 !important;
}

#page-cont {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Formulario login */

form#login{
    display: none;
    background-color: #fff;
    position: fixed;
    top: 200px;
    padding: 0px 25px 25px 25px;
    width: 350px;
    z-index: 999;
    left: 50%;
    margin-left: -200px;
	border-radius: 0.25em;
}

form#login p.status{
    display: none;
}

.login_overlay{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}
 input[type="text"], input[type="password"], input[type="email"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#usuario_presentacion {
	height: 250px;
}
.close-form {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0;
	top: -40px;
	background: url("img/cd-icon-close.svg") no-repeat center center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#user-link img{
width:50px;
height:50px;
margin:-5px auto 0 auto;
display:block;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
#user-link{
	float:left;

}
#cerrar{
color:#FF8500;
font-weight:500;
float:left;
line-height:1;
padding: 10px 5px 10px 5px;
font-size:15px;
}

.contenido {
	padding-bottom: 15px;
}

/* Slider */

.slider {

}

.bx-wrapper {
	height: 320px;
	width: 652px;
	float: left;
	margin: 0 20px 15px 0 !important;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 10px !important;
}

/* Buscador */

.filtros-buscador {
	padding:3px 8px;
	margin:3px;
	border:solid 1px #999999;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:#999999;
}


@media (max-width: 700px) { 

	.img-slider {
	    height: 300px;
	    display: block;
	    position: relative;
	}

	.boxetiqueta {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	}

	.bx-wrapper {
		height: 300px;
		width: 100%;
		float: none;
		margin: 0 20px 15px 0 !important;
		display:block;
		overflow:hidden;
	}

	form#login{
		width: 80%;
		margin-left:10%;
		left: -23px;
	}

}

/* Registro */

.oculto {
	display: none;
}

/* Tabla articulos */

.tabla-escritorio {
	border-collapse: collapse;
	width: 100%;
}

.tabla-escritorio td, .tabla-escritorio th {
	border: 1px solid #ddd;
	padding: 8px;
}

.tabla-escritorio tr:nth-child(even) {
	background-color: #f2f2f2;
}

.tabla-escritorio tr:hover {
	background-color: #ddd;
}

.tabla-escritorio th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fdd454;
	color: #000;
}

#mapa-registro {
	width: 100%;
	height: 350px;
}
.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

.orientaciones-destacado:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#content_bajada {
	height: 110px;
}

p img {
  max-width: 100%;
  height: auto; 
}

.rrss_links {
	position: absolute;
	top: 15%;
	right: 0;
	z-index: 9999;
	color: #0081DD;
}
.rrss_links i {
	vertical-align: middle;
	width: 35px;
}
.rrss_links span {
	font-weight: 700;
}
.rrss_links ul {
	padding: 10px;
	list-style-type: none;
}
.rrss_links li {
	padding: 5px;
}
.rrss_links a {
	color: #fff;
}
.rrss_links a:hover {
	color: #000;
}

@media (max-width: 700px) {

	.rrss_links {
		display: none;
	}

}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 110%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.banner {
	text-align: center;
	margin-right: 60px;
}

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

@media (max-width: 700px) {

	.banner {
		margin-right: 0;
	}
}

.simple {
	margin-left: 250px;
}

@media (max-width: 700px) {

	.simple {
		margin-left: 0;
	}
}

.btn_add {
  display: inline-block;
  margin-top:4px;
  border: 1px solid #0081DD;
  color: black;
  padding: 10px 14px;
  font-size: 12px;
  cursor: pointer;
}
.btn_add:hover {
	color: white;
	background-color: #0081DD;
}


.simple .fechas div {
	margin-bottom: 5px;
}
.simple .fechas a:hover {
	text-decoration: underline;
}

.simple .fechas div:hover {
	background-color: #fff;
}

#redes{
	position: relative;
}

#redes iframe {
	vertical-align: middle;
	
}

#redes span {
	display: inline-block;
	width: 110px;
}

.fb-share-button {
 margin-right:10px;
}

.twitter-share-button{
	position: absolute !important;
	top: 0;
	left: 210px;
}


.check_value {
    background-color: #32CD32;
	color: #FFF;
	padding: 5px;
}

.eval_app {
	display: block;
	cursor: pointer;
	margin: 10px;
}
.eval_app:hover {
	text-decoration: underline;
}