@media (min-width: 240px) and (max-width: 480px) {
.seccion_banner h2 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff;
    line-height: 16px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    text-shadow: 1px 1px 1px #000;
    padding-top: 67%;
    float: left !important;
    padding-bottom: 3%;
	width: 100%;
}
.workshop-left h3 {
	color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    /*float: left;*/
	
	}
#box1 {
    background-color: rgb(255, 255, 255);
    height: 390px !important;
}
#box1 #superior #logo {
    float: left;
    min-width: 120px !important;
    padding-top: 0px;
    background: url("../images/logotop.jpg") no-repeat;
}
#box1 #superior #sociales {
    float: right;
    padding-top: 83px;
    z-index: 999;
    position: absolute;
    margin-top: 330px !important;
}
.dos_botones {
    float: left;
    width: 100%;
    padding-top: 0% !important;
}
.position_imagen_movil {
    background-repeat: repeat-x;
    background-position: 999px -10px !important;
    background-size: 1700px !important;
}
.btn {
    display: inline-block;
    padding: 3px 6px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
}
@media (min-width: 240px) and (max-width: 780px) {
.botonera-slogam {
	
	}
.seccion_banner {
	padding-top: 11%;
	
	
}
seccion_banner workshop-left {
	
}


seccion_banner workshop-left h1 {
	
}
.workshop-left {
	
}
.workshop-left h1 {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 800;
    text-shadow: 4px 3px 2.76px rgba(0, 0, 0, 0.53);
    transform: scale(1.001,1.001);
    width: 100%;
    padding-right: 43% !important;
    float: right !important;
    padding-left: 0% !important;
	padding-bottom: 2%;
}


.dos_botones {    
	float: left;
    width: 100%;
    padding-top: 6%;
	
	
}
.minuta {
    width: 100%;
    text-align: right;
    margin: 0 auto;
    padding: 1% 0 1% 0%;
    color: #fff;
	font-size: 17px;
}
}
/* ////////////////////////////////////////////   Pantalla tablet //////////////////////////////////////////////////  */
@media (min-width: 480px) and (max-width: 768px) {
.workshop-left h3 {
	color: #ffffff;
    font-size: 21px;
    font-weight: 400;
    line-height: 22px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    /* float: left; */
	
	}
.position_imagen_movil {
    background-repeat: repeat-x;
    background-position: 1098px -49px;
    background-size: 1495px;

}
.botonera-slogam {
	
	}
.seccion_banner {
	  padding-top: 10%;
	
	
}
seccion_banner workshop-left {
	
}


seccion_banner workshop-left h1 {
	
}
.workshop-left {
	
}

.workshop-left h1 {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 800;
    text-shadow: 4px 3px 2.76px rgba(0, 0, 0, 0.53);
    transform: scale(1.001,1.001);
    width: 100% !important;
    padding-right: 63% !important;
    float: right !important;
    padding-left: 0% !important;
    padding-bottom: 2%;
}
.seccion_banner h2 {
  	font-size: 23px !important;
    font-weight: 900;
    color: #fff;
    line-height: 23px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    text-shadow: 1px 1px 1px #000;
    padding-top: 20%;
    float: left !important;
    padding-bottom: 3%;
    width: 100%;
}
.dos_botones {
    float: left;
    width: 100%;
    padding-top: 0%;
}
.minuta {
    width: 100%;
    text-align: right;
    margin: 0 auto;
    padding: 1% 0 1% 0%;
    font-size: 22px;
    color: #fff;
}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::Pantalla tablet :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* general styles */
/*  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

h1  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
	
}
h2  {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
	
}
	
.contiene_celdas {
	width: 100%;
	}
.celdillas {
	width: 100%;
	margin: 0 auto;
	}
.contenido_select{
	margin: 0 auto;
	}
div.contenedorceldas { 
	width: 100%;
}

div.celda
{
	width: 36%;
    margin: 2px;
    float: left;
}
.celdacorta h1 {
	font-family: 'gobCL';
  	font-weight: bold;
	width: bold;
	font-size: 20px;
	color:575756;
	text-align:right;}
div.celdacorta {
	width: 30%; 
	height: 50px;
	margin: 1% 3% 1% 3%;
	float: left;
}
.styled-select select {
   background-color: #f8f8f8;
   color:#000;
   width: 100%;
   padding: 7px;
   font-size: 16px;
   line-height: 1;
   -webkit-appearance: none;  
   } 
.styled-select {
   width: 100%;
   color:#FFF;
   height: 34px;
   overflow: hidden;
   background: url(images/new_arrow.png) no-repeat;
   /*margin: 0 auto;
   background: url(images/new_arrow.png) no-repeat right #ddd;*/
   } 
/*css celdas*/
.contiene_celdas {
	width: 100%;
	}
.centrado_btn {
	margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}
.btn_azul {
	background-color: #006BB7;
    margin: 16px 10px;
    background-image: linear-gradient(to bottom, #006BB7 0%, #00477A 100%);
    background-repeat: repeat-x;
    border: 1px solid #005C9E;
    color: #ffffff;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn_azul a:hover {
	color:#F8F210;
}
#suggest1 {
width: 50%;
    border: 2px solid #dbe2ec;
    margin-top: 5px;
    /* float: left; */
    /* font-family: Verdana, Arial; */
    font-size: 16px;
    padding: 1%;
}

/*     estilo formulario */
/*estilo check*/
/*boton azul*/
.centrado_btn {
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
}
	button.btn_azul {
    background-color: #006BB7;
    margin: 0px 10px;
    background-image: linear-gradient(to bottom, #006BB7 0%, #00477A 100%);
    background-repeat: repeat-x;
    border: 1px solid #005C9E;
    color: #ffffff;
    overflow: visible;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
/*boton azul*/
/*------------------------comienzo cambios-------------------------*/

/*estilo checK*/
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
/*  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
@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: '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");
}
.secciones123 {
	float: left;
    display: blocK;
    width: 12%;
	
}
.secciones1 {
	margin-bottom: 10px;
	
	
}
.secciones2 {
	margin-bottom: 10px;
	
	
}

.secciones3 {
	margin-bottom: 10px;
	
	
}

html,
body {
  height: 100%;
  width: 100%;
}
a {
	text-decoration:none !important;  
}
*  {
	margin: 0px;
    padding: 0px;
    font-style: normal;
    font-family: 'gobCL';
    box-sizing: border-box;
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #7D028A;
    border-color: #C70FC0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #6E05C3;
}
 
.btn-primary:active, .btn-primary.active {
    background: #7B0097;
    box-shadow: none;
}
/*........................scroll........................*/
.onepage-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}

.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}








/*.....................flecha.........................*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(../images/arrow.png);
  background-size: contain;
  z-index: 9999;}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*.....................flecha.........................*/

@media only screen and (min-width: 240px) {
footer {
    margin: 0 -21px 0px;
    width: calc(100% + 40px);
}
/** header **/
#box1 {background-color:#fff;height:252px;}
#box1 {background-color:#fff;height:252px;}
#box1 #superior{
	height: auto;
	position:relative;}
#box1 #superior #logo{float:left;background:url(../images/logotop.jpg) no-repeat;min-width:220px;padding-top:0px;}
#box1 #superior #logo h1 {font-size:21px;color:white;font-weight:bold;line-height:0px;margin-top: 28px !important;}
#box1 #superior #logo h2 {font-size:21px;color:white;font-weight:normal;}
#box1 #superior #logo h1 a{font-size:14px;color:white;font-weight:bold;line-height:0px;}
#box1 #superior #logo h2 a{font-size:21px;color:white;font-weight:normal; }
#box1 #superior #sociales{float:right; padding-top: 20px; z-index: 999; position: absolute; margin-top: 195px;}
#box1 #superior #menuayuda{display: none;}
#box1 #menuayuda ul li{display:inline-block;line-height:38px;padding-right:20px;}
#box1 #menuayuda ul li a{color:#FFF;display:table-cell;vertical-align:middle;font-weight:bold;font-size:16px;}
#box1 #menuayuda ul{list-style:none;float:right;height:40px;border-right:1px solid #FFF;display:inline-block;margin-right:30px;}
#box1 #sociales ul{list-style:none;float:right;height:30px;}
#box1 #sociales ul li{float:left;opacity:1;transition:opacity 0.1s linear;margin-left:20px;height:100%;display:table;}
#box1 #sociales ul li:first-child{margin:0;}
#box1 #sociales ul li .menuTitle{display:none;}
#box1 #sociales ul li a{display:table-cell;vertical-align:middle;}
#box1 #sociales ul li img{padding:0;}
#box1 #sociales ul li:hover{opacity:0.5;}
.menuTitle{display:inline-block;}
.wrappmenu{width:100%;max-width:1000px;margin:0 auto;}
.wrappmenu>div{float:left;display:inline-block;}
.wrappmenu .mpcontainer{margin-left:-30px;}
.wrappmenu .mmcontainer{float:right;}
.wrappmenu .mmcontainer #menumineduc li{background:#6d8fa9;color:#FFF !important;}
.wrappmenu .mmcontainer #menumineduc li:hover{background:#5F84A1;}
.wrappmenu .mmcontainer #menumineduc li a{color:#FFF !important;}
/*estilos header.................................................*/

.galeria_de_v {
	with:100%;
	float:left;
}
/*menu nav responsive*/
navbar {
    border: 0px solid transparent !important;
}
.navbar-default {
    background-color: #954182;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	background-color: #954182;
}	
.goToTop {
  position: fixed;
  top: 0;
  height: 81px;
  z-index: 1;
  width: 100%;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: #bf69ac!important;
	color: #fff;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
	padding-left: 30px;
	/*padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    padding-left: 7%;
    color: #fff !important;
    font-size: 22px;
    padding-top: 5% !important;
    padding-bottom: 5% !important;*/
}
.navbar-nav>li>a:hover {
	padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    background-color: #bf69ac !important;
	padding: 10px 30px;
	color:#fff;

}
.navbar-default .navbar-nav>li>a h1 {
    color: #fff !important;
    font-size: 19px;
    margin: 0px;
}
.navbar-default .navbar-nav>li>a h2 {
    color: #fff !important;
    font-size: 15px;
    margin: 0px;
}
.line_h {
	line-height: 40px;
    font-size: 19px;
    color: #fff !important;
	}
