/*navbar*/
/*IE*/
  /* For Internet Explorer */        
    .flip-container:hover .back, .flip-container.hover .back  {            
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform: rotateY(0deg); 
    }        

    /* For Internet Explorer */        
    .flip-container:hover .front, .flip-container.hover .front  {                     
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform: rotateY(180deg);
    }

    .flip-container, .front .back {
        width:480px;
        height:340px;
    }

    .flipper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }

    .front, .back {        
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;            
        -webkit-transition: 1.0s;
        -moz-transition: 1.0s;
        -ms-transition: 1.0s;
        -o-transition: 1.0s;
        transition:1.0s;

        position: absolute;
        top: 0;
        left: 0;
    }

    .front {
        z-index:2;           
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .back {
        z-index:1;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);           
    }

/*FIN IE*/
#services {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background-image: url(images/4.jpg);
    -webkit-background-size: cover   
}
 

.navbar
{opacity:0.9;
 background-color:#470066;
 color:white
}
    
   
.navbar-default .navbar-nav > li > a {
    color: white;}
 

.navbar-default .navbar-nav li a:focus 
{
    color:White}
 .navbar-default .navbar-nav li a:active 
{
    color:White}   


/*fin navbar*/

.intro-section 
{background-image: url(images/neuron7.jpg);
 -webkit-background-size: cover;
 -ms-background-size: cover;
 -moz-background-size: cover;
}
.p2 

.message3 
{line-height:25px;
  color:#FFFF99;
   text-shadow:0 0 20px black;
   font-size:2.5vmin;
   -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
   
}
.message3:hover
{text-shadow: 0 0 30px white;
 color:#00FFFF
}

{ color:Black;
   opacity:0;
}
.code2 
{ color:Black; 
  
}
.message22 

{line-height:25px;
  color:#FFFF99;
   text-shadow:0 0 20px black;
   font-size:2.5vmin;
   -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
   
}
.message22:hover
{text-shadow: 0 0 30px white;
 color:#00FFFF
}
  
    
.p3 
{ color:Black;
   opacity:0;
   display:none
}
.code3
{ color:Black; 
  font-size:2.6vmin;
  display:none
}

  
    
#logomain { width:18%; max-width:18%}
.fotobdm { width:18%; max-width:18%}
#submenu:hover {
    color: black;
}

#biomed{ color:White}

#biomed:hover 
{text-shadow: 0px 0px 50px #66FFFF;
 color: Aqua
}
 
.h1biomed:hover 
{text-shadow: 0px 0px 40px white;
  -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

#link11:hover
{
    -webkit-animation:spin 0.6s linear 2;
    -moz-animation:spin 0.6s linear  2;
    animation:spin 0.6s linear  2;}
    
 #link22:hover
{
    -webkit-animation:spin 0.6s linear 2;
    -moz-animation:spin 0.6s linear 2;
    animation:spin 0.6s linear 2;}
    
 #link33:hover
{
      -webkit-animation:spin 0.6s linear 2;
    -moz-animation:spin 0.6s linear 2;
    animation:spin 0.6s linear 2;}
 
.links 
{
    font-size:3vmin;
    text-decoration:none}
    
.links:hover
{color:#00FF99;
 font-size:3vmin;
 text-shadow: 0 0 20px white;
 text-decoration:none
 }
 

.imagegrande {
    height:70px;
    width:100px;
   }
    

.imagechica{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    height:90px;
    width:90px;
}  
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/braingif.gif') 50% 50% no-repeat rgb(0,0,0)}
	
.header1  
{   color:black;
   font-size:xx-large;
   font-weight:bold;
     
}  

.h1biomed
{    -webkit-transition: all 200ms ease-in;
   
    -ms-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
   
    transition: all 200ms ease-in;
    
   
}
.h1biomed:hover {      -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);  }

