@charset "utf-8";
@font-face {
    font-family: 'strasuaregular';
    src: url('/fonts/strasua-webfont.eot');
    src: url('/fonts/strasua-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/strasua-webfont.woff2') format('woff2'),
         url('/fonts/strasua-webfont.woff') format('woff'),
         url('/fonts/strasua-webfont.ttf') format('truetype'),
         url('/fonts/strasua-webfont.svg#strasuaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Sharnay';
  src: url('fonts/Sharnay.eot?#iefix') format('embedded-opentype'),  url('fonts/Sharnay.woff') format('woff'), url('fonts/Sharnay.ttf')  format('truetype'), url('fonts/Sharnay.svg#Sharnay') format('svg');
  font-weight: normal;
  font-style: normal;
}

.logo_cab{
  height:100%;
  max-height: 100px;
}

.sharnay{
	font-family:'Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
	
}
.RZ{
	font-weight:bold;
	color:#f6ed30;
}
H1{
	color:#000000;
  font-family:'strasuaregular','Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
  font-size: 18px;
  font-weight: normal;
}

A{
  text-decoration: none;
  color:#f6ed30;
}
A.idiomas{
  color:#FFFFFF;
}
A.idiomas:HOVER{
  color:#f6ed30;
}


BODY{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	background-color:#010101;
	color:#FFFFFF;
	height:100%;
	margin:0;
	padding:0;
  
}

#todo{
  width:90%;
  height: 100%;
  margin:auto;
  padding:0;
  position: relative;
}
#cabecera{
  width: 100%;
  height: 20%;
  min-height: 140px;
}
#cont-cabecera{
  padding-top: 25px;
}
#contenido{
  height: 75%;
  position: relative;
}

#submenu{
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
}

#piepagina{
  bottom: 20px;
  right: 20px;
  text-align: right;
  position: absolute;
}

.boton{
	font-family:'strasuaregular','Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
  font-size: 18px;
  color: #ffffff;
}
.boton:HOVER{
  color:#f6ed30;
}
#pagina{
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 20px;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
}
#izquierda{
  background-color:  rgba(0, 0, 0, .7);
  width:30%;
  height: 100%;
  float:left;
  position: relative;
}
#derecha{
  background-color:  rgba(255, 255, 255, .7);
  width:70%;
  height: 100%;
  float:right;
  overflow: auto;
  height: 100%;
}
.menu_lateral{
  padding-left: 50px;
  padding-top: 50px;
}
.menu_lateral A{
  color: #ffffff;
  font-family:'strasuaregular','Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
  font-size: 15px;
  font-weight: normal;
  display: block;
}
.menu1{
   margin-top: 10px;
}
.menu_lateral A.activo{
  color: #f6ed30;
}
.menu_lateral A:HOVER{
  color: #f6ed30;
}
.menu_lateral A.servicio{
  font-family:'Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
  padding-left: 30px;
  padding-top: 10px;
  font-size: 12px;
}

.cuadrado_servicio{

  font-family:'strasuaregular','Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
  background-color:  rgba(255, 255, 255, .5);
  display: block;
  padding: 20px;
  text-align: center;
  width: 100px;
  font-size: 16px;
  margin: 20px;
  color: #000000;
  clear: none;
}
A.cuadrado_servicio:HOVER{
  background-color:  rgba(0, 0, 0, .5);
  color: #ffffff;
}
.recuadro{
	padding:10px;
	width:60%;
	border:2px solid black;
	text-align: justify;
	font-size: 14px;
	line-height: 14px;
	
}
#piepagina{
	font-size: 	14px;
}

.que_es{
	color:black;
	font-family:'Sharnay',Segoe, "Segoe UI", "DejaVu Sans",Verdana;
	background:url(img/c60.png);
	display: block;
	padding: 8px;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 14px;
	line-height: 14px;
}
.que_es strong{
	font-size: 16px;
	line-height: 16px;
}
#certificadores{
	width: 100%;
	background-color: white;
	padding: 10px;
	font-size: 10px;
}
#certificadores img{
	margin:0px 10px;
}
.icono{
	margin-left:10px; 
	margin-top:5px;
	width: 24px;
	height: 24px;
}
@media only screen and (max-width: 500px) {
	.icono{
	margin-left:5px; 
	margin-top:5px;
	width: 18px;
	height: 18px;
}
	#pagina{
		font-size:14px;
		line-height:auto;
	}
  #todo{
    width:100%;
  }
  #cont-cabecera{
    padding-top: 5px;
  }
  .logo_cab{
    height:100%;
    max-height: 80px;
  }
  #cabecera{
    width: 100%;
    height: 15%;
    min-height: 100px;
  }
  #contenido{
    height: 85%;
  }
  #izquierda{
    width:100%;
    height: auto;
    float:none;
  }
  #derecha{
    width:100%;
    height: auto;
    float:none;
  }
	#pagina{
		padding: 5px;
	}
}