.line_h_2 {
    line-height: 40px !important;
    font-size: 15px;
    color: #fff !important;
}
.line_h_2_tablet {
	line-height: 1px !important;
    padding: 10px 31px !important;
    color: #fff;
}
.line_h_3 {
	line-height: 5px !important;
    padding: 5px 30px !important;
	color:#fff;
}
/*menu nav responsive*/
#box1 {
	color: white;
	display: table;
	width: 100%;
	background-color: #d3d3d3;
}
.seccion_banner {
	
	
}
.workshop-left h1 {
	color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 800;
    text-shadow: 4px 3px 2.76px rgba(0, 0, 0, 0.53);
    transform: scale(1.001,1.001);
    width: 100%;
    padding-left: 45%;
}
/*zona superior redes ociales*/
.back_color {
    width: 100% !important;
    margin-top: -66px!important;
    z-index: 1 !important;
	height: 120px;
}
.seccion_banner {
    margin-top: -18px;
}
/*........................box2movil.......................*/
#box2 {
  color: white;
  width: 100%;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38c0d7+0,38c0d7+47,39d9f4+100 */
	background: #38c0d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #38c0d7 0%, #38c0d7 47%, #39d9f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #38c0d7 0%,#38c0d7 47%,#39d9f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #38c0d7 0%,#38c0d7 47%,#39d9f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38c0d7', endColorstr='#39d9f4',GradientType=0 ); /* IE6-9 */
}
#box2 p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 14px;	
}
#box2_desacargas{
  color: white;
  height: 100%;
  height:565px;
  width: 100%;
  background-image:url(../images/zona_descargas.jpg);
  background-repeat: no-repeat;
  background-position: center;
 }
#box2_paginas {
	color: white;
	width: 100%;
}
.workshop-center {
	width: 100%;
    margin: 0 auto;
    max-width: 280px;
}
.workshop-center h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffffff;
    line-height: 42.424px;
    font-size: 40px;
    font-weight: 800;
	}
.workshop-center h3 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    line-height: 12px;
    font-size: 28px;
    font-weight: 300;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
	color: #fff;
	}
.workshop-center h4 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffffff;
    line-height: 42px;
    font-size: 29px;
    font-weight: 800;
	}
.lupa {
	width: 60px;
	float:right;
	z-index: 999;
	}
/*........................box3.......................*/
#box3 {
	width: 100%;
	background-repeat: no-repeat;
    background-position: center;
	background-color:#88c9e6;
}
.workshop-center2 {
    width: 100%;
	margin: 0 auto;
    padding-top: 1px;
}
.workshop-center2 h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #2f4d58;
    line-height: 25px;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.workshop-center2 h2{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 26px;
    font-size: 21px;
    font-weight: 300;
    float: left;
    margin-bottom: 1px;
    margin-top: 1px;
    width: 100%;
}
.workshop-center2 p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 23px;
    font-size: 19px;
    font-weight: 400;
    margin: 0 0 17px;
}
/* ===========================
--- About
============================ */

.boxed-grey {
    background: #f2e8c4;
	padding: 20px;
	height: 404px;;

}

.team h5 {
    margin-bottom: 10px;
    font-size: 23px;
    color: #2f4d58;
    font-weight: 600;
}

.team p.subtitle {	
	margin-bottom: 10px;
	margin-bottom: 10px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #2f4d58;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 14px;
}

.avatar {
	/*margin-bottom: 20px;*/
	margin: auto;
    width: 20%;
}

.team-social {
	margin-left: 0;
	padding-left: 0;
	
}

.team-social {
	text-align: center;
}

.team-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.team-social a{
	margin:0;
	padding:0;
    display: block;
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.team-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.team-social .social-facebook a{background: #3873ae;}
.team-social .social-twitter a{background: #62c6f8;}
.team-social .social-dribble a{background: #d74980;}
.team-social .social-deviantart a{background: #8da356;}
.team-social .social-google a{background: #000;}
.team-social .social-vimeo a{background: #51a6d3;}
.team-social .social-facebook a:hover{background: #4893ce;}
.team-social .social-twitter a:hover{background: #82e6ff;}
.team-social .social-dribble a:hover{background: #f769a0;}
.team-social .social-deviantart a:hover{background: #adc376;}
.team-social .social-google a:hover{background: #333;}
.team-social .social-vimeo a:hover{background: #71c6f3;}


/* ===========================
--- Services
============================ */
.col-md-3 {
    width: 33%;
}
/*........................box3.......................*/
/*........................box4.......................*/
#box4 {
	width: 100%;
    background-repeat: no-repeat;
    background-color: #88c9e6;
    background-position-y: bottom;
    background-position-x: -394px;
    min-height: 672px;
}
.workshop-izquierdo {
	float: right;
    clear: none;
	width: 100%;
}
.workshop-izquierdo h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #71736D;
    line-height: 48px;
    font-size: 53px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: 22px;
}
.workshop-izquierdo h2{
	font-family: gobCL;
    color: #71736D;
    line-height: 2px;
    font-size: 47px;
    font-weight: 300;
    letter-spacing: -3px;
    padding-bottom: 1%;
    margin-top: 4% !important;
}
.workshop-izquierdo p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 20px;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 1px;
}
.workshop-right {
	float: right;
    clear: none;
    text-align: right;
    font-size: 9px;
    width: 100%;
    margin-top: 1px;
}
.edw{
 text-decoration: none;
 color: #FFF !important;
}
.workshop-right h3 {
	text-align:right;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
}
.workshop-right li {
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #F5A2A2;
    list-style: none;
}
.workshop-right li:hover {
	line-height: 28px;
    color: #D17172;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #F7BDBE;
	}
/*........................box4.......................*/
/*........................box5.......................*/
#box5 {
	background-color: #7bb5ce;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: -400px;
    min-height: 642px
}
#box5 h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #71736D;
    line-height: 48px;
    font-size: 53px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: -11px;
}
#box5 h2{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 28px;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 0px;
    padding-top: 10px;
    margin-bottom: 1px
}
#box5 p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 14px;
}
.workshop-right li {
	line-height: 28px;
    color: #fff;
    font-size: 17px;
}
.workshop-galeria {
	width:100%	
}
.gal-video {
	width: 98%;
    float: left;
    display: block;
    margin: 0.4%;
}
.gal_imagen ul {
	list-style:none !important;
	text-decoration: none !important;
	margin: 0px !important;
	padding: 0px !important;
	}
.gal_imagen li {
	list-style:none !important;
	text-decoration: none !important;
	margin: 0px !important;
	padding: 0px !important;
	}
.gal_imagen {
	width:100%;	
}
.gal_tiltulo {
	padding: 2.7%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    background-color: #6898ae;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    transform: scale(0.998,0.999);
}
.esp-top {
	 margin-top: 1.8%;
}
/*........................box5.......................*/
/*........................box6.......................*/
/*........................box6.......................*/
#box6 {
	background-color: #6cbff1;
	background-repeat: no-repeat;
    background-position: center;
    width: 100%;
	}
.workshop-center3 {
    margin: 0 auto;
    padding-top: 12px;
	}
.workshop-center3 h1{
	font-family: gobCL;
    color: #fff;
    line-height: 33px;
    font-size: 33px;
    font-weight: 800;
    margin-bottom: 1px;
}
.workshop-center3 h2{
	font-family: gobCL;
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1px;
}
.workshop-center3 h3{
	font-family: gobCL;
    color: #fff;
    line-height: 27px;
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 1px;
}
.workshop-center3 p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 24px;
    font-size: 19px;
    font-weight: 600;
    margin-top: 06px;
}
.workshop-center3 a{
    text-decoration: none !important;
}
.articulos_descargas {
	float: left;
    width: 100% !important;
    margin-top: 3%;
    display: table;
    margin-bottom: 2%;
    overflow: hidden;
}
.icono_descarga {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #999;
    left: 50%;
    right: 50%;
    text-align: center;
    width: 50% !important;
    margin: 0 auto;
    width: 90%;
}
.btn_descarga {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    width: 100%;
    padding: 0.5%;
    color: #999;
    font-size: 18px;
    margin-top: 4%;
    text-align: center;
    float: left;
	padding: 5px;
}
.icono_celdas {
	width: 49%;
    float: left;
    margin-left: 1%;
	
}
/*........................box6.......................*/
/*........................box7.......................*/
#box7 {
    width: 100%;
    background-repeat: no-repeat;
    background-color: #6898ae;
    background-position-y: bottom;
    background-position-x: -610px;
    min-height: 520px;
	/*
	width: 100%;
	background-image:url(../images/box7.jpg);
	background-repeat: no-repeat;
    background-position: center;
	margin-top:44px;
	margin-bottom:44px;
	background-color:#6898ae;*/
}
.workshop-izqui{
	margin: 0% 1% 0% 2% !important;
}
.workshop-izqui h1{
	font-family: gobCL;
    color: #fff;
    line-height: 2px;
    font-size: 28px;
    font-weight: 300;
    margin-top: 1px !important;
}
.workshop-izqui h2{
	font-family: gobCL;
    color: #fff;
    line-height: 33px;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 1%;
    margin-top: 1px !important;
}
.workshop-izqui p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    width: 100%;
    line-height: 20px;
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
}
.workshop-right_puntos {
    float: left;
    clear: none;
    text-align: left;
    font-size: 19px;
    line-height: 18px;
	width:100%;
}
.nota_text2 {
    font-size: 16px !important;
    color: #fff;
    line-height: 19px !important;
    margin-top: 1px !important;
    width: 100% !important;
}
.workshop-right_puntos li{
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #6898ae;
    list-style: none;
}
.workshop-right_puntos li:hover {
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color:#0993AD;
}
/*........................box7.......................*/
.divoculto_pantalla_grande {
	display:none;
	}
	
/*........................box8......................*/
/*........................box0.......................*/
#box0 {
	    background-color: #88c9e6;
	}
	
/*........................box0......................*/



#box8 {
	width: 100%;
	/* background-image:url(../images/Sitio_LeydeInclusion_preguntas_01.png);
	background-repeat: no-repeat;
    background-position: center;*/
	background-color: rgb(136, 201, 230);
}
/*..............................................................*/
#box13 {
	

}
#box13 h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 58px;
    font-size: 58px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: 3px;	
}
#box13 h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 31px;
    font-size: 58px;
    font-weight: 300;
    letter-spacing: 0px;
    padding-top: 0;
    margin-bottom: 1px;
	
}
#box13 p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    padding-top: 0;
    margin-bottom: 1px;
	
}
.full-ancho-centro-contenido2 {
    padding: 2% 2% 2% 2%;
}
/*.............................................................*/
/*.................galeria acordion preguntas..................*/
.content {
		width: 60%;
		margin: 50px auto;
		padding: 20px;
	}
	.content h1 {
		font-weight: 400;
		text-transform: uppercase;
		margin: 0;
	}
	.content h2 {
		font-weight: 400;
		text-transform: uppercase;
		color: #333;
		margin: 0 0 20px;
	}
	.content p {
		font-size: 32px;
		font-weight: 300;
		line-height: 1.5em;
		margin: 0 0 20px;
	}
	.content p:last-child {
		margin: 0;
	}
	.content a.button {
		display: inline-block;
		padding: 10px 20px;
		background: #ff0;
		color: #000;
		text-decoration: none;
	}
	.content a.button:hover {
		background: #000;
		color: #ff0;
}
.content.title {
		position: relative;
		background: none;
		border: 2px dashed #333;
}
.content.title h1 span.demo {
		display: inline-block;
		font-size: .5em;
		padding: 5px 10px;
		background: #000;
		color: #fff;
		vertical-align: top;
		margin: 7px 0 0;
}
.content.title .back-to-article {
		position: absolute;
		bottom: -20px;
		left: 20px;
}
.content.title .back-to-article a {
		padding: 10px 20px;
		background: #f60;
		color: #fff;
		text-decoration: none;
}
.content.title .back-to-article a:hover {
		background: #f90;
}
.content.title .back-to-article a i {
		margin-left: 5px;
}
.content.white {
		background: #fff;
		box-shadow: 0 0 10px #999;
}
.content.black {
		background: #000;
}
.content.black p {
		color: #999;
}
.content.black p a {
		color: #08c;
}	
.accordion-container {
	width: 100%;
    /* margin: 0 0 20px; */
    clear: both;
}
.accordion-toggle {
	position: relative;
    display: block;
    font-size: 12px;
    font-weight: 300;
    background: #999;
    color: #fff;
    text-decoration: none;
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-right: 2%;
    height: 140px;
}
.estilo_togle {
	background: none !important;
    position: absolute;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 18px;
    font-weight: bold !important;
    padding-left: 1px !important;
}
.accordion-toggle.open {
		background: #333;
		color: #fff;
}
.accordion-toggle:hover {
		background: #666;
}
.accordion-toggle span.toggle-icon {
		position: absolute;
		top: 9px;
		right: 20px;
		font-size: 1.5em;
}
.accordion-content {
	display: none;
    overflow: auto;
    font-family: gobCL;
    color: #313131;
    font-size: 17px !important;
    font-weight: 400;
    line-height: 16px;
    padding-top: 12px;
    padding-left: 53px;
    padding-right: 20px;
	background-color:#a495f2;
}
.accordion-content img {
		display: block;
		float: left;
		margin: 0 15px 10px 0;
		max-width: 100%;
		height: auto;
}
.number1 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #f39795;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number2 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #ebe767;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number3 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #829dd2;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
	

}
.number4 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #8cd1ec;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number5 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #f39795;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number6 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #ebe767;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number7 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #f39795;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number8 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #ebe767;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
	letter-spacing: -11px;

}
.number9 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #829dd2;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number10 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #8cd1ec;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}