.labeldivs
{ font-family: 'Arvo', Helvetica, sans-serif;
  font-size: 4vmin;
  font-weight: normal;
  letter-spacing: -0.04em;
  color:white ;
  text-shadow: 0px 0px 20px black;
  margin-bottom: 20px;
}
.labeldivs2
{ font-family: 'Arvo', Helvetica, sans-serif;
  font-size: 4vmin;
  font-weight: normal;
  letter-spacing: -0.04em;
  color:black ;
  text-shadow: 0px 0px 20px white;
  margin-bottom: 20px;
}
.fotobdm{ opacity:0}

#Image1 
{ width:250px; height:250px}
.image1
{width:250px; height:250px
}

#Image2  
{
    width:250px; height:250px}
.whitespace 
{
    height:60px}
    
.contterap
{text-align:center; 
 width:90%; 
 height:75%; 
 display:inline-table
}

.contterapmob 
{
    display:none}
    
    
#divterap1 
{background-color:#9900CC;
 opacity:0.85 ;
 width:45%; 
 height:350px;
 border-right:2px solid gray;
 margin-left:5%
}

#divterap2
{background-color:#00FF99;
  opacity:0.85;
   width:45%;
    height:350px;
     border-left: 2px solid gray;
     margin-right:5%;
      
}
.contenedorterapmobinv
{height:60%;
 min-height:250px;
 width:90%;
 background-color:transparent;
 margin-left:5%;
display:block;
  text-align:center;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  border: 0px solid transparent;

}
.contenedorterapmob
{height:60%;
 width:90%;
 background-color:#FF3300;
 margin-left:5%;
display:none;
  text-align:center;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  border: 3px solid white;
  display:none;

}

.contenedorterap2mob
{height:60%;
 width:90%;
background-color:#6600CC;
 margin-left:5%;
display:none;
  text-align:center;
 -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
   border: 3px solid white;
   display:none
}

.contenedorterap3mob
{height:60%;
 width:90%;
 background-color:#00CC66;
 margin-left:5%;
display:none;
  text-align:center;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
   border: 3px solid white;
 
}


.h1terapmob
{   text-align:center;
    width:100%;
    font-size:4.5vmin; 
    font-weight:bold;

   }
.h2tit 
{
    font-size:5vmin;
    text-shadow:0 0 40px black;
    font-weight:bold;
    color:white}
    
.h2tit2
{
    font-size:5vmin;
    text-shadow:0 0 40px white;
    font-weight:bold;
   }
 /*inicio fotos redondas iluminadas*/
.logosterap 
{ -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity:0.8
}

.logosterap:hover 
{ -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);   
    -moz-transform: scale(1.1);
    transform: scale(1.1);
     box-shadow: 0 0 40px white;
     opacity:1
}

.whitespace2 
{
    display:none}

#design-cast {
position: relative;
overflow:visible ;
width:46%;
margin-left:27%;
height:50%;
vertical-align:top;
margin-top:-90px
}
.member {
    float:left;
    width:31%;
    margin:3% 1% 45px 1%;
    vertical-align:middle;
   
}
.name1 {
     text-align:center; 
     font-size:2.5vmin;
     font-weight:bold;
     color:white;
     width:100%;
     margin-top:10px;
  -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
     
}

.name2 {
     text-align:center; 
     font-size:2.5vmin;
     font-weight:bold;
     color:white;
     width:100%;
     margin-top:10px;
  -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
     
}
.name3 {
     text-align:center; 
     font-size:2.5vmin;
     font-weight:bold;
     color:white;
     width:100%;
     margin-top:10px;
    -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
     
}
.member img {
    width:80%;
    display: inline-block;
    cursor:pointer
}

.contenedorterap 
{height:60%; 
 width:90%;
 background-color:#FF3300;
 margin-left:5%;
display:none;
  text-align:center;
margin-top:-50px;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  border: 3px solid white

  
 }
.contenedorterap2
{height:60%; 
 width:90%;

 background-color:#6600CC;
 margin-left:5%;
display:none;

  text-align:center;
margin-top:-50px;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
   border: 3px solid white

  
 }
 
 .contenedorterap3
{height:60%; 
 width:90%;
 background-color:#00CC66;
 margin-left:5%;
display:none;
  text-align:center;
margin-top:-50px;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
   border: 3px solid white

  
 }
