@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: QuicksandRegular;
	src: url('fonts/QuicksandRegular.eot');
	src: url('fonts/QuicksandRegular.eot') format('embedded-opentype'),
         url('fonts/QuicksandRegular.woff2') format('woff2'),
         url('fonts/QuicksandRegular.woff') format('woff'),
         url('fonts/QuicksandRegular.ttf') format('truetype'),
         url('fonts/QuicksandRegular.svg#QuicksandRegular') format('svg');
}

@font-face {
    font-family: 'Museo300';
    src: url('fonts/Museo300.eot');
    src: url('fonts/Museo300.eot') format('embedded-opentype'),
         url('fonts/Museo300.woff2') format('woff2'),
         url('fonts/Museo300.woff') format('woff'),
         url('fonts/Museo300.ttf') format('truetype'),
         url('fonts/Museo300.svg#Museo300') format('svg');
}
@font-face {
    font-family: 'QuicksandBold';
    src: url('fonts/QuicksandBold.eot');
    src: url('fonts/QuicksandBold.eot') format('embedded-opentype'),
         url('fonts/QuicksandBold.woff2') format('woff2'),
         url('fonts/QuicksandBold.woff') format('woff'),
         url('fonts/QuicksandBold.ttf') format('truetype'),
         url('fonts/QuicksandBold.svg#QuicksandBold') format('svg');
}
@font-face {
    font-family: 'MrsEavesXLSerNarOTBoldItalic';
    src: url('fonts/MrsEavesXLSerNarOTBoldItalic.eot');
    src: url('fonts/MrsEavesXLSerNarOTBoldItalic.eot') format('embedded-opentype'),
         url('fonts/MrsEavesXLSerNarOTBoldItalic.woff2') format('woff2'),
         url('fonts/MrsEavesXLSerNarOTBoldItalic.woff') format('woff'),
         url('fonts/MrsEavesXLSerNarOTBoldItalic.ttf') format('truetype'),
         url('fonts/MrsEavesXLSerNarOTBoldItalic.svg#MrsEavesXLSerNarOTBoldItalic') format('svg');
}
@font-face {
    font-family: 'georgiab';
    src: url('fonts/georgiab.eot');
    src: url('fonts/georgiab.eot') format('embedded-opentype'),
         url('fonts/georgiab.woff2') format('woff2'),
         url('fonts/georgiab.woff') format('woff'),
         url('fonts/georgiab.ttf') format('truetype'),
         url('fonts/georgiab.svg#georgiab') format('svg');
}

body{
	font-family: QuicksandRegular;
	font-size: 17px;
	color: #333;
	line-height: 20px;	
	}


#menu{
	position: absolute;
	z-index: 4000;
	width:100%;

}
.contenedor{
	width: 100%;
	margin: 0 auto;
}
a{
	text-decoration: none !important;
}
li{
	list-style-type: none;
}
h2{
	font-family: georgiab;
	font-size: 25px;
	color: #EB475E;
	line-height: 28px;
	margin-left:10%;
	display:block;
}
header{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.main{
	width: 100%;
	box-sizing: border-box;
}
.main img{
	width:100%;
	height:auto;
}

.secciones{
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
}
.seccion{
	max-width: 894px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}



@media screen and (max-width:800px){
	.main{
	width:100%;
	}
	.seccion{
	padding-left: 10px;
	padding-right: 10px;
}

}

@media screen and (max-width:400px){
	.contenedor{
		width:100%;
	}
	.seccion{
	padding-left: 10px;
	padding-right: 10px;
}
	
}



.bss-slides{
  position: relative;
  display: block;    
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  position: absolute;
  top: 0;
  width: 100%;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  position: relative;
/*-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  */
}
.bss-slides .bss-show {
  z-index: 3;
}
.bss-slides .bss-show img{
  opacity: 1;
 /* -webkit-backface-visibility: hidden;
  backface-visibility: hidden;*/
}

.bss-slides figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: .75em;
  right: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 2;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;    
}
.bss-next, .bss-prev{
  color: #fff;
  position: absolute;
  background: #000;
  background: rgba(0,0,0, .6);
  top: 50%;
  z-index: 4;
      font-family: 'QuicksandRegular',sans;
  font-size: 2em;
  margin-top: -1.2em;
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
  right: 0;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 0;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

div#social {
	position: absolute;
	right: 2%;
	top: 20px;
    }