.number11 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #829dd2;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number12 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #8cd1ec;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number13 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #f39795;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number14 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #f39795;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number15 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #f39795;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number16 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #ebe767;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number17 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #829dd2;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number18 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #829dd2;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number19 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #829dd2;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number20 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number21 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number22 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.texto_item_listado {
	font-family: gobCL;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    line-height: 18px;
    margin-left: 68px;
    margin-top: 25px;
}
.texto_item_listado_3_lineas {
	font-family: gobCL;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    line-height: 18px;
    margin-left: 69px;
    margin-top: 25px;
}
.item_acordion_color_1 {
	background-color:#7dc0dd !important;
}
.item_acordion_color_2 {
	background-color: #bdb9bd !important;
}
.item_acordion_color_3 {
	background-color: #f29795 !important;
}
.item_acordion_color_4 {
	background-color: #6898ae !important;
}
.item_acordion_color_5 {
	background-color: #7dc0dd !important;
}
.item_acordion_color_6 {
	background-color: #bdb9bd !important;
}
.item_acordion_color_7 {
	background-color: #7dc0dd !important;
}
.item_acordion_color_8 {
	background-color: #bdb9bd !important;
}
.item_acordion_color_9 {
	background-color: #f29795 !important;
	background-color:#7dc0dd 
}
.item_acordion_color_10 {
	background-color: #6898ae !important;
}
.item_acordion_color_11 {
	background-color: #f29795 !important;
}
.item_acordion_color_12 {
	background-color: #6898ae !important;
	background-color:#7dc0dd 
}
.item_acordion_color_13 {
	background-color: #7dc0dd !important;
}
.item_acordion_color_14 {
	background-color: #bdb9bd !important;
}
.item_acordion_color_15 {
	background-color: #7dc0dd !important;
}
.item_acordion_color_16 {
	background-color: #bdb9bd !important;
}
.item_acordion_color_17 {
	background-color: #f29795 !important;
}
.texto_acordion_int {
	font-family: gobCL;
	color: #313131;
	font-size: 26px;
	font-weight: 400;
	line-height: 37px;
}
.position_imagen_movil {
	background-repeat: repeat-x;
    background-position: 875px -17px;
    background-size: 1422px;
}
.position_imagen_movil4 {
    background-size: 1425px;
}
.position_imagen_movil7 {
    background-size: 1425px;
}
.position_imagen_movil8 {
	background-repeat: repeat-x;
    background-position: 870px -80px;
    background-size: 1425px;
}
footer  {
	margin-right:5px !important;
	}
.textPie {
    font-size: 12px;
    color: #666;
    line-height: 18px !important;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
}
.menuFooter {
}
footer .menuFooter {
    list-style: none;
    float: right;
    line-height: 50px;
    margin: 0px 10px;}
.footer .menuFooter ul {

}
footer .menuFooter li {
    float: left !important;
    margin: 0 5px !important;
}
.bicolorbottom {
	    padding-left: 4% !important;
		width:100% !important;
}
}
	/* media query for mobile */
@media (max-width: 767px) {
.content {
		width: auto;
}
.accordion-content {
		padding: 10px 0;
		overflow: inherit;	
}
}
/*.................galeria acordion preguntas..................*/
/*......................................................................................box2movil......................................................................................*/
@media only screen and (min-width: 768px) {	

.secciones123 {
	float: right;
    display: blocK;
   	width: 8%;
	margin-top: 16%;

}
.secciones1 {
	margin-bottom: 10px;
	
	
}
.secciones2 {
	margin-bottom: 10px;
	
	
}

.secciones3 {
	margin-bottom: 10px;
	
	
}
.position_imagen_movil {
	background-repeat: repeat-x;
    background-position: 2015px -35px;
    background-size: 2560px;
}
.position_imagen_movil4 {
    background-size: 2950px !important;
}
.position_imagen_movil7 {
    background-size: 2560px;
}
.position_imagen_movil8 {
   background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100% !important;
    background-size: 2950px !important;
}
.divoculto_pantalla_grande {
	float: left;
    display: block;
    margin-top: 0px;
    width: 100%;
	}
.textPie {
    font-size: 12px;
    color: #666;
    line-height: 18px !important;
    float: left;
    margin-left: 0% !important;
    margin-right: 5%;
    margin-top: 20px;
}
.bicolorbottom {
	padding-left:0% !important;
	width:20% !important;
	
}
/*........................box0.......................*/
.minuta {
	width: 100%;
    text-align: right;
    margin: 0 auto;
    padding: 1% 0 1% 0%;
    font-size: 22px;
    color: #fff;
	padding-right: 2% !important;
}

.dos_botones {
	float: left;
    width: 100%;
    padding-top: 2%;
}
/*........................box0.......................*/
/*........................box1.......................*/

/*zona superior redes sociales*/
.divoculto {
	display:none;
}
/** header **/
#box1 {background-color:#fff;height:252px;}
#box1 {background-color:#fff;height:252px;}
#box1 #superior{
	height:95px;
	position:relative;
	z-index: 999;}