.h1terap
{margin-top:-15px
    
}
.h1terap 
{   margin-left:1%;
    width:100%;
    font-size:4.5vmin; 
    font-weight:bold;
    text-align:center;
    width:100%;
   }
.terapcont 
{ font-size:2.3vmin;
  color:white;
  line-height:20px
}
.terapcont2
{ font-size:3vmin;
  color:white;
   line-height:23px
}
.terapcont3
{ font-size:3vmin;
  color:white;
  line-height:23px
}
.terapcontbl
{ font-size:2.3vmin;
  color:black;
  margin-top:20px;
  text-align:center;
   list-style-type:square;
   list-style-position:inside;
   text-shadow: 0 0 20px black;
   text-align:left;
   line-height:24px
   
}
.swellsyst {
text-decoration:none; 
color:aqua;
font-weight:lighter;
	-webkit-transition: 0.36s;
-ms-transition: 0.36s;
-moz-transition: 0.36s;
-o-transition: 0.36s;
transition: 0.36s;


}
.swellsyst:hover 
{
    font-weight:bold; 
    text-decoration:none}
    
.terapcontwh
{ font-size:2.5vmin;
  color:white;
  margin-top:0px;
  text-align:center;
   list-style-type:square;
   list-style-position:inside;
   text-shadow: 0 0 20px white;
   text-align:left;
   overflow:hidden;
   width:97%}

   
   .style1
        {
            display: block;
            max-width: 100%;
            height: auto;
            left: 0px;
            top: 0px;
        }
        .style2
        {
            width: 25%;
        }
   
}
.terapcontwheng
{ font-size:2.1vmin;
  color:white;
  margin-top:0px;
  text-align:center;
   list-style-type:square;
   list-style-position:inside;
   text-shadow: 0 0 20px white;
   text-align:left;
   overflow:hidden;
   width:97%
  
}
.espacioextra 
{
    height:70px}
.btncg2 
{
    display:none}
    
 .contenedorterapiasmob 
{
   display:block;
   margin-top:0%;
    
}
    
/* fin fotos redondas iluminadas*/
.footer-distributed:hover .vitruvio
{   width: 100%;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}
/*Image Flipper*/
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -ms-perspective: 1000;
  margin-left:1%;
	border: 0px solid #ccc;
	opacity:1;
	background-color:transparent;
	 height:50px; 
	 width:65px; 
	 vertical-align:middle
	
}



.flip-container, .front, .back {
	width: 100%;
	height: 350px;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
  
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	margin-left:0;
	margin-top:0;
	
}

.front  {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
    position:absolute;
	top: 0%;
	left: 0%;
	background-color: transparent;
	
}
.back 
{-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
    position:absolute;
	top: 0%;
	left: 0%;
	background-color: transparent;
}

.front {
	
	z-index: 2;
	margin-top:15%;

}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: transparent;
margin-top:0px;

}

.front .name {
	font-size: 2em;
	display: inline-block;
	background: rgba(33, 33, 33, 0.9);
	color: #f8f8f8;
	font-family: Courier;
	padding: 5px 10px;
	border-radius: 5px;
	bottom: 60px;
	left: 25%;
	position: absolute;
	text-shadow: 0.1em 0.1em 0.05em #333;

	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.back-logo {
	position: absolute;
	top: 40px;
	left: 90px;
	width: 160px;
	height: 117px;
	
	
}

.back-title {
	font-weight: bold;
	color: #00304a;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.05em #acd7e5;
	
}

.back p {
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	text-align: left;
	padding: 0 20px;
  font-family: arial;
  line-height: 2em;
  
}

.espacioextra2
   {height:10px
   }
/*flipper2*/


/*Image Flipper End*/

/*Galeria de Fotos*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);

}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


.btncg
{float:right;
 font-size:4vmin;
 color:white;
 text-align:center;
 background-color:Gray;
 opacity:0.95;
 margin-top:30%;
-webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.btncg:hover 
{font-size:4.5vmin;
 box-shadow: 0 0 20px white;
 color:white}
 
 .gallery 
 {
     max-width:1400px}
     
 .gallery2 
 {margin-left:40px;
  max-width:1400px;
  display:none
 }
 
.gallerycel 
{
    display:none}
     
/*fin Galería de fotos*/

    
/*footer*/

.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	font: bold 16px sans-serif;
	text-align: left;
	padding: 50px 60px 40px;
	margin-top: 80px;
	position:relative;
	
}

