@font-face {
		font-family: 'Eurostile-Normal';
		src: url('fonts/Eurostile-Normal.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	.tabs {
      position: relative;   
      clear: both;
      padding-top: 0px;
    }
    .tab {
		float: left;
		width: auto;
		height: auto;
		text-align: left;
		background-repeat: no-repeat;
    }
    .tab label {
      position: relative;
      font-family: "Futura_Light";
      font-size: 16px;
	  line-height: 16px;
      cursor: pointer;
      z-index: 90;
	  color: #fff;
	font-weight: bold;
    }
    .tab [type=radio] {
      display: none;   
    }
    .content2 {
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      bottom: 0;
      height:540px;
      overflow: hidden;
	  text-align: center;
    }
	.tab.quienes_somos{
		width: 210px;
		height: 40px;
		margin-top: 385px;
	}
	.tab.mision_vision{
		height: 45px;
		margin-top: 385px;
		width: 300px;
	}
	
	.tab.quienes_somos img, .tab.mision_vision img{
		width: 100%;
		height: 100%;
	}
	
    .content2 > * {
      opacity: 0;
      
      -webkit-transform: translate3d(0, 0, 0);
    
      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);
      
      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label {
      z-index: 2;
	  color: #000;
    }
    [type=radio]:checked ~ label ~ .content2 {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content2 > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }
	
	.tab.portafolio {
		margin: 450px 10px 0px;
		width: auto;
		padding: 6px 11px;
	}
	
	.tab.portafolio:first-child {
		margin-left: 445px;
	}
	
	.portafolio label {
		color: #fff;
	}
	
	label.item_galeria{
		color: #0065B8;
		font-weight: bold;
		font-size: 45px;
	}
    
	[type="radio"]:checked ~ label.item_galeria {
		color: #0065B8;
		font-weight: bold;
		font-size: 45px;
		display: none;
	}