#box1 #superior #logo{float:left;background:url(../images/logotop.jpg) no-repeat;min-width:220px;padding-top:0px;}
#box1 #superior #logo h1 a{font-size:21px;color:white;font-weight:bold;line-height:0px;}
#box1 #superior #logo h2 a{font-size:21px;color:white;font-weight:normal;}
#box1 #superior #sociales{float: right; padding-top: 20px; z-index: 999; position: initial; margin-top: 0px;}
#box1 #superior #menuayuda{float:right;padding-top:14px;    display: block;}
#box1 #menuayuda ul li{display:inline-block;line-height:38px;padding-right:20px;}
#box1 #menuayuda ul li a{color:#FFF;display:table-cell;vertical-align:middle;font-weight:bold;font-size:16px;}
#box1 #menuayuda ul{list-style:none;float:right;height:40px;border-right:1px solid #FFF;display:inline-block;margin-right:30px;}
#box1 #sociales ul{list-style:none;float:right;height:30px;}
#box1 #sociales ul li{float:left;opacity:1;transition:opacity 0.1s linear;margin-left:20px;height:100%;display:table;}
#box1 #sociales ul li:first-child{margin:0;}
#box1 #sociales ul li .menuTitle{display:none;}
#box1 #sociales ul li a{display:table-cell;vertical-align:middle;}
#box1 #sociales ul li img{padding:0;}
#box1 #sociales ul li:hover{opacity:0.5;}
.menuTitle{display:inline-block;}
.wrappmenu{width:100%;max-width:1000px;margin:0 auto;}
.wrappmenu>div{float:left;display:inline-block;}
.wrappmenu .mpcontainer{margin-left:-30px;}
.wrappmenu .mmcontainer{float:right;}
.wrappmenu .mmcontainer #menumineduc li{background:#6d8fa9;color:#FFF !important;}
.wrappmenu .mmcontainer #menumineduc li:hover{background:#5F84A1;}
.wrappmenu .mmcontainer #menumineduc li a{color:#FFF !important;}
/*estilos header.................................................*/
#box1 {
	color: white;
	display: table;
	height: 512px;
	width: 100%;
	background-color: #d3d3d3;	
}
 .seccion_banner {
    margin-top: 16%;
}
.seccion_banner h1 {
	font-size: 130px;
    line-height: 120px;
    text-align: left;
    margin: 0px;
    font-weight: 900;
    text-shadow: 2px 2px 2px #000;
	/*font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	-webkit-box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.75);*/
	}
.workshop-left h1 {
    color: #ffffff;
    font-size: 30px;
    line-height: 32px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 300;
    text-shadow: 4px 3px 2.76px rgba(0, 0, 0, 0.53);
    transform: scale(1.001,1.001);
    width: 26%;
    padding-left: 0%;
    padding-top: 0%;
    float: right
	}
#box1_garantiascalidad {
  background: darkblue;
  color: white;
  display: table;
  height: 600px;
  width: 100%;
  background-image:url(../images/calidad-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#box1_ley{
  background: darkblue;
  color: white;
  display: table;
  height: 600px;
  width: 100%;
  background-image:url(../images/Proyecto-de-ley-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#box1_paginas{
  background: darkblue;
  color: white;
  display: table;
  height: 600px;
  width: 100%;
  background-image:url(../images/Paginas-banner.jpg);
  background-repeat: repeat-x;
  background-position: 1200px 0px;
  /*background-position: center;*/
 }

/*........................box1.......................*/
/*........................menu arreglado......................*/
/* general styles */
/* padded section */
.pad-section { padding: 50px 0; }
.pad-section img { width: 100%; }
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
}
nav li { 
	background: #bf69ac;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif !important;
	font-size:17px !important;
	color: #ffffff;
	font-size: 18.13px;
	text-align: center;
	height: 100%!important;
}
.line_h {
	line-height: 59px !important;
   	font-size: 15px;
}
.line_h_2 {
	/*line-height: 1px !important;
	padding: 20.9px 30px !important;*/
	
	line-height: 30px !important;
    padding: 25px 7px !important;
}
.line_h_2_tablet {
	line-height: 1px !important;
	padding: 20.9px 30px !important;
}
.line_h_3 {
	line-height: 2px !important;
	padding: 12px 30px !important;
}
.navbar-right {
    float: left!important;
	margin-left:26px;
}
.navbar-nav>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    background-color: #7dc0dd;
	padding: 10px 24px;

}
.navbar-nav>li>a:hover {
	padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    background-color: #bf69ac !important;
	padding: 10px 24px;

}
.navbar-default {
   	background-color: #954182;
    border-color: #7dc0dd !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}
.navbar-default .navbar-nav>li>a h1 {
    color: #fff !important;
	font-size: 19px;
	margin:0px;
}
.navbar-default .navbar-nav>li>a h2 {
    color: #fff !important;
	font-size: 15px;
	margin:0px;
}
.navbar {
    margin-bottom: 0px !important;
    border: none !important;
}
.navbar-active{
    background-color: #bf69ac;
	border:none !important;
	}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: #bf69ac!important;
	color: #fff;
}
/*........................menu arreglado......................*/


div.contenedorceldas 
{ 
width: 100%;
height: 1200px;
background: blue;
	
}
div.celda
{
width: 25%; /* fijo */
/* width: 100px; /* fluida */
background: #C1F2FF;
min-height: 18px;
margin: 2px;
float: left;
color: #3A3A3A;
padding:1%;
text-align:center;
font-size: 24px;
 height: 57px;
}
.celda_alta
{
width: 25%; /* fijo */
/* width: 100px; /* fluida */
background:#27a9e1;
min-height: 17px;
margin: 2px;
float: left;
color:#fff;
padding:2%;
text-align:center;
height: 17px;
}
div.celdacorta 
{

    width: 4%;
    background-color: #0167b7;
    min-height: 17px;
    margin: 2px;
    float: left;
    padding: 2%;
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
}
div.celdacorta_alta 
{
width: 4%; /* fijo */
/* width: 100px; /* fluida */
background-color:#0167b7;
min-height: 40px;
margin: 2px;
float: left;
padding:2%;
color:#fff;
    height: 74px;
}

/* estilo celdas  */
.logotipo_ministerio {
	float:left;
	display:block;
	}
.backg {
	
	background-image: url("banner_header.jpg");
    background-repeat: no-repeat;
	
	}
.image_noti {
	width:100%;
	
	}
	
.fecha {
	padding:2%;
	text-align:center;
	background-color: #0067B7;
	}
.fecha h1 {
	font-size:9px;
	color:#fff;
}
.cuadro_banner {
	width: 100%;
    background-color: #f8931f;


}


/*........................box2.......................*/
#box2 {
  color: #2f4d58;
  height: 100%;
  height: 633px;
  width: 100%;
 height: auto;
}
#box2_desacargas{
  color: white;
  height: 100%;
  height:565px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
 }
#box2_paginas {
	color: white;
	width: 100%;
}
.workshop-center {
	width: 462px;
	margin: 0 auto;
	padding-top: 78px;
	max-width:462px !Important;
}
.workshop-center h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;	
	color: #ffffff;
	line-height: 42.424px;
	font-size: 53px;
    font-weight: 800;
	}
.workshop-center h3 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    line-height: 36px;
    font-size: 52px;
    font-weight: 300;
	}
.workshop-center h4 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffffff;
    line-height: 57px;
    font-size: 52px;
    font-weight: 800;
	}
.lupa {
	width: 85px;
	float:right;
	z-index: 999;
	}
/*........................box2.......................*/
/*........................box3.......................*/
#box3 {
	width: 100%;
    background-repeat: no-repeat;
    background-position: center;
   	background-color: #88c9e6;
    /* min-height: 518px; */
    padding-left: 0%;
    padding-right: 0%;
    height: auto;
}
.full-ancho {
	width:100%;
	background-color:#000;
	
	}
.full-ancho-izquierdo-contenido {
	padding: 10%;
	background-color:#d2e7e6;
	
	
	}
.full-ancho-izquierdo {
	width:50%;
	background-color:#d2e7e6;
	float:left;
	}
.full-ancho-izquierdo-imagen {
	width:100%;
}
.full-ancho-izquierdo-titulo {
	
	
}
.full-ancho-izquierdo-titulo h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 48px;
    font-size: 53px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: 3px;
}
.full-ancho-izquierdo-titulo h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 58px;
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-top: 0;
    margin-bottom: 1px;
}
.full-ancho-izquierdo-contenido p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 30px;
    font-size: 29px;
    font-weight: 300;
    padding-top: 0;
    margin-bottom: 1px;
}
.full-ancho-derecho{
	width:50%;
	background-color:#c0dedc;
	float:left;
	}
.full-ancho-derecho-contenido {
	padding: 10%;
	background-color:#c0dedc;
	}
.full-ancho-derecho-contenido p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 30px;
    font-size: 29px;
    font-weight: 300;
    padding-top: 0;
    margin-bottom: 1px;
	}
.full-ancho-centro {
	width:100%;
	background-color:#b6dad8;
	float:left;
	}
.full-ancho-centro-contenido {
	text-align:center;
	padding: 2% 10%;
	}
.full-ancho-centro-titulo   {
	
	
	}    	
.full-ancho-centro-titulo h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 48px;
    font-size: 53px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: 3px;
}	
.full-ancho-centro-titulo h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 58px;
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-top: 0;
    margin-bottom: 1px;
}	
.full-ancho-centro-contenido p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #59aea9;
    line-height: 30px;
    font-size: 29px;
    font-weight: 300;
    padding-top: 0;
    margin-bottom: 1px;
}
.workshop-center2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 43px;
    float: left;
    margin-bottom: 43px;
    padding-left: 0px;
    padding-right: 0px;
}
.workshop-center2 h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffff;
    line-height: 38px;
    font-size: 58px;
    font-weight: 600;
	margin-bottom: 30px;
}
.workshop-center2 h2{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
   	line-height: 62px;
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -0px;
    float: left;
    margin-top: 21px;
	padding-bottom: 1%;
}
.workshop-center2 p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
	padding: 1% 15% 1% 15%;
}
.box3_paginas {
	color: white;
	width: 100%;
}
#box3_calidad{
	background-color: #182C3C;
	color: white;
	height: 789px;
	width: 100%;
}
.separation {
	margin-right: 10px;
	}
