*{padding: 0;margin: 0;box-sizing: border-box;  -ms-user-select:none;}
body {
background: #fafafa;
font-weight: 400;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}
#owl-demo .item {
padding-top: 15px;
padding-bottom: 25px;
margin: 3px;
}
.boton {text-align: center;padding: 5px;}
.boton  a {text-decoration: none;color: #b7b7bc; }
.boton  a:hover {text-decoration: none;color: #444; }
.item p a  {text-decoration: none;color: #b7b7bc; }
.item p a:hover  {text-decoration: none;color: #444; }
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}
.noticiastitulo{
font-family: 'Source Sans Pro', sans-serif;   
font-weight: 300; 
background:  #f3f3f4;
height: 50px;
text-align: center;
padding: 15px;
color: #b7b7bc;
font-size: 16px;

}
.noticiastexto{
padding: 5px;
font-family: 'Source Sans Pro', sans-serif;   
width: 100%;
height: 160px;
background:  #f3f3f4;
text-align:center;
font-size: 17px;
}
.colores{
width: 100%;
height: 5px;
}
.imagenes{padding-bottom: 15px; max-width:100%;height:auto;text-align: center;}
.color111,.color222,.color333,.color444,.color555,.color666{
width: 16.666%;
height: 2px;
float: left;
}
.color11,.color22,.color33,.color44,.color55,.color66{
width:100%;
height: 3px;
float: left;
}
.color1,.color2,.color3,.color4,.color5,.color6{
width: 16.666%;
height: 5px;
float: left;
}
.logofondo{
width: 400px;
}
.contbonton2 {padding-top: 25px; padding-left: 25%;}
.boton2 {width: 50%; text-align: center;padding: 5px;border: 2px solid #f19154;}
.boton2  a {text-decoration: none;color: #b7b7bc; }
.boton2  a:hover {text-decoration: none;color: #444; }


.color1,.color11,.color111{
background: rgba(108,54,93,1);
background: -moz-linear-gradient(left, rgba(108,54,93,1) 0%, rgba(166,59,86,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(108,54,93,1)), color-stop(100%, rgba(166,59,86,1)));
background: -webkit-linear-gradient(left, rgba(108,54,93,1) 0%, rgba(166,59,86,1) 100%);
background: -o-linear-gradient(left, rgba(108,54,93,1) 0%, rgba(166,59,86,1) 100%);
background: -ms-linear-gradient(left, rgba(108,54,93,1) 0%, rgba(166,59,86,1) 100%);
background: linear-gradient(to right, rgba(108,54,93,1) 0%, rgba(166,59,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c365d', endColorstr='#a63b56', GradientType=1 );
}
.color2,.color22,.color222{
background: rgba(198,55,100,1);
background: -moz-linear-gradient(left, rgba(198,55,100,1) 0%, rgba(213,85,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198,55,100,1)), color-stop(100%, rgba(213,85,132,1)));
background: -webkit-linear-gradient(left, rgba(198,55,100,1) 0%, rgba(213,85,132,1) 100%);
background: -o-linear-gradient(left, rgba(198,55,100,1) 0%, rgba(213,85,132,1) 100%);
background: -ms-linear-gradient(left, rgba(198,55,100,1) 0%, rgba(213,85,132,1) 100%);
background: linear-gradient(to right, rgba(198,55,100,1) 0%, rgba(213,85,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63764', endColorstr='#d55584', GradientType=1 );
}
.color3,.color33,.color333{
background: rgba(228,71,71,1);
background: -moz-linear-gradient(left, rgba(228,71,71,1) 0%, rgba(218,98,77,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,71,71,1)), color-stop(100%, rgba(218,98,77,1)));
background: -webkit-linear-gradient(left, rgba(228,71,71,1) 0%, rgba(218,98,77,1) 100%);
background: -o-linear-gradient(left, rgba(228,71,71,1) 0%, rgba(218,98,77,1) 100%);
background: -ms-linear-gradient(left, rgba(228,71,71,1) 0%, rgba(218,98,77,1) 100%);
background: linear-gradient(to right, rgba(228,71,71,1) 0%, rgba(218,98,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e44747', endColorstr='#da624d', GradientType=1 );}
.color4,.color44,.color444{
background: rgba(236,136,74,1);
background: -moz-linear-gradient(left, rgba(236,136,74,1) 0%, rgba(236,234,111,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,136,74,1)), color-stop(100%, rgba(236,234,111,1)));
background: -webkit-linear-gradient(left, rgba(236,136,74,1) 0%, rgba(236,234,111,1) 100%);
background: -o-linear-gradient(left, rgba(236,136,74,1) 0%, rgba(236,234,111,1) 100%);
background: -ms-linear-gradient(left, rgba(236,136,74,1) 0%, rgba(236,234,111,1) 100%);
background: linear-gradient(to right, rgba(236,136,74,1) 0%, rgba(236,234,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec884a', endColorstr='#ecea6f', GradientType=1 );
}
.color5,.color55,.color555{
background: rgba(67,99,79,1);
background: -moz-linear-gradient(left, rgba(67,99,79,1) 0%, rgba(95,135,92,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(67,99,79,1)), color-stop(100%, rgba(95,135,92,1)));
background: -webkit-linear-gradient(left, rgba(67,99,79,1) 0%, rgba(95,135,92,1) 100%);
background: -o-linear-gradient(left, rgba(67,99,79,1) 0%, rgba(95,135,92,1) 100%);
background: -ms-linear-gradient(left, rgba(67,99,79,1) 0%, rgba(95,135,92,1) 100%);
background: linear-gradient(to right, rgba(67,99,79,1) 0%, rgba(95,135,92,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43634f', endColorstr='#5f875c', GradientType=1 );
}
.color6,.color66,.color666{
background: rgba(84,93,147,1);
background: -moz-linear-gradient(left, rgba(84,93,147,1) 0%, rgba(109,158,206,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84,93,147,1)), color-stop(100%, rgba(109,158,206,1)));
background: -webkit-linear-gradient(left, rgba(84,93,147,1) 0%, rgba(109,158,206,1) 100%);
background: -o-linear-gradient(left, rgba(84,93,147,1) 0%, rgba(109,158,206,1) 100%);
background: -ms-linear-gradient(left, rgba(84,93,147,1) 0%, rgba(109,158,206,1) 100%);
background: linear-gradient(to right, rgba(84,93,147,1) 0%, rgba(109,158,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545d93', endColorstr='#6d9ece', GradientType=1 );
}
.menu{
width: 100%;
height: 100px;
}
.menusub{
float: left;
width: 30%;
height: 100px;
}
.menusub2{
float: left;
width: 70%;
height: 100px;
}
.logoheader{
float: right;
padding: 15px;
width:250px;
height:auto;
}
.listamenu{ 
float: left;
list-style: none;
width: 50%;
height: 100px;
padding: 25px;
}
.listamenu li { 
border-left: 1px solid #444;
}
.listamenu li a{ 
color: #444;
text-decoration: none;
margin-left: 15px;
}
.socialmenu{
float: left;
width: 50%;
height: 100px;
padding: 15px;
}

.container2{
  width: 100%;
  margin: 0 auto;
}
#map_container{
  position: relative;
}
#map{
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
    position: relative;
}

.container2{
  width: 100%;
  margin: 0 auto;
}
#map_container2{
  position: relative;
}
#map2{
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
    position: relative;
}
.cssmenu   li  .btni:hover  {background: #f0f0f0;color: #fff;}
.cssmenu   li  .btnc {background: #eb630c;color: #fdefe6;}
.cssmenu   li  .btnc:hover {color: #fdefe6;}
.cssmenu li .btne:hover  {background: #000067;color: #e5e5ef;}
.cssmenu .btnd:hover{ background: #26a454;color: #fff; }
/*  menu */
.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul li a,
.cssmenu .menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  z-index: 9;
}
.none{display: none;}
.cssmenu:after,
.cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.cssmenu .menu-button {
  display: none;
}
.cssmenu {
  background: #f19154;
}
.cssmenu  ul  {
text-align:center;
}
.cssmenu  ul li {
 display: inline-block;
}
.align-center  ul {
  text-align: center;
}
.align-center  ul  li {
  display: inline-block;
  float: none;
}
.align-center ul ul {
  text-align: left;
}
.align-right  ul  li {
  float: left;
}
.cssmenu  ul  li  a {
  padding: 16px;
  text-decoration: none;
  color: #fff;
}
.cssmenu  ul  li  a:hover {
  color: #3c3c3c;text-decoration: overline;
}
.cssmenu  ul  li.has-sub  a {padding-right: 30px;}
/* signo mas*/
.cssmenu  ul  li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 1px;
  display: block;
  background: #3c3c3c;
  content: '';
}
.cssmenu  ul li.has-sub  a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  width: 2px;
  height: 8px;
  display: block;
  background: #3c3c3c;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.cssmenu  ul  li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
.cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
.align-right ul ul {
  text-align: right;
}
.cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.cssmenu li:hover  ul {
  left: auto;
 
}
.align-right li:hover  ul {
  left: auto;
  right: 0;
}
.cssmenu li:hover > ul > li {
  height: 35px;
    
}
.cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.cssmenu ul ul li a {
  width: 280px;
  padding: 11px;
  text-decoration: none;
  color: #3c3c3c;
  background: #f19154;
}
.cssmenu ul ul li:hover a,
.cssmenu ul ul li a:hover {
color: #fff;
}
.cssmenu ul ul li.has-sub  a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
.align-right ul ul li.has-sub  a:after {
  right: auto;
  left: 11px;
}
.cssmenu ul ul li.has-sub  a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.align-right ul ul li.has-sub  a:before {
  right: auto;
  left: 14px;
}
.cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
    
}
.overflow {
  overflow: hidden;
  width: 100%;
}
.cont{ width: 100%;  position:absolute; }
.derech{padding: 0;margin: 0; width: 100%;height: 250px;background: #f19154;
}
/** ------------------Slider -------------------*/
.container { width: 100%;margin: 1px auto 0 ;}
.slider-wrapper {
    border-radius: 5px ;
	z-index: 2;
	position: relative;
	width: 100%;
	height: 500px;
	background: #fff;
	border: 1px solid #b7b7bc;
	overflow: hidden;}
.slider-wrapper li {display: none;}
.slider-wrapper .current-slide {display: block;}
.slider-shadow {
    position: relative;
    z-index: -3;
	width: 100%;
	height: 25px;}
.slider-shadow:before {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);}
.slider-wrapper img {
	position: absolute;
	max-width: 100%;
	height: auto;
	top: 0;
	left: 0;}
/**[Botones-Control] ---------------------**/
.control-buttons {
	margin-top: 15px;
	text-align: center;}
.control-buttons li {
	cursor: pointer;
	display: inline-block;
	background: #e9e9eb;
	text-indent: -99999px;
	height: 12px;
	width: 12px;
	margin: 0 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
.control-buttons li.active {background: #b7b7bc;}
.authors {
	text-align: center;
	color: #b7b7bc;
	display: block;
	margin-top: 80px;}
/** ---------------------------------------------------------------*/
.titulo{padding:20px 0  20px 0; width: 100%;height: 140px;} /*titulo simple*/
.titulo2{padding:10px 0  10px 0; width: 100%;height: 80px;} /*titulo doble*/
.titulo3{
display: table;
height: 100px;
margin: 0 auto;
text-align: center;
width: 100%;
  } 
.large3{
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 18px;
color: #fff;
}
.large3 a{font-weight: 300; text-decoration: none;color: #fff;  font-size: 20px;}
.titulo3 p{
display: table-cell;
vertical-align: middle;
}
.centro{
text-align: justify;
padding: 25px;
}
.titulo3 h1{
  display: table-cell;
  vertical-align: middle;
}
p{   /*titulo parrafo*/
  text-align: justify;
  line-height: 1.6em;
  text-align: left;    
  color: #000;
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px; 
} 
/*listas botones*/

.fila1 ul,.fila2 ul {
    list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;}

.fila1 ul li p{
text-align: justify;
width: 100%;
margin: 0 auto;
}
.fila1 ul li a,.fila2 ul li a{ 
margin: 15px;
padding-top: 15px;
text-decoration: none;
width: 100%;
font-weight: 400;
font-size: 16px; 
color: #444;}
.fila1 ul li ,.fila2 ul li { 
margin: 5px;
padding-top: 15px;
text-decoration: none;
width: 100%;
font-weight: 400;
font-size: 16px; 
color: #444;}

.fila2 ul li a:hover,.fila1 ul li a:hover{ 
font-weight: 600;
}
.fila3{ padding-top: 35px; padding-left: 50px; width: 70%;height: 600px;}
.fila33{ width: 70%;padding-bottom: 25px;}
.fila4{ width: 30%;padding-bottom: 25px;}
 /*barra de botones*/
.btn,.btnactive{ 
	background: #fff;
    border:1px solid #eee;
    display: table;
    width: 100%;
    height: 60px;
    padding-left: 5%;
    text-align: left;
}
.btn a{   
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
   font-weight: 300; 
   font-size: 19px; 
   color: #444;
}
.btn a:hover{ font-weight: 300;}
.btnactive a{   
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    font-weight: 500; 
    font-size: 22px;
	background: #ed7224;
    color: #fff;
}
.botones2{  margin: 0 auto;width:100%;height:auto;}
 /*texto titulo*/
.grande,.granded{
 padding-top: 25px;
  padding-bottom: 25px;
  text-align: center; 
  color: #666574;
  font-size: 25px;
}
.listatexto{
 padding-top: 10px;
  padding-bottom: 10px;
padding-right: 50px;
padding-left: 10px;
  text-align: justify; 
  color: #666574;
  font-size: 16px;
font-weight: 300; 
}
.grande { /*footer*/
  font-weight: 600; 
}
.textoinfo{  font-size: 16px;}
.textotitulo{  font-size: 18px;}
.chico { /*footer*/
 padding-top: 15px;
  padding-bottom: 5px;
  text-align: center; 
  color: #666574;
  font-size: 18px;
  font-weight: 600; 
}
/*footer*/
.granded { font-weight: 300;   }

footer{  background: #3c3c3c;}
.logofooter{
width: 110px;
height: auto;
float: right; 
margin: 0 auto;}
footer > ul {   
    border-bottom: 2px solid #eb630c;
    list-style: none ;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 99%;
}
footer > ul li {
    float: left;
    padding: 5px 0 30px;
    width: 33.3%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.titulofooter{ 
	margin: 15px;
  text-align:left;
  width: 100%;
  font-weight: 400;
  font-size: 22px; 
  color: #fff;
}

.textofooter {

  font-weight: 500;  
  text-align: left;
  color: #8a8a8a;
  font-size: 16px;
  margin: 5px;

}
.contfooter{
  width: 100%;  
}
 .copyright{
  background: #2d2c2c;
  padding: 10px 0; 
  margin: 0;
  height: 50px;
  width: 100%;
  float:none;
  text-align:center;
}
.copyright a {
font-size: 13px;
text-decoration: none;
color: #fff;  
}
.copyright a:hover {
color: #F4E5C4;  
}

/*   header  */
.contacto{ width: 50%;height: auto;float: right;}
.logop{
box-shadow: 0px 0px 7px 0px #fdfdfd;
width: 100%;
height: 120px;
margin: 0;
padding: 0;
background: #fff;}
/*   contenedor social  */
.continfo{
background: #f5b287;
width: 100%;
height:100px;
padding: 0;
margin:0;
}
.continfo2{
background: #f29c65;
width: 100%;
height: 100px;
padding: 0;
margin:0;
}
.continfo3{
background: #f5b287;
width: 100%;
height:100px;
padding: 0;
margin:0;
}
.facebook{
width: 100%;
height: 350px;
height: 350px;}
.contMc1{background: #f3a776}
.contMc2{background: #f5b287}
.contMc3{background: #f6bd98}
.contM{
float: left;
width: 33.3%;
height:auto;
margin: 0;
    }
.contM2{
float: left;
width: 50%;
height:auto;
margin: 0;
    }
.conts{
float: left;
width: 10%;
height:auto;
padding: 10px;
margin: 1rem auto;   
display: table;
text-align: center;
  } 
.conts h3{
  display: table-cell;
  vertical-align: middle;
  } 
.conts2{
float: left;
width: 25%;
height:auto;
padding: 10px;
margin: 1rem auto;   
display: table;
text-align: center;
  } 
.conts h3{
  display: table-cell;
  vertical-align: middle;
  } 
.logoicos:hover {      
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}

/*  baser subpagina */

article{
   padding: 0;
    margin: 0;
   float:left;
   width:50%; 
}
.fondo{
border-top: 1px solid #f1f1f1;    
background: #fdfdfd;
width: 100%;
height: auto;
}
.fondo2{
padding-top: 25px;
background: #fff;
width: 100%;
height: auto;
}
.fondoblanco{
border: 1px solid #f1f1f1;   
background: #fff;
height: 500px;

}
.fondosub{   
border: 1px solid #f3f3f4; 
width: 80%;
height: 100px;
}
#espacio{
margin-bottom: 25px;
margin-top: 25px;
}
.ancho2{
   margin:0 auto;
   overflow:hidden;
   text-align:left;
   width:70%;
}
.fila1,.fila2{
    padding: 25px;
    height: auto;
	margin-bottom: 25px;
	margin-top: 25px;
 
    
}

/*  acodeon  reclamento */

.accordion dl:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #f19154;
}
.accordion dt  a {
  text-align: left;
  padding: 20px;
  display: block;
  text-decoration: none;
  color: #444;
}
.accordion dd {
padding: 1px;
  background-color:  #fdfdfd;
  line-height: 3em;
}
.accordion dd h4 {
text-align: center;
font-size: 20px;

}
.accordion dd p {
padding: 25px;
text-align: justify;
}
.accordion {
  position: relative;
  background-color: #fff;
}
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 25px;
}
.accordionTitle {

  background-color: #fff;
  border: 1px solid #F46819;
}
.accordionTitle:before {
  content: "+";
  line-height: 0.5em;
  float: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover {
  background-color: #f19154;color: #fff;
}

.accordionTitleActive,
.is-expanded {
  background-color: #ed7224;
	
}
.accordionTitleActive:before,
.is-expanded:before {
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height:100%;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
          transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 10000px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
            transition: max-height 0.5s;
  }
}

.accordionItemCollapsed,
.is-collapsed {
  max-height: 0;
}

.animateIn {
  -webkit-animation: accordionIn 0.65s normal ease-in-out both 1;
  -moz-animation: accordionIn 0.65s normal ease-in-out both 1;
  -o-animation: accordionIn 0.65s normal ease-in-out both 1;
  -ms-animation: accordionIn 0.65s normal ease-in-out both 1;
          animation: accordionIn 0.65s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
  -ms-animation: accordionOut 0.75s alternate ease-in-out both 1;
  -moz-animation: accordionOut 0.75s alternate ease-in-out both 1;
  -o-animation: accordionOut 0.75s alternate ease-in-out both 1;
          animation: accordionOut 0.75s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}


/*  acodeon2  fotos carreras */


.accordion2 {
  width: 100%;
  max-width: 1080px;
  height:380px;
  overflow: hidden;
  margin: 1px auto;
 padding-bottom: 25px;
}

.accordion2 ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion2 ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}

.accordion2 ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion2 ul li div a {
  display: block;
  height: 250px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  transition: all 200ms ease;
}

.accordion2 ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -moz-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.textoacordion {
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;   
  text-overflow: clip;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.textoacordion2 {
  font-weight: 700;
  font-family: 'Source Sans Pro', sans-serif;   
  color:  #fff;
  top: 160px;
}
.accordion2 ul:hover li { width: 8%; }

.accordion2 ul:hover li:hover { width: 60%; }

.accordion2 ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion2 ul:hover li:hover a * {
  opacity: 1;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.accordion2 ul li:nth-child(1) { background-image: url("../img/obras-civiles-2.jpeg"); }

.accordion2 ul li:nth-child(2) { background-image: url("../img/bilimgue.jpg"); }

.accordion2 ul li:nth-child(3) { background-image: url("../img/secre.jpg"); }

.accordion2 ul li:nth-child(4) { background-image: url("../img/admin.jpg"); }

.accordion2 ul li:nth-child(5) { background-image: url("../img/alemigles.jpg"); }

.accordion2 ul li:nth-child(6) { background-image: url("../img/preven.jpg"); }



/* 
lista quienes somos 
*/
.imgfondo{
  background-image: url("../img/fondo.svg");   
  background-position: right bottom;
  background-repeat:repeat-y
}
.wrap2{
  width: 100%;
  margin: auto;
  padding: 0;
  overflow: hidden;
}
table { 
 margin-top: 20px;
 margin-bottom: 20px;
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #fff; 
}
th { 
  background: #f19154; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #f19154; 
  text-align: left; 
}
ul.resp-tabs-list, p {
    margin: 0;
    padding: 0;
}

.resp-tabs-list li {
    font-weight: 600;
    display: inline-block;
    padding: 25px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {

    display: none;
    padding: 25px;
}

.resp-tab-active {
	border-bottom: none;
	margin-bottom: -1px ;
	padding: 25px;
	border-bottom: 0 #fff solid ;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #ef823c;
	border-top-color: #ef823c;
}

h2.resp-accordion {
    color: #444;
    font-size: 16px;
    margin: 0;
    padding: 10px 15px;
}


/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 60%;
    padding: 15px;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 10px 5px ;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    margin-top: 50px;
    float: left;
    width: 40%;
    min-height: 250px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px ;
padding: 14px 15px 15px 14px ;
border-top: 1px solid #F46819;
border: 1px solid #F46819 ;
border-left: 40px solid #F46819;
margin-bottom: 4px ;
border-right: 1px # solid ;
}





/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

.left{   
 text-align: left;    
  color: #000;
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;
 } 

.grandeb { /*footer*/
  margin: 50px;
  width: 100%;
  height: 10px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;   

}
.center{text-align: justify;padding: 10px;}
.contacto{ width: %;height: 100px;float: right;}
.large1 {
padding: 10px 0;
   text-align:center;
   width: 100%;
   height: 50px;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif; 
  color: #F24C24;
}
.large{
text-align: center;
   width: 100%;
   height: 40px;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;  
  color: #F24C24;
}



.wrap3{
  width: 85%;
  margin: auto;
  padding: 0;
  overflow: hidden;
}


@media only screen and (max-width: 768px) {
	.fila33{width: 100%;}
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #eee;
    }

    .resp-vtabs .resp-tabs-container {
	    padding-top: 0;
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none ;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 ;
    }
}
@media screen and (max-width:1000px){
      .botones2{ 
    margin: 0 auto;
    width:100%;
    height:auto;
} 
   .ancho2 {
      width:100%;
   }
}

@media screen and (max-width:700px){
	.continfo2{
background: #f19154;
width: 100%;
height: 200px;
padding: 0;
margin:0;
}

.fila1{padding: 25px 10px 25px 10px;}
	.continfo3{
width: 100%;
height: 190px;

}
.color11,.color22,.color33,.color44,.color55,.color66{
display: none;
}
.fila1,.fila2{
margin: 0;
}
.fila3{ padding-left: 15px; width: 100%;height: 600px;}
.fila4{ padding 5px;width: 100%;padding-bottom: 5px;}

.contM,.contM2{
float: left;
width: 100%;
height:auto;
margin: 0;
    }
    .btn,.btnactive{   width:50%;float: left;}
   article{
      width:100%;
   }
}
@media screen and (max-width: 600px) {

.accordion2 { height: auto; }
.accordion2 ,
.accordion2 ul li,
.accordion2 ul li:hover,
.accordion2 ul:hover li,
.accordion2 ul:hover li:hover {
display: none;
}

}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    
.logop {display:none;} 
.logoheader{width:90px;height:90px;}  
.cssmenu {padding-left: 0;width: 100%;}
.cssmenu ul {width: 100%;display: none;}
 align-center  ul {text-align: left;}
.cssmenu ul li {width: 100%;border-top: 1px solid  #fff;}
.cssmenu ul ul li,.cssmenu li:hover  ul  li {height: auto;}
.cssmenu ul li a,.cssmenu ul ul li a {width: 100%;border-bottom: 0;}
.cssmenu  ul  li {float: none;}
.cssmenu ul ul li a {padding-left: 25px;}
.cssmenu ul ul ul li a {padding-left: 35px;}
.cssmenu ul ul li a {color: #3c3c3c;background:#F0F0F0;}
.cssmenu ul ul,.cssmenu ul ul ul,
align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;}
.cssmenu  ul  li.has-sub  a:after,
.cssmenu  ul  li.has-sub  a:before,
.cssmenu ul ul  li.has-sub  a:after,
.cssmenu ul ul li.has-sub  a:before {display: none;}
/*menu*/
.cssmenu .menu-button {
display: block;
padding: 17px;
color: #fff;
cursor: pointer;}
.cssmenu .menu-button:after {
position: absolute;
top: 15px;
right: 17px;
display: block;
height: 0;
width: 20px;
border-top: 1px solid #3c3c3c;
border-bottom: 1px solid #3c3c3c;
content: '';}
.cssmenu .menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #3c3c3c;
content: '';}
.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.menu-opened:before {
top: 23px;
background: #fff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
.cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 3px solid #b7b7bc;
height: 46px;
width: 46px;
cursor: pointer;}
.submenu-opened {background: #e9e9eb;}
.cssmenu ul ul .submenu-button {height: 34px;width: 34px;}
.cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #3c3c3c;
content: '';}
.cssmenu ul ul .submenu-button:after {top: 15px;right: 13px;}
.submenu-opened:after {background: #3c3c3c;}
.cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #3c3c3c;
content: '';}
.cssmenu ul ul .submenu-button:before {top: 12px;right: 16px;}
.submenu-opened:before {display: none;}
}



@media (max-width: 1500px) {
/*footer*/
.granded { font-size: 22px;}
.grande { font-size: 22px;}
.titulo{padding:0; width: 100%;height: 100px;}
    
div .fondologo{margin-left: 10%; }
}
@media (max-width: 1100px) {
div .pos{ margin-top: -85px; margin-left: 71%;}
div .fondologo{
margin-left: 2%; 
}}
@media (max-width: 1200px) {
    .wrap3{
  width: 100%;
  margin: auto;
  padding: 0;
  overflow: hidden;
}
   .wrap{
    width: 100%;
    margin: auto;
    overflow: hidden;
  }
}

    
@media all and (max-width:1000px){

    .contsocial2{padding: 20px; width: 100%; height: 150px;}
    .contsocial  { display: none;}
    .col-1-4{
    width: 50%; 
    padding: 1%;
    overflow: hidden;
    clear: right;
  }
    .col{    
    width: 50%; 
    padding: 10px;
    overflow: hidden;
    clear: right;
    }
.wrap{width: 100%;}
.wrap2{width: 100%;}
.mobile-clear{clear:both;}
.centro{padding: 5px;}

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

.menu{
width: 100%;
height: 100px;
}
.menusub{
float: left;
margin: 0;
width: 50%;
height: 100px;
}
.menusub2{
float: left;
width: 50%;
height: 100px;
}
.logoheader{
float: right;
padding: 15px;
width:240px;
height:auto;
}
.listamenu{ 
display: none;
}
.socialmenu{
margin: 0;
float: left;
width: 100%;
height: 100px;
padding: 10px;
}	
	
	
.titulo{padding:10px 0 0 10px; width: 100%;height: 110px;}
footer > ul li {float:none;width:auto;}
footer > ul li:first-child {
  padding-left:10%;
}
footer > ul li:nth-child(2) {
  padding-left: 10%;
}
footer > ul li:nth-child(3) {
  padding-left: 10%;
}
}
    
    @media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td { 
    font-size: 12px;
		border: none;
		border-bottom: 1px solid #ef823c; 
		position: relative;
		padding-left: 35%; 
	}
	td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	td:nth-of-type(1):before { content: "Area";}
	td:nth-of-type(2):before { content: "Nombre"; }
	td:nth-of-type(3):before { content: "Teléfono"; }
	td:nth-of-type(4):before { content: "Correo"; }



  .tabla2:nth-of-type(1):before { content: "Empresa o Institución";}
  .tabla2:nth-of-type(2):before { content: "% Desc. CFT"; }
  .tabla2:nth-of-type(3):before { content: "Convenio desde"; }

}
    
  
@media only screen and (max-width:550px) { 
.menu{
display: none;
}

}	
@media only screen and (max-width:580px) { 	
	.logofooter{ padding-bottom: 10px;}
	.wrap{width: 100%;  }
}
@media only screen and (max-width:470px) { 
    .btn{width: 100%;}
  .col-1-4{width: 100%; }
  .large3{font-size: 22px;}
}
@media only screen and (max-width:300px) { 
   .wrap{width: 100%;}  
}
 @media only screen and (max-width: 1022px) {
 	.container {width: 900px;}
 	.slider-wrapper {height: 450px;}
 }
 @media only screen and (max-width: 900px) {
 	.container {width: 700px;}
 	.slider-wrapper {height: 350px;}
 }
 @media only screen and (max-width: 700px) {

     #espacio{margin: 0;}
	.derech{width: 100%;height: 150px;}
 	.container {width: 500px;}
 	.slider-wrapper {height: 250px;}
 }
 @media only screen and (max-width: 500px) {
  .cont  { display: none;}
 }

.arteclecont{width: 100%;}