.footer-distributed:hover .vitruvio
{   width: 100%;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    -ms-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}
input[type=text], textarea {
  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#message {
  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid transparent;
}
 
#message:focus {
  box-shadow: 0 0 15px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
.contactlabel
{  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;
}

.contactlabel:hover
{ text-shadow: 0 0 25px rgba(81, 203, 238, 1);
  
}
@-moz-keyframes spin { 50% { -moz-transform: rotateY(90deg); } }
@-webkit-keyframes spin { 50% { -webkit-transform: rotateY(90deg); } }
@-ms-keyframes spin { 50% { -ms-transform: rotateY(90deg); } }
@keyframes spin { 50% { -webkit-transform: rotateY(90deg); transform:rotateY(90deg); } }


.imgicon:hover
{ box-shadow: 0px 0px 30px white;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.links:hover
{text-shadow: 0px 0px 20px #66FFFF;
  -webkit-transition: all 0.6s ease; /* Safari and Chrome */
    -moz-transition: all 0.6s ease; /* Firefox */
    -ms-transition: all 0.6s ease; /* IE 9 */
    -o-transition: all 0.6s ease; /* Opera */
    transition: all 0.6s ease;
}
.links2:hover
{text-shadow: 0px 0px 20px white;
  -webkit-transition: all 0.6s ease; /* Safari and Chrome */
    -moz-transition: all 0.6s ease; /* Firefox */
    -ms-transition: all 0.6s ease; /* IE 9 */
    -o-transition: all 0.6s ease; /* Opera */
    transition: all 0.6s ease;
    color:orange
}

/* Footer left */

.footer-distributed .footer-left{
	float: left;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0 0 10px;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

.footer-distributed h3:hover
{text-shadow: 0px 0px 20px #66FFFF;
  -webkit-transition: all 0.6s ease; /* Safari and Chrome */
    -moz-transition: all 0.6s ease; /* Firefox */
    -ms-transition: all 0.6s ease; /* IE 9 */
    -o-transition: all 0.6s ease; /* Opera */
    transition: all 0.6s ease;
}
.footer-distributed h3 span:hover
{text-shadow: 0px 0px 20px #66FFFF;
  -webkit-transition: all 0.6s ease; /* Safari and Chrome */
    -moz-transition: all 0.6s ease; /* Firefox */
    -ms-transition: all 0.6s ease; /* IE 9 */
    -o-transition: all 0.6s ease; /* Opera */
    transition: all 0.6s ease;
}
/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

.footer-links2{
	color: #FFFF99;
	margin: 0 0 10px;
	padding: 0;
	font-size:3vmin;
	 margin-top:2%;

	    
}
.linksfoot
{-webkit-transition: all 0.4s ease; /* Safari and Chrome */
    -moz-transition: all 0.4s ease; /* Firefox */
    -ms-transition: all 0.4s ease; /* IE 9 */
    -o-transition: all 0.4s ease; /* Opera */
    transition: all 0.4s ease;
    font-size:2.5vmin}
    
.linksfoot:hover
{color:#00FF99;
 font-size:2.5vmin;
 text-shadow: 0 0 20px #00FF99
 }
.footer-links2 a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
/* Footer social icons */

.footer-distributed .footer-icons{
	margin-top: 40px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color: #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
    -moz-transition: all 0.4s ease; /* Firefox */
    -ms-transition: all 0.4s ease; /* IE 9 */
    -o-transition: all 0.4s ease; /* Opera */
    transition: all 0.4s ease;
}
/*social networks icons*/
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
body {
    font-family: 'Lato', sans-serif;
    color: #FFF;
    background: #322f30;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: #fff;
}
p > a:hover{
    color: #d9d9d9;
    text-decoration:  underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:  1% 0 1% 0;
}
._12 {
    font-size: 1.2em;
}
._14 {
    font-size: 1.4em;
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    width: 350px;
    display:block;
    margin-left:1%;
    font-size:x-large;
    
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
      font-size:x-large;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
  font-size:x-large;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
  font-size:x-large;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
  font-size:x-large;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
  font-size:x-large;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
  font-size:x-large;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
  font-size:x-large;
}
.fa-google-plus:hover {
    background-color: #e25714;
}
}
/*fin social networkS*/

/* Footer Right */

.footer-distributed .footer-right{
	float: right;
}

.footer-distributed .footer-right p{
	display: inline-block;
	vertical-align: top;
	margin: 15px 42px 0 0;
	color: #ffffff;
}

/* The contact form */

.footer-distributed form{
	display: inline-block;
}

.footer-distributed form input,
.footer-distributed form textarea{
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
	background-color:  #1f2022;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
	border: none;
	resize: none;

	font: inherit;
	font-size: 14px;
	font-weight: normal;
	color:  #d1d2d2;

	width: 400px;
	padding: 18px;
}

.footer-distributed ::-webkit-input-placeholder {
	color:  #5c666b;
}

.footer-distributed ::-moz-placeholder {
	color:  #5c666b;
	opacity: 1;
}

.footer-distributed :-ms-input-placeholder{
	color:  #5c666b;
}


.footer-distributed form input{
	height: 55px;
	margin-bottom: 15px;
}

.footer-distributed form textarea{
	height: 100px;
	margin-bottom: 20px;
}

.footer-distributed form button{
	border-radius: 3px;
	background-color:  #33383b;
	color: #ffffff;
	border: 0;
	padding: 15px 50px;
	font-weight: bold;
	float: right;
}
.buttonenv 
{border-radius: 3px;
	background-color:  #33383b;
	color: #ffffff;
	border: 0;
	padding: 15px 50px;
	font-weight: bold;
	float: right;
	  -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition: .2s;
}
.buttonenv:hover 
{border-radius: 3px;
	background-color:  #33383b;
	border: 1px solid #57CCEE;
	padding: 15px 50px;
	font-weight: bold;
	float: right;
	text-decoration:none;
	color:#57CCEE;
	box-shadow: 0 0 15px #57CCEE
	
}

.buttonenv2 
{  
    border-radius: 3px;
	background-color:  #33383b;
	color: #ffffff;
	border: 0;
	margin-top:1%;
	padding: 10px 30px;
	font-weight: bold;
		  -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition: .2s;
    font-size:small;
    opacity:0.7;
    
}

    
.buttonenv2:hover 
{border-radius: 3px;
	background-color:  #33383b;
	border: 1px solid #57CCEE;
	padding: 13px 35px;
	font-weight: bold;
	text-decoration:none;
	color:#57CCEE;
	box-shadow: 0 0 15px #57CCEE;
	opacity:0.96
	
}
/* If you don't want the footer to be responsive, remove these media queries */

/*Imagenes en linea*/
#teasercenter {
width: 910px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1000;
}
teaserfotolc {
    padding-right:0px;
}
#teasercenter ul li {
    float:left;
    margin: 0 20px 10px 0;
    
}
#teasercenter ul li.lastchild {
    float:left;
    margin: 0 0px 10px 0;
    
}

