@font-face {
   font-family: 'Roboto' ;
   src: url('roboto/Roboto-Light.ttf') ;
}

@font-face {
	
   font-family: 'RobotoRegular' ;
   src: url('roboto/Roboto-Regular.ttf') ;
}

@font-face {
   font-family: 'Sofadi' ;
   src: url('sofadi-one/SofadiOne-Regular.ttf') ;
}

@font-face {
   font-family: 'Monorealis' ;
   src: url('fonts/Monorealis.ttf') ;
}
@font-face {
   font-family: 'RussoOne' ;
   src: url('fonts/RussoOne-Regular.ttf') ;
}

@font-face {
   font-family: 'BlackHan' ;
   src: url('fonts/BlackHanSans-Regular.ttf') ;
}
@font-face {
   font-family: 'OpenSansEB' ;
   src: url('fonts/OpenSans-ExtraBoldItalic.ttf') ;
}
@font-face {
   font-family: 'OpenSansM' ;
   src: url('fonts/OpenSans-Medium.ttf') ;
}

@font-face {
   font-family: 'LatoR' ;
   src: url('fonts/Lato-Regular.ttf') ;
}

@font-face {
   font-family: 'LatoBI' ;
   src: url('fonts/Lato-BlackItalic.ttf') ;
}
@font-face {
   font-family: 'RalewayB' ;
   src: url('fonts/raleway/raleway-Bold.ttf') ;
}
@font-face {
   font-family: 'RalewayR' ;
   src: url('fonts/raleway/raleway-Regular.ttf') ;
}

body {
    font-family: 'Roboto' ;
	font-size:"1em";
//	 min-width: 970px;
}

.contenedor{
   position:absolute;
   top:0;
    bottom:0;
   left: 0%;
   right: 0%;
   margin: 0 auto;
   min-width: 30em;
}

.cabecera {
    width: 100%;
    height: 6em;
    left: 0%;
    right: 0%;
    margin: 0 auto;
}

#barrax {  position:relative;
	 top: 96px;
    width: 100%;
    height: 1.3em;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    background: url('fotos/f13.png')  ;
}
/*
#fondo {
    position:absolute;
	 height: 130px;
	width:420px;
    top:0;
    right: 0%;
	 background: url('fotos/fondo.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
*/
 
#logo {
    position:absolute;
    top  : 0.5em;
    left : 1rem;
    width: 9em; 
    height: 3.313em;
    background: url('fotos/logo1.png') ;
    background-size: 100% 100%;
     background-repeat: no-repeat;
}


 .iconmenu {
    position:absolute;
    top: 5em;
    right: 1em;
	color: #7C7B7B;
	font-size: 0.9em;
	font-family: 'RalewayR' ;
	cursor: pointer;
}

.micuenta {
    position:absolute;
	width: 5em;
    top: 0.7em;
    right: 9rem;
	color: #7C7B7B;
	font-size: 1.2em;
	font-family: 'RussoOne' ;
	cursor: pointer;
}
.micuenta i{ padding-right:0.3em;}

.micarro {
    position:absolute;
	width: 4.5em;
    top: 0.7em;
    right: 1rem;
	color: #FCA313;
	font-size: 1.2em;
	font-family: 'RussoOne' ;
	cursor: pointer;
}
.micarro  i{ padding-right:0.3em;}

.iconmenu i{
   padding-right:0.4em;
}


.menuminimalista {
	font-family: 'Roboto' ;
}
.menuminimalista i{
   padding-right:0.4em;
}

.areacentral { display:block;
       float:left;
	   width: 100%;
      left: 0%;
      right: 0%;
      margin: 0 auto;

}

 .areacentral_1 {
	 float:left;
     display:block;
     width: 33.3%;
	 height:31em;
	 background:white;
	 //  background: url('fotos/ing_software.png');
     //  background-size: 100% 100%;
     //  background-repeat: no-repeat;
}
 .areacentral_2 {
	 float:left;
     display:block;
     width: 33.3%;
	 height:31em;
	  background:white;
	 //  background: url('fotos/desarrollos_web.png');
     //  background-size: 100% 100%;
     //  background-repeat: no-repeat;
}
.areacentral_3 {
	 float:left;
     display:block;
     width: 33.4%;
	 height:31em;
	 background:white;
	  // background: url('fotos/asesorias.png');
      // background-size: 100% 100%;
      // background-repeat: no-repeat;
}

.areacirculos {
      background-color:rgba(178,176,174,0.1); 
      height:15em; 
      left: 0%;
      right: 0%;
      margin: 0 auto;
	  background:white;
}



.circulo {
     width: 100px;
     height: 100px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #5cb85c;
}

.tit i{
   padding-right:0.4em;
}