/*........................box3.......................*/
/*........................box4.......................*/
.columna_1 {
	width: 48%;
    margin: 0% 3% 2% 0%;
    float: left;
	
}
.columna_2 {
	width: 47%;
    /*margin: 2% 0% 0% 0%;*/
    float: left;
	
}
.columna_2_b{
	width: 47%;
    margin: 15% 0% 0% 0%;
    float: left;
	
}
.columna_3 {
	width: 32%;
    margin: 1% 3% 2% 0%;
    float: left;
	
}
.columna_4 {
	width: 100%;
    margin: 2% 0% 2% 0%;
    float: left;
    border-top: 1px solid #f5f0f0;
    border-bottom: 1px solid #f5f2f2;
	
}
#box4 {
	width: 100%;
    background-repeat: no-repeat;
    background-color: #88c9e6;
    background-position-y: bottom;
    background-position-x: -840px;
    float: left;
    display: block;
    clear: none;
	min-height: auto;

}
.full-ancho-centro2 {
	width: 100%;
    background-color: #09c;
    float: left;
	}
.full-ancho-centro-contenido2 {
	text-align:center;
	padding: 2% 10%;
	}
.full-ancho-centro-titulo2   {
	
	
	}    	
.full-ancho-centro-contenido2 h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 48px;
    font-size: 53px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: 3px;
}	
.full-ancho-centro-contenido2 h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 58px;
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-top: 0;
    margin-bottom: 1px;
}	
.full-ancho-centro-contenido2 p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 30px;
    font-size: 29px;
    font-weight: 300;
    padding-top: 0;
    margin-bottom: 1px;
}
.alto2_parrafo {
	margin-bottom:1px !important;
	padding-bottom:1px !important;
}
.workshop-izquierdo {
	float: left;
    clear: none;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0%;
}
.workshop-izquierdo h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #71736D;
    line-height: 48px;
    font-size: 58px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 0px;
    margin-top: -11px;
}
.workshop-izquierdo h2{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #2F4D58;
    line-height: 42px;
    font-size: 39px;
    font-weight: 300;
    letter-spacing: -1px;
    padding-top: 0px;
    margin-bottom: 1px;
}
.workshop-izquierdo p {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #FFF;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 0%;
    padding-top: 14px;
}
	
.imagen_lateral_recursos {
	width: 37%;
    float: left;
    padding-right: 2%;
    padding-bottom: 2%;
}
.texto_lado_recursos {
	width: 60%;
    float: left;
	
	
	
}
.texto_lado_recursos h1{
	
	
	
}
.texto_lado_recursos h2{
	
	
	
}
.texto_lado_recursos p{
	
	
	
}

.workshop-right {
	float: right;
    clear: none;
    text-align: right;
    font-size: 14px;
    width: 600px;
    margin-top: 37px;
}
.edw{
 text-decoration: none;
 color: #FFF !important;
}
/*........................box4.......................*/
/*........................box5.......................*/
#box5 {
	width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #7bb5ce;
    height: auto;
}
#box5 h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #71736D;
    line-height: 48px;
    font-size: 58px;
    font-weight: 600;
    letter-spacing: -0px;
    padding-top: 1px;
    padding-bottom: 19px;
    margin-top: -11px;
}
#box5 h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 58px;
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-top: 70px;
    margin-bottom: 1px;
}

#box5 p {	
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 14px;
    padding-left: 4%;
}
.workshop-right li {
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #F5A2A2;
    list-style: none;
}
.workshop-right li:hover {
	line-height: 28px;
    color: #D17172;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #F7BDBE;
	}
.workshop-galeria {
	width:100%	
}
.gal-video {
	width: 32.5%;
    float: left;
    display: block;
    margin: 0.4%;
}
.gal_imagen ul {
	list-style:none !important;
	text-decoration: none !important;
	margin: 0px !important;
	padding: 0px !important;
	}
.gal_imagen li {
	list-style:none !important;
	text-decoration: none !important;
	margin: 0px !important;
	padding: 0px !important;
	}
.gal_imagen {
	width:100%;	
}
.gal_tiltulo {
	padding: 2.7%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    background-color: #6898ae;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    transform: scale(0.998,0.999);
}
.titulares {
	}
.titulares h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 48px;
    font-size: 53px;
    font-weight: 600;
    letter-spacing: -0px;	
	}
.gal_tiltulo {
	padding: 2.7%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    background-color: #6898ae;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    transform: scale(0.998,0.999);
	
	}
.titulares p{	
	padding: 1%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    transform: scale(0.998,0.999);
}
	
.esp-top {
	margin-top: 45px;
    margin-bottom: 45px;
	text-align:center;
}
/*........................box5.......................*/
/*........................box6.......................*/
#box6 {
	background-repeat: no-repeat;
    background-position: center;
    width: 100%;
	background-color: #fef7db;

	}
.workshop-center3 {
    width: 100%;
    margin: 0 auto;
    padding-top: 12px;
	}
.workshop-center3 h1{
	font-family: gobCL;
    color: #999;
    line-height: 36px;
        font-size: 58px;
    font-weight: 800;
    margin-bottom: 1px;
}
.workshop-center3 h2{
	font-family: gobCL;
    color: #999;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 1px;
}
.workshop-center3 p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 24px;
    font-size: 19px;
    font-weight: 300;
    margin-top: 06px;
}
/*.dist-lateral {
	margin-right: 6%;
    margin-left: 15%;
	}*/
/*.dist-lateral2 {
	margin-right: 5%;
	}*/

.articulos_descargas {
	float: left;
    width: 31%;
    margin-top: 3%;
    display: table;
    margin-bottom: 2%;
    overflow: hidden;
}
.icono_descarga {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #999;
    left: 50%;
    right: 50%;
    text-align: center;
    width: 40%;
    margin: 0 auto;
    width: 90%;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    /*width: 100% !important;*/
}
.btn_descarga {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    width: 100%;
    padding: 0.5%;
    font-size: 30px;
    margin-top: 4%;
    text-align: center;
    float: left;
    color: #999;
}
.icono_celdas {
	width: 49%;
    float: left;
    margin-left: 1%;
	
}
.alto_1 {
	margin-top: 6% !important;
}
.alto_2 {
	margin-top: 8% !important;
}
.alto_3 {
	margin-top: 8% !important;

}
.alto_4 {
	 margin-right: 12px;

}
.alto_5 {
	margin-top: 3% !important;
    margin-left: 0px !important;

}
.alto_6 {
	margin-top: 2% !important;
    margin-right: 9%;

}
.nota_text {
	font-size: 19px !important;
	}
/*........................box6.......................*/
/*........................box7.......................*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#box7 {
	/*margin-top: 44px;
    margin-bottom: 44px;*/
    background-color: #222323;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: -862px;
    min-height: 743px;
}
.workshop-izqui{
	margin: 0%;
}
.workshop-izqui h1{
	font-family: gobCL;
    color: #fff;
    line-height: 2px;
    font-size: 55px;
    font-weight: 300;
    letter-spacing: -3px;
    padding-bottom: 1%;
    margin-top: 1px !important
}
.workshop-izqui h2{
	font-family: gobCL;
    color: #fff;
    line-height: 76px;
    font-size: 56px;
    font-weight: 600;
    padding-bottom: 1%;
    margin-top: 1px !important;
}
.workshop-izqui p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    width: 58%;
    line-height: 20px;
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
}
.workshop-right_puntos {
    float: left;
    clear: none;
    text-align: left;
    font-size: 19px;
    line-height: 18px;
    width: 600px;
}
.workshop-right_puntos li{
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #6898ae;
    list-style: none;
}
.workshop-right_puntos li:hover {
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color:#0993AD;
}
.nota_text2 {
    font-size: 16px !important;
    color: #fff;
    line-height: 19px !important;
    margin-top: 1px !important;
    width: 50% !important;
}
/*........................box7.......................*/
/*........................box8.......................*/
#box8 {
	width: 100%;
	height: auto !important;
	/*background-image:url(../images/Sitio_LeydeInclusion_preguntas_01.png);
	background-repeat: no-repeat;
    background-position: center;*/
	background-color: #74c2e4;
    padding-top: 8%;
}

.workshop-izquierdo h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #2F4D58;
    line-height: 48px;
    font-size: 47px;
    font-weight: 300;
    letter-spacing: -1px;
    padding-top: 0px;
    padding-bottom: 0%;
}

/*........................box8.......................*/
/*........................box9.......................*/
#box9 {
	 width: 100%;
    background-position: center;
    margin-bottom: 40px;
}
.workshop-center4 {
	width:100%;
    margin: 0 auto;
    margin-top: 38px;

}
/*........................box9.......................*/
/*........................box11.......................*/
#box11 {
	width: 100%;
    background-position: center;
    margin-bottom: 40px;
	height:650px;
	background-color:#9a9a9a;
}
.workshop-center_metodologia{
	width:100%;
    margin: 0 auto;
    margin-top: 38px;
}

.workshop-center_metodologia h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size:20px;
	line-height:22px;
	    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
}
.workshop-center_metodologia h2{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size:18px;
	line-height:20px;
}
.workshop-center_metodologia p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size:18px;
	line-height:20px;
}
.workshop-center_metodologia a{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size:18px;
	line-height:20px;
}
.workshop-center_metodologia a:hover{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size:18px;
	line-height:20px;
}

.carousel-caption {
	
	}
.carousel-caption h1 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size:36px;
	line-height:38px;
	font-weight: 600;
	
	}
.carousel-caption p {
	 font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 33px;
    line-height: 30px;
	
	}