@media only screen and (max-width: 960px) {
#teasercenter {
width:100%;
display:inline-block;
}
#teasercenter ul li img {
    min-width:100%;
    height:auto;
}
}
/*fin imagenes en linea*/


@media (max-width: 1000px) {

	.footer-distributed {
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-company-name{
		font-size: 12px;
	}


	.footer-distributed form input,
	.footer-distributed form textarea{
		width: 250px;
	}

	.footer-distributed form button{
		padding: 10px 35px;
	}

}


/*services section*/

   
/*fin services*/

@media (max-width: 800px) {

	.footer-distributed{
		padding: 30px;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		float: none;
		max-width: 300px;
		margin: 0 auto;
	}

	.footer-distributed .footer-left{
		margin-bottom: 40px;
	}

	.footer-distributed form{
		margin-top: 30px;
	}

	.footer-distributed form{
		display: block;
	}

	.footer-distributed form button{
		float: none;
	}
}


/*footer end*/




@media (max-width: 1200px) {
#imagelogo {
display: none;
}
#imagelogo2 {
display: none;
}
#Image1 
{
    width:60px; height:60px}
#Image2  
{
    width:60px;height:60px}
    
    #divterap1 
{background-color:#9900CC;
 opacity:0.85 ;
 width:90%; 
 height:35%;
 margin-left:5%
}