div#social ul li{
	float:left;
	margin-right:10px;
    }
a#twitter {
	width: 19px;
	height: 16px;
	display: block;
	background-image: url(../imgs/tw_1.svg);
	background-repeat: no-repeat;
    }
	
a#twitter:hover {
	background-image: url(../imgs/tw_2.svg);
	background-repeat: no-repeat;
    }
	
a#face {
	width: 19px;
	height: 16px;
	display: block;
	background-image: url(../imgs/face_1.svg);
	background-repeat: no-repeat;
    }
a#face:hover {
	background-image: url(../imgs/face_2.svg);
	background-repeat: no-repeat;
    }
a#in {
	width: 19px;
	height: 16px;
	display: block;
	background-image: url(../imgs/in_1.svg);
	background-repeat: no-repeat;
    }
a#in:hover {
	background-image: url(../imgs/in_2.svg);
	background-repeat: no-repeat;
    }
.slogan{
	font-family: "Museo300", serif;
	font-size: 22px;
	font-weight: bold;
	}
	
	
	
	
	
div#bloques{
	margin-top: 30px;
	left: auto;
	right: auto;
	display: block;
	position: absolute;
	}
	
div#bloques ul li{
	float:left;
	margin-right:5px;
	width: 350px;
}
.tit_bloque{
	font-family: QuicksandBold, sans;
	font-size: 17px;
	text-transform: uppercase;
	color: #333;
	padding-top: 10px;
	display: block;
}

.txt_bloque{
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 18px;
	display: block;
	color: #494949;
}
	
a#bllink div.bloque{
	padding:20px;
	}
	
a#bllink:hover div.bloque{
	background: #f857a6;
	background: -webkit-linear-gradient(to left, #f857a6 , #ff5858);
	background: linear-gradient(to left, #f857a6 , #ff5858);
	}

a#bllink:hover div.bloque .txt_bloque, a#bllink:hover div.bloque .tit_bloque{
	color: #fff;
}



div#somos{
	margin-top: 30px;
	padding-bottom: 30px;
	display: block;
}
	
div#somos ul li{
	float:left;
	margin-right:5px;
	width: 170px;
}
.tit_somos{
	font-family: "Museo300", serif;
	font-size: 15px;
	color: #333;
	padding-top: 10px;
	display: block;
	font-weight: bold;
}



div#formaciones{
	clear: both;
	padding-top: 30px;
	margin-bottom: 15px;
	}
	
div#formaciones ul li{
	float:left;
	margin-right:5px;
	width: 290px;
}
.tit_formacion{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 18px;
	display: block;
}

div#innova{
	margin-top: 30px;
	display: block;
	max-width: 894px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}
div#innova img{
	width:100%;
	height:auto;

}
div#contacto{
	margin-top: 30px;
	display: block;
	max-width: 894px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	border-top-width: medium;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	
	height: auto;
	overflow: hidden;
}
div#contacto li{
	float:left;
	margin-right:15%;
}
div#contacto .mail{
	font-family: MrsEavesXLSerNarOTBoldItalic;
	font-size: 32px;
	color: #75DE5D;
}

div#contacto .telefono{
	font-family: georgiab;
	font-size: 25px;
	color: #EB475E;
	line-height: 28px;
	margin-left:10%;
	display:block;
}
@media screen and (max-width:800px){
div#contacto .telefono{
	margin-left:0%;
}	
}

.telefono{
	font-family: georgiab;
	font-size: 25px;
	color: #EB475E;
	line-height: 28px;
}

div#contacto .mail{
	font-family: MrsEavesXLSerNarOTBoldItalic;
	font-size: 32px;
	color: #75DE5D;
	line-height: 40px;
}
div#contacto .mail:hover{
	color: #0099FF;
}
.mail{
	font-family: MrsEavesXLSerNarOTBoldItalic;
	font-size: 32px;
	color: #75DE5D;
	line-height: 40px;
}


div#formcontacto{
	margin-top: 30px;
	display: block;
	max-width: 894px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	height: auto;
	overflow: hidden;
}
div#formcontacto label{
	font-family: QuicksandRegular,sans;
	font-size: 13px;
	text-transform: uppercase;
	color: #333;
}