/*........................box11.......................*/
/*........................box12.......................*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#box12 {
    background-color: #fece26;
	width: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: -679px;
   	min-height: 425px;
}
.workshop-izqui{
	margin: 0% 1% 0% 17%;
}
.workshop-izqui h1{
	font-family: gobCL;
    color: #fff;
    line-height: 2px;
    font-size: 55px;
    font-weight: 300;
    letter-spacing: -3px;
    padding-bottom: 1%;
    /*margin-top: 116px !important;*/
}
.workshop-izqui h2{
	font-family: gobCL;
    color: #fff;
    line-height: 76px;
    font-size: 58px;
    font-weight: 600;
    padding-bottom: 0%;
    margin-top: 1px !important;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    line-height: 42px;
    font-size: 39px;
    font-weight: 300;
    letter-spacing: -1px;
    padding-top: 0px;
    margin-bottom: 1px;
}
.workshop-izqui p{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    width: 94%;
    line-height: 23px;
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
}
.workshop-right_puntos {
    float: left;
    clear: none;
    text-align: left;
    font-size: 19px;
    line-height: 18px;
    width: 600px;
}
.workshop-right_puntos li{
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color: #6898ae;
    list-style: none;
}
.workshop-right_puntos li:hover {
	line-height: 28px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #FFF;
    padding: 1px;
    width: 50%;
    text-align: center;
    background-color:#0993AD;
}
.nota_text2 {
    font-size: 16px !important;
    color: #fff;
    line-height: 19px !important;
    margin-top: 1px !important;
    width: 50% !important;
}
/*........................box12.......................*/
/*...................box13............................*/
#box13 {
	width: 100%;
	background-position: center;
    background-color: #a495f2;
    padding: 5% 0% 5% 0%;
    float: left;
	min-height: 434px;
}
.full-ancho-centro4 {
	
	
	}

.full-ancho-centro-contenido2 {
	
	
	
	}


/*...................box13............................*/
/*.................galeria acordion preguntas..................*/
.content {
		width: 60%;
		margin: 50px auto;
		padding: 20px;
	}
	.content h1 {
		font-weight: 400;
		text-transform: uppercase;
		margin: 0;
	}
	.content h2 {
		font-weight: 400;
		text-transform: uppercase;
		color: #333;
		margin: 0 0 20px;
	}
	.content p {
		font-size: 32px;
		font-weight: 300;
		line-height: 1.5em;
		margin: 0 0 20px;
	}
	.content p:last-child {
		margin: 0;
	}
	.content a.button {
		display: inline-block;
		padding: 10px 20px;
		background: #ff0;
		color: #000;
		text-decoration: none;
	}
	.content a.button:hover {
		background: #000;
		color: #ff0;
}
.content.title {
		position: relative;
		background: none;
		border: 2px dashed #333;
}
.content.title h1 span.demo {
		display: inline-block;
		font-size: .5em;
		padding: 5px 10px;
		background: #000;
		color: #fff;
		vertical-align: top;
		margin: 7px 0 0;
}
.content.title .back-to-article {
		position: absolute;
		bottom: -20px;
		left: 20px;
}
.content.title .back-to-article a {
		padding: 10px 20px;
		background: #f60;
		color: #fff;
		text-decoration: none;
}
.content.title .back-to-article a:hover {
		background: #f90;
}
.content.title .back-to-article a i {
		margin-left: 5px;
}
.content.white {
		background: #fff;
		box-shadow: 0 0 10px #999;
}
.content.black {
		background: #000;
}
.content.black p {
		color: #999;
}
.content.black p a {
		color: #08c;
}	
.accordion-container {
	width: 100%;
    /* margin: 0 0 20px; */
    clear: both;
}
.accordion-toggle {
	position: relative;
    display: block;
    font-size: 1.5em;
    font-weight: 300;
    background: #999;
    color: #fff;
    text-decoration: none;
   	height: 143px;
    padding-left: 100px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.estilo_togle {
	background: none !important;
    position: absolute;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 18px;
    font-weight: bold !important;
    padding-left: 1px !important;
}
.accordion-toggle.open {
		background: #333;
		color: #fff;
}
.accordion-toggle:hover {
		background: #666;
}
.accordion-toggle span.toggle-icon {
		position: absolute;
		top: 9px;
		right: 20px;
		font-size: 1.5em;
}
.accordion-content {
	display: none;
    overflow: auto;
    font-family: gobCL;
    color: #313131;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 36px;
    padding-top: 12px;
    padding-left: 170px;
    padding-right: 20px;
}
.accordion-content img {
		display: block;
		float: left;
		margin: 0 15px 10px 0;
		max-width: 100%;
		height: auto;
}
.number1 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number2 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number3 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number4 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number5 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number6 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number7 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number8 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number9 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number10 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}

.number11 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number12 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number13 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number14 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number15 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number16 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;
}
.number17 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number18 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number19 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.number20 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    font-weight: 600;
    color: #fff;
    font-size: 51px;
    font-weight: 700;
    line-height: 81px;
    margin-top: 10px;
    letter-spacing: -2px;

}
.texto_item_listado {
	font-family: gobCL;
    color: #ffffff;
	font-size: 23px;
    font-weight: 800;
    line-height: 30px;
	margin-left: 75px;
    margin-top: 25px;
}
.texto_item_listado_3_lineas {
	font-family: gobCL;
    color: #ffffff;
 	font-size: 23px;
    font-weight: 800;
    line-height: 30px;
    margin-left: 75px;
    margin-top: 13px;
}
.item_acordion_color_1 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_2 {
	background-color: #f29795 !important;
}
.item_acordion_color_3 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_4 {
	background-color: #f29795 !important;
}.item_acordion_color_5 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_6 {
	background-color: #f29795 !important;
}.item_acordion_color_7 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_8 {
	background-color: #f29795 !important;
}.item_acordion_color_9 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_10 {
	background-color: #f29795 !important;
}.item_acordion_color_11 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_12 {
	background-color: #f29795 !important;
}.item_acordion_color_13 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_14 {
	background-color: #f29795 !important;
}.item_acordion_color_15 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_16 {
	background-color: #f29795 !important;
}.item_acordion_color_17 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_18 {
	background-color: #f29795 !important;
}.item_acordion_color_19 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_20 {
	background-color: #f29795 !important;
}.item_acordion_color_21 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_22 {
	background-color: #f29795 !important;
}.item_acordion_color_23 {
    background-color: #b2dd7d !important;
}
.item_acordion_color_24 {
	background-color: #f29795 !important;
}.item_acordion_color_1 {
    background-color: #b2dd7d !important;
}
.texto_acordion_int {
	font-family: gobCL;
	color: #313131;
	font-size: 26px;
	font-weight: 400;
	line-height: 37px;
}
}
/* media query for mobile */
@media (max-width: 767px) {
.content {
		width: auto;
}
.accordion-content {
		padding: 10px 0;
		overflow: inherit;	
}
}
/*.................galeria acordion preguntas..................*/
/*....................tablas responsive..............*/
/*
Tablas responsive
*/



/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: none; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th {
  width: 64%;
  padding: 4px;
  border: 1px solid #6898ae; 
  text-align: left; 
  color: #6898ae;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Porn Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }
}

/*....................tablas responsive..............*/
/*....................footer..............*/

.bicolor {
  position: relative;
  min-height: 1px;
  height: 2px;
}
.bicolor span {
  display: block;
  float: left;
}
.bicolor span.azul {
	background: #0f69b4;
    width: 40%;
	height: 100%;
}
.bicolor span.rojo {
	background: #eb3646;
 	width: 60%;	
	height: 100%;
}
.bicolorbottom {
	width:20% !important;
	height:20px;
	}
/*....................footer..............*/
.edw:hover{
	 text-decoration: none;
 color: #FFF;
}
 .edw:visited{
 	text-decoration: none;
 	color: #FFF;
 }
 .emt{
 text-decoration: none;
 color: #e84a0c;
}
.emt:hover{
	 text-decoration: none;
 color: #e84a0c;
}
 .emt:visited{
 	text-decoration: none;
 color: #e84a0c;
 }
/* padded section */

.pad-section { padding: 0px 0; }

.pad-section img { width: 100%; }

/* vertical-centered text */

.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* additional sections */
.full.width {
	width:100%;
	background-color:#54EBC7;
	
	}
footer{ 
	font-size:12px; 
		width: 100%;  
	background:#FFF 
	
	center top no-repeat;
}
footer * { 
	font-size:12px;

}
footer .contentfooter {
	background:url() no-repeat left bottom; display: table;
	width: 100%;
}
footer .textPie {
	font-size:12px; 
	color:#666; 
	line-height: 50px; 
	float:left;
}
footer .menuFooter ul {
	list-style:none;
}
footer .menuFooter {
	list-style: none; 
	float: right; 
	line-height: 50px;
}
footer .menuFooter li {
	float: left; margin:0 20px;
}
footer .menuFooter li a *{
	color:#007db7; 
	font-size: 12px;
}
 
@media screen and (max-width: 1000px){
footer {
	margin: 0 -20px 20px;
    width: calc(100% + 40px);
}
}
.goToTop {
	position: fixed;
	top: 0px;
	height: 80px;
	z-index: 1;
}
/*nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
  font-size:16px;
}
nav li { 
	background: #e84a0c; 
	height:100%;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
    padding: 10px;
    display: block;
    line-height: 1.3em !important;
    height: 100%;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
	background-color:#fb7e0f;
	padding: 10px;
	display:block;
	height:96px;
}
.navbar-default {
    background-color: #e84a0c;
    min-height: 98px;
}
/*-----------nuevos eslilos para nav--------------------------------*/
.texto-contenido a { 
     color: #06C !important;
	 font-size:17px!important;
	 }	 
.texto-contenido:a:link{ 
     color: #565555 !important;
	 font-size:17px!important
	 }
.texto-contenido:a:visited { 
     color: #565555 !important;
	 font-size:17px!important;
	 }
.texto-contenido:a:active,
.texto-contenido:a:hover {
	color: #565555 !important;
	font-family: 'gobCL';
	font-size:17px!important;
}

.content a {
     color: #06C !important;
         font-size:17px!important;
         }
.content a:link{
     color: #06C !important;
         font-size:17px!important
         }
.content a:visited {
     color: #60C !important;
         font-size:17px!important;
         }
.content a:active,
.content a:hover {
        color: #60C !important;
        font-family: 'gobCL';
        font-size:17px!important;
}
/*-----------nuevos eslilos para nav--------------------------------*/
.back_color {
	width: 100%;
    margin-top: 5%;
    z-index: 1;
}
.bloque_derecho {
	float: left;
    display: block;
    clear: none;
    width: 55%;

	}