#divterap2
{background-color:#00FF99;
  opacity:0.85;
   width:90%;
    height:35%;
     margin-left:5%

}   
.navbar-header
{
    height:20px}
 .logosterap 
{ -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  width:20%
}
   
 #gallery1 , #gallery2 , #changlr , #changlr2
 {
     display:none}
     
.gallerycel 
     {
         display:block;
         max-width:70%;
         margin-left:15%;
         margin-top:0%;
         }
   
 .mySlides 
 {
     max-height:300px} 
.p2 
{   font-size:x-small;
     line-height:4px;
     width:100%;
     text-align:center
 }

.p3
{   font-size:smaller;
     line-height:4px;
     display:none;
          width:100%;
     text-align:center
 }
  

.contterap
{display:none
}

.contterapmob 
{
    display:block;
        opacity:0.9;
         width:90%;
         margin-left:5%;
          max-height:340px;

    }
    
    .espacioextra 
{
    height:15px}
    
    .btncg2 
{
    display:inline;
    font-size:x-large;
    text-shadow:0 0 20px white;
    background-color:transparent;
         text-align:center;
         width:20px
     
    
    }
    
    .cambiomob 
    {
        cursor:pointer
    }
    #backside 
    {   display:none;
        background-color:#6600CC; 
        opacity:0.9;
         width:90%;
         margin-left:5%;
          max-height:330px;
          overflow-y: scroll;
     
          }
#design-cast , .member , .fotonmg1 , .fotobio1 , .fototda1
{
    max-height:60px}
    
.contenedorterapiasmob 
{   max-height:300px;
    }
.contenedorterapmob 
{max-height:300px;
    overflow-y:scroll}
.contenedorterap2mob 
{max-height:300px;
    overflow-y:scroll}
.contenedorterap3mob 
{max-height:300px;
 overflow-y:scroll}



     

.h1terapmob
{   text-align:center;
    width:100%;
    font-size:4.5vmin; 
    font-weight:bold;

   }
   
   .espacioextra2
   {height:85px;
    display:block
   }
   
   .btncg3
{font-size:4vmin;
 color:white;
 text-align:center;
 background-color:Gray;
 opacity:0.95;
 margin-top:10px;
-webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.buttonenv2 
{   
    border-radius: 3px;
	background-color:  #33383b;
	color: #ffffff;
	border: 0;
	padding: 5px 15px;
	font-weight: bold;
		  -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition: .2s;
    font-size:x-small;
    opacity:0.7
}
.whitespace 
{
   min-height:43px}
}
.whitespace2 
{
    height:145px}
    

@media (min-height: 0px) and (max-height: 400px)
{
    #intro { overflow-y:scroll}
    #about { overflow-y:scroll}
    #services {overflow-y:scroll}
    #gallery {overflow-y:scroll}
    #contact {overflow-y:scroll}
         

}