.workshop-left {
	max-width: 100%;
    clear: none;
	}
.workshop-left h2 {
	float:left;
	font-size: 35px;
	text-align:left;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	}
.workshop-left h4 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    float: left;
    margin: 0px;
    padding: none,;
	}
.workshop-left h5 {
font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
color: #fb7e0f;
font-size: 18px;
font-weight: 400;
line-height: 22px;
}
/*.workshop-right li{
	list-style:none;
	/*float: left;
	
	}*/
.workshop-right h3 {
	text-align:right;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	}
.workshop-right h4 {
	text-align:right;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	}
.separador_h1_h2 {
	    margin-left: 9px;
		margin-top: 0px;
		float:left;
		clear:none;
	}

.seccion_banner_text {
	background-color:#949815;
	max-width: 40%;
		}

.seccion_banner_text h3{
	font-size: 20px;
	text-align:left;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	float: left;
	text-shadow: 1px 1px 1px #000;
		}
.seccion_banner_sub h2{
	text-align:left;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	float: left;
	text-shadow: 1px 1px 1px #000;
	font-weight: 800;
	font-size: 38px;
		}
.seccion_banner_sub h3{
	font-size: 40px;
	text-align:left;
	margin:0px;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	text-shadow: 1px 1px 1px #000;
		}
.zona_compartir {
	margin-top: 80px;
    background-color: #9097D7;
    max-width: 40%;
    margin-bottom: 3%;
	}

/*-----------estilos en paginas interiores----------------*/
.gris {
	background-color:#e0e0e0;
	margin-left:2%;
	padding-top:2%;
	}
.gris2 {
	background-color: #e0e0e0;
    margin-left: 2%;
    padding-top: 2%;
    padding-bottom: 1.4%;
	}
	.gris68 {
	background-color: #e0e0e0;
    margin-left: 2%;
    padding-top: 2%;
    padding-bottom: 1.4%;
    height: 505px;
	}
.gris3 {
	background-color: #e0e0e0;
    margin-left: 2%;
    padding-top: 5%;
    padding-bottom: 1%;
	}
.gris4 {
	background-color: #e0e0e0;
    margin-left: 2%;
    padding-top: 5%;
    padding-bottom: 14.3%;
	}
.gris4_2 {
	background-color: #e0e0e0;
    margin-left: 2%;
    padding-top: 5%;
    padding-bottom: 14.3%;
	height: 892px;

	}
.gris5 {
    margin-left: 2%;
    padding-top: 5%;
    padding-bottom: 1%;
	}
.gris6 {
    margin-left: 2%;
    padding-top: 5%;
    padding-bottom: 14.3%;
	}
.ruta_proyecto_ley {
	}
.imagen_proyecto_ley {	
	float: left;
    margin-right: 2%;
    margin-left: 2%;
    width: 49%;
    display: block;
    clear: none;
    background-color: #C91B1E;
    max-height: 50%;
	background-color: #e0e0e0;
}


.imagen_proyecto_ley_2{
    float: left;
    margin-right: 2%;
    margin-bottom: 4%;
    width: 49%;
    display: block;
    clear: none;
    background-color: #C91B1E;
    max-height: 50%;
    background-color: #e0e0e0;}
	
.imagen_proyecto_ley_right {	
	float: right;
    margin-left: 2%;
    margin-bottom: 4%;
    width: 49%;
    display: block;
    clear: none;
    background-color: #C91B1E;
    max-height: 50%;
	background-color: #e0e0e0;
}
img {
	width:100%;
	display: inline-block;
	height: auto;
	max-width: 100%;
 }
.contenido_paginas {
	float:left;
	clear:none;
	background-color:#C52426;
	width: 40%;}
.ruta_proyecto_ley {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #e84a0c;
	margin: 3% 0% 2% 2%;
	}
.titulo_proyecto_ley {
	
	}
.titulo_proyecto_ley h1 {
	margin: 0%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #e84a0c;
    font-weight: 400;
    font-size: 19px;
    float: left;
    width: 46%;
	}
.titulo_proyecto_ley_left h1 {
    margin: 0%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #e84a0c;
    font-weight: 400;
    font-size: 19px;
    float: left;
    width: 46%;
    padding-left: 2%;
}
.subtitulo_proyecto_ley{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 23px;
	color: #e84a0c;
	}
.texto_proyecto_ley h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 23px;
	color: #20587d;
	display:block;
	clear:none;
	}
.texto_proyecto_ley h2{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #e84a0c;
    display: block;
    clear: none;
	margin-top:0%;
	margin-left:2%;
	margin-bottom:0%;
	margin-right:0%;
	}
.texto_proyecto_ley h3{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #20587d;
    display: block;
    margin: 0% 1% 3% 0%;
    padding-left: 2%;
	}
/*__________estilos zona descargas_____________*/
.titulo_documentos_descargables {
	height: 30%;
    float: left;
    clear: none;
    display: block;
    width: 100%;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #fffefe;
    font-size: 30px;
    font-weight: 700;
    margin-top: 2%;

	}
.caja_documentos_descargables{
	width: 14%;
	margin-top:20%;
	flot: left;
    display: table;
    overflow: hidden;
    clear: none;
    float: left;
    margin: 1%;
	justify-content: center;
	}
.icono_descargables{
	width:100%;

	}
.nombre_descargables{
	width: 100%;
    font-size: 12px;
    text-align: center;
    padding: 1%;
	margin-bottom: 12%;
	height: 50px;
	padding-top: 10px;
	}
.btn_descargables{
	widh:100%;
	text-align:center;
	}
/*---------zona mapa---------*/
.zona_mapa {
	width: 49%;
    float: left;
    clear: none;;
}
.contiene_zona_mapa {
	margin-left: 2%;
    margin-top: 2%;
    display: block;
    width: 100%;	
	}
.icono_centro_mapa {
    width: 160px;
    height: 160px;
    position: absolute;
    position: absolute;
    top: 80%;
    left: 43%;
	}
/*_____________estilo zoana calidad -----------------------------*/
.zona_iconografia {
	width:100%;
	display:block;
	float:left;
	}
.ensenanza_efectiva_cuadro_color_1{
	float: left;
    display: block;
    background-color: #a495f2;
    clear: none;
    width: 100%;
    padding: 3%;
	background-image:url('back_tablero.png');
	}
.ensenanza_efectiva_cuadro_color_2{
	background-color: #b048c7;	
	float: left;
    display: block;
    clear: none;
    width: 100%;
	padding: 3%;
	background-image:url('back_tablero2.png');
	}
.ensenanza_efectiva_cuadro_color_3{
	background-color: #6898ae;
	float: left;
    display: block;
    clear: none;
    width: 100%;
	padding: 3%;
	background-image:url('back_tablero.png');
	
	
	}
.ensenanza_efectiva_cuadro_color_4{
	background-color: #5782c8;	
	float: left;
    display: block;
    clear: none;
    width: 100%;
	
	
	}
.ensenanza_efectiva_cuadro_color_5{
	background-color: #8edae1;
	float: left;
    display: block;
    clear: none;
    width: 100%;
	
	}
.ensenanza_efectiva_cuadro_color_6{
	background-color: #2cb8c5;
	float: left;
    display: block;
    clear: none;
    width: 100%;
	
	}
.zona_iconografia h1 {
	text-align: center;
    height: 120px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    clear: none;
    display: block;
    float: left;
    padding: 7% 17% 7% 17%;
    background-color: #a495f2;
    margin: 0px !important;
	}
.zona_iconografia2 h1 {
	color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    clear: none;
    display: block;
    float: left;
    padding: 7% 17% 7% 17%;
    background-color: #4a72b2;
    margin: 0px !important;
	}
.zona_iconografia3 h1 {
	color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    clear: none;
    display: block;
    float: left;
    padding: 7% 17% 7% 17%;
    background-color: #259faa;
    margin: 0px !important;
	}
.zona_ensenanza_efectiva_texto h2 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    color: #ffffff;
    font-size: 27px;
    font-weight: 700;
    line-height: 17px;
    padding: 0% 42% 0% 42%;
	}
.zona_iconografia h3 {
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 37px;
	}
.ensenanza_efectiva {
	width: 33%;
    display: block;
    clear: none;
    float: left;
}
.ensenanza_efectiva_titular {
	text-align:center;
	}

.zona_ensenanza_efectiva1 {
	
	
	}
.zona_ensenanza_efectiva_icono {
	text-align: center;
    text-align: center;
    padding: 8% 20% 8% 20%;
    float: left;
	}

.zona_ensenanza_efectiva_texto{
	text-align:center;
	}

.oportunidades {}

.organizacion {}
.margin {
	margin-bottom: 60px;
	}
.margin_bloques2 {
	margin-top: 120px;
	}
	/*-------------nav______________*/
.navbar {
 	border: 0px solid transparent !important;
    z-index: 999;
    /*margin-bottom: 1px !important;*/
}
.nota_bajo_texto {
		display:block;
		float:left
		
		
		}
.nota_bajo_texto h1{
	
	
		
		}
.titular_galeria {
	
	
	}
	.titular_galeria h1{
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	color: #fb7e0f;
	font-size: 33px;
	font-weight: 700;
	
	}
.gris_full {
	width:100%;
	background-color: #e8e8e8;
	
	}
#box7 {
    color: white;
	}
.cambiocolor h1{
	background-color: #4a72b2;
	
	}
.cambiocolor2 h1{
	background-color: #259faa;
	
	}
.alto {
	/*height: 300px;*/
	height: auto;
   	max-height: 273px;
	
	}
.alto2 {
	height:300px;
	}
/*---------------------lighbox----------------------------------*/

/*---------------------lighbox----------------------------------*/
.bloque_texto_2_proyecto_ley {
	
	widht: 100%;
	float:left;
	}
/*Eliminates padding, centers the thumbnail */

/* Styles the thumbnail */
a.lightbox img {
  height: 150px;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
  opacity: 1;
  top: 0;
  bottom: 0;
}

.lightbox-target:target img {
  max-height: 100%;
  max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
  top: 0px;
}
.caja_hover {
	width:120px;
	height:120px;
	background-color:#693;
}
.caja_hover:hover{
	float: left;
	overflow: hidden;
	filter:alpha(opacity=50); opacity:0.9;
}
.contiene_ul {
	background-color:#BB282A;
	width: 100%;
	max-width:1200px;
	margin: 0;
    padding: 0;
}
.contiene_nav {
	background-color:#e84a0c;
	}
.container-fluid {
    padding-right: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
	padding-left: 0px !important;
}

/*........................................*/
.accordion{margin-bottom:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; width:500px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}

.accordion-body{-webkit-transition:"height .4s linear";-moz-transition:"height .4s linear";-o-transition:"height .4s linear";transition:"height .4s linear";}
.accordion-group{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:5px;}
accordion-group 
.accordion-heading{position:relative;}
.accordion-group 
.accordion-heading:after{
	pointer-events:none;color:#fff;content:"+";font-size:15px;padding:8px 13px;position:absolute;top:0;right:0;bottom:auto auto;left:auto;}
.accordion-group .accordion-heading.accordion-opened:after{content:"-";padding:8px 15px;}
.accordion-group a{color:#231f20;}.accordion-group a:hover{text-decoration:none;}
.accordion-group .accordion-inner{border:none;padding:20px;}

/*.........................................................estilo menu solo 768 a 1200px...................................................*/
/* aca los estilos del box 10 */
/*........................box10.......................*/
#box10 {
	background-color:#e8e8e8;
}
.workshop-center5 {
	
	}
.workshop-center5 h2 {
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
	text-align:center;
    color: #71736D;
    line-height: 53px;
    font-size: 53px;
    font-weight: 600;
    margin-bottom: 30px;
}
#box10 .slider {
	float: left;
}
#box10 .slider .titulo {
	height: 150px;
	overflow: hidden;
	width: 50%;
	padding:2%;
	float:left;
}
#box10 slider .titulo{ 
	height: 150px; 
	overflow: hidden;
	border-right: 1px solid #d1d1d1;
}
#box10 .slider .titulo a {
	color: #0f69b4;
	font-size: 24px !important;
	font-weight: lighter;
}

#box10 .slider .titulo a:hover {
	text-decoration: underline !important; 
}
#box10 .slider .extracto p {
    font-size: 16px;
    color: #475156;
    font-weight: lighter;
    line-height: 19px;
    height: 150px;
    overflow: hidden;
	padding:5%;
}
#box10 .slider .sub-titulo a {
    color: #0f69b4;
    font-size: 15px !important;
    background-color: white;
    max-width: 200px;

}
#box10 .slider .fecha {
    color: #475156;
    font-size: 14px;
    font-weight: bold;
    padding: 2%;
}
.container .contentBody {
    max-width: 797px;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #686868;
    font-weight: normal;
    width: 100%;
}
#sidebar {
    width: 100%;
    max-width: 320px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    min-width: 250px;
    float: right;
}
.container .banners div {
    display: inline-block;
    padding: 0 0 8px 0;
}

/*...................................................*/



/* aca los estilos del box 10 */


@media (min-width: 768px) and (max-width: 1199px) {
	
.position_imagen_movil_box4 {
    background-repeat: repeat-x;
    background-position: 1036px -90px;
    background-size: 1425px;		
}
.position_imagen_movil {
    background-repeat: repeat-x;
    background-position: 1735px -35px!important;
    background-size: 2560px !important;
}
.seccion_banner h2 {
    font-size: 25px !important;
    font-weight: 900;
    color: #fff !important;
    line-height: 25px !important;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    text-shadow: 1px 1px 1px #000;
    padding-top: 2%;
    float: left !important;
    padding-bottom: 3%;
    width: 100%;
}
/* general styles */
/* padded section */
/*........................menu arreglado......................*/






.pad-section { 
	padding: 0px 0; }x
.pad-section img { width: 100%; }
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
}
nav li { 
	background: #f29795;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif !important;
	font-size:17px !important;
	color: #ffffff;
	font-size: 18.13px;
	font-weight: 400;	
	text-align: center;
	height: 100%!important;
}
.line_h {
    line-height: 59px !important;
    font-size: 15px !important;
}
.line_h_2 {
	/*line-height: 1px !important;
    padding: 25px 30px !important;*/
	
	line-height: 15px !important;
    padding: 25px 30px !important;
}
.line_h_2_tablet {
	line-height: 1px !important;
    padding: 12px 30px !important;
}
.line_h_3 {
	line-height: 2px !important;
	padding: 14px 30px !important;
}
.navbar-right {
    float: left!important;
	margin-left:26px;
}
.navbar-nav>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    background-color: #7dc0dd;
	padding: 10px 22px;

}
.navbar-nav>li>a:hover {
	padding-top: 9px;
    padding-bottom: 9px;
    display: block;
     background-color: #b44f9e!important;
	padding: 10px 22px;
}
.navbar-default {
    border-color: #7dc0dd !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}
.navbar-default .navbar-nav>li>a h1 {
    color: #fff !important;
    font-size: 15px;
    margin: 0px;
}
.navbar-default .navbar-nav>li>a h2 {
    color: #fff !important;
    font-size: 10px;
    margin: 0px;
}
.navbar {
    margin-bottom: 0px !important;
    border: none !important;
}
.navbar-active{
    background-color: #f15d70;
	border:none !important;
	}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: #bf69ac!important;
	color: #fff;
}
.navbar-nav>li {
    float: left;
    /*width: 22%;*/
	width: 12%;

}
}
/*........................menu arreglado......................*/
@media (min-width: 767px) and (max-width: 993px) {
/* general styles */
/* padded section */


/*........................menu arreglado......................*/

.pad-section { 
	padding: 0px 0; }x
.pad-section img { width: 100%; }
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
}
nav li { 
	background: #f29795;
	font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif !important;
	font-size:17px !important;
	color: #ffffff;
	font-size: 18.13px;
	font-weight: 400;	
	text-align: center;
	height: 100%!important;
}
.line_h {
	line-height: 53px !important;
    font-size: 13px !important;
}
.line_h_2 {
	line-height: 12px !important;
    padding: 25px 30px !important;
}
.line_h_2_tablet {
	line-height: 1px !important;
    padding: 9px 30px !important;
}
.line_h_3 {
	line-height: 1px !important;
    padding: 20px 14px !important;

}
.navbar-right {
    float: left!important;
	margin-left:26px;
}
.navbar-nav>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    background-color: #7dc0dd;
	padding: 10px 22px;

}
.navbar-nav>li>a:hover {
	padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    background-color: #f29795 !important;
	padding: 10px 22px;
}
.navbar-default {
    border-color: #7dc0dd !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}
.navbar-default .navbar-nav>li>a h1 {
    color: #fff !important;
    font-size: 13px;
    margin: 0px;
}
.navbar-default .navbar-nav>li>a h2 {
    color: #fff !important;
    font-size: 9px;
    margin: 0px;
}
.navbar {
    margin-bottom: 0px !important;
    border: none !important;
}
.navbar-active{
    background-color: #f29795;
	border:none !important;
	}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: #f29795!important;
	color: #fff;
}
.navbar-nav>li {
    float: left;
    /*width: 14%;*/
	width: 13%;

}
}
/*........................menu arreglado......................*/
@media (min-width: 1201px) and (max-width: 1900px) {
#box7 { 
	    /* background-color: #6898ae; */
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: -450px;
    min-height: 452px;
    /* padding-top: 10%; */
    padding-left: 20%;
    padding-right: 20%;
    /* padding-bottom: 10%; */
}
}
@media (min-width: 1901px) and (max-width: 2560px) {
#box7 { 
	margin-top: 0px;
    margin-bottom: 0px;
    background-color: #6898ae;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 79px;
    min-height: 743px;
}

}
@media (min-width: 1240px) and (max-width: 1500px) { 	
#box4 {
	width: 100%;
    background-repeat: no-repeat;
    background-color: #88c9e6;
    background-position-y: bottom;
    background-position-x: -853px;
    min-height: 473px;

}
}
@media (min-width: 1501px) and (max-width: 2000px) { 	
#box4 {
	width: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position-y: bottom;
    background-position-x: -394px;
    min-height: 442px;
}
}
@media (min-width: 2001px) and (max-width: 2560px) { 	
#box4 {
    width: 100%;
    background-repeat: no-repeat;
    background-color: #f29795;
    background-position-y: bottom;
    background-position-x: -347px;
    min-height: 520px;
}
}
@media (min-width: 1280px) and (max-width: 2560px) {
.line_h_2 {
    line-height: 30px !important;
    padding: 25px 28px !important;
}	
}
@media (min-width: 533px) and (max-width: 767px) {
.position_imagen_movil {
    background-repeat: repeat-x;
    background-position: 1103px -17px;
    background-size: 1422px;
}
#box1 {
    background-color: #fff;
    height: 320px !important;
	
}
#box1 #superior #logo h1 a {
    font-size: 21px;
    color: white;
    font-weight: bold;
    line-height: 0px;
}
.seccion_banner h2 {
    font-size: 23px !important;
    font-weight: 900;
    color: #fff;
    line-height: 23px;
    text-align: left;
    margin: 0px;
    font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
    text-shadow: 1px 1px 1px #000;
    padding-top: 10%;
    float: left !important;
    padding-bottom: 3%;
    width: 100%;
}
#box1 #superior #sociales {
    float: right;
    padding-top: 20px;
    z-index: 999;
    position: absolute;
    margin-top: 257px !important;
}
}
@media (min-width: 1500px) and (max-width: 2560px) {
#box4 {
	width: 100%;
    background-repeat: no-repeat;
    background-color: #88c9e6;
    background-position-y: bottom;
    background-position-x: -853px;
    min-height: 473px;

}
	
}