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

@font-face{
font-family: 'Cinzel-Regular.ttf';
src: url('Cinzel-Regular.ttf');
src: url('Cinzel-Regular.ttf?#iefix') format('embedded-opentype'),
url('Cinzel-Regular.ttf') format('woff'),
url('Cinzel-Regular.ttf') format('truetype'),
url('Cinzel-Regular.ttf') format('svg');
}

@font-face{
font-family: 'NotoSerifTC-Regular.otf';
src: url('NotoSerifTC-Regular.otf');
src: url('NotoSerifTC-Regular.otf?#iefix') format('embedded-opentype'),
url('NotoSerifTC-Regular.otf') format('woff'),
url('NotoSerifTC-Regular.otf') format('truetype'),
url('NotoSerifTC-Regular.otf') format('svg');
}

@font-face{
font-family: 'Roboto-Regular.ttf';
src: url('Roboto-Regular.ttf');
src: url('Roboto-Regular.ttf?#iefix') format('embedded-opentype'),
url('Roboto-Regular.ttf') format('woff'),
url('Roboto-Regular.ttf') format('truetype'),
url('Roboto-Regular.ttf') format('svg');
}

@font-face{
font-family: 'OpenSans-CondLight.ttf';
src: url('OpenSans-CondLight.ttf');
src: url('OpenSans-CondLight.ttf?#iefix') format('embedded-opentype'),
url('OpenSans-CondLight.ttf') format('woff'),
url('OpenSans-CondLight.ttf') format('truetype'),
url('OpenSans-CondLight.ttf') format('svg');
}

@font-face{
font-family: 'ArchivoNarrow-Regular.ttf';
src: url('ArchivoNarrow-Regular.ttf');
src: url('ArchivoNarrow-Regular.ttf?#iefix') format('embedded-opentype'),
url('ArchivoNarrow-Regular.ttf') format('woff'),
url('ArchivoNarrow-Regular.ttf') format('truetype'),
url('ArchivoNarrow-Regular.ttf') format('svg');
}

@font-face{
font-family: 'Roboto-Medium.ttf';
src: url('Roboto-Medium.ttf');
src: url('Roboto-Medium.ttf?#iefix') format('embedded-opentype'),
url('Roboto-Medium.ttf') format('woff'),
url('Roboto-Medium.ttf') format('truetype'),
url('Roboto-Medium.ttf') format('svg');
}



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#IrArriba {
	position: fixed;
	bottom: 25px; /* Distancia desde abajo */
	right: 25px; /* Distancia desde la derecha */
	z-index: 1;
}

#submenu {
	position:absolute;
	left:0px;
	top:171px;
	width:100%;
	height:115px;
	z-index:2;
	visibility: hidden;
}

#navcel {
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:300px;
	z-index:3;
	visibility: hidden;
}

#IrArriba span {
width: 40px; /* Ancho del botón */
height: 40px; /* Alto del botón */
display: block;
background: url('../base/up.png') no-repeat;
}


#containerEx3 {
width: 269px;
margin: 0 auto;
}
.ex3 img {
margin: 0px;
border: 0px solid #eee;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.ex3 img:hover {
	cursor:pointer;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}


#containerEx4 {
width: 175px;
margin: 0 auto;
}
.ex4 img {
margin: 0px;
border: 0px solid #eee;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.ex4 img:hover {
	cursor:pointer;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}


.sep_idiomas {
	
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.bajada {
	
font-family:'Cinzel-Regular.ttf';
	text-align: center;
	font-size: 33px;
	color: #000;
	font-weight: normal;
	line-height: none;
	letter-spacing:8px;

}

.certifica {
	
font-family:'Cinzel-Regular.ttf';
	text-align: left;
	font-size: 28px;
	color: #000;
	font-weight: normal;
	line-height: none;
	letter-spacing:6px;

}

.subt {
	
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.subtb {
	
font-family:'Roboto-Medium.ttf';
	text-align: center;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.m_s {
	
font-family:'Roboto-Medium.ttf';
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.pie {
	
font-family:'Roboto-Regular.ttf';
	text-align: right;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.datos {
	
font-family:'Roboto-Regular.ttf';
	text-align: left;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.datosb {
	
font-family:'Roboto-Medium.ttf';
	text-align: left;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.sub2 {
	
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.sub3 {
	
font-family:'Roboto-Regular.ttf';
	text-align: left;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	line-height: none;

}

.flecha {
	
font-family:'Roboto-Regular.ttf';
	text-align: left;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	line-height: none;

}

#sec2 {
	display:none;
	visibility:hidden;
}

#sec3 {
	display:none;
	visibility:hidden;
}

#logo3{
	display:none;
	visibility:hidden;
}

#sep5{
	display:none;
	visibility:hidden;
}

#logom{
	display:none;
	visibility:hidden;
}

#piem{
	display:none;
	visibility:hidden;
}

#mcel{
	display:none;
	visibility:hidden;
}


@media screen and (max-width: 768px) {
#menup {
display:none;
visibility:hidden;
}
}

@media screen and (max-width: 768px) {
#bajadasl {
font-family:'Cinzel-Regular.ttf';
	text-align: center;
	font-size: 28px;
	color: #000;
	font-weight: normal;
	line-height: none;
	letter-spacing:5px;
}
}

@media screen and (max-width: 480px) {
#bajadasl {
font-family:'Cinzel-Regular.ttf';
	text-align: center;
	font-size: 21px;
	color: #000;
	font-weight: normal;
	line-height: none;
	letter-spacing:3px;
}
}

@media screen and (max-width: 768px) {
#bjsub {
font-family:'Roboto-Regular.ttf';
width: 85%;
	text-align: center;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 768px) {
#bjvinos {
font-family:'Roboto-Regular.ttf';
width: 85%;
	text-align: center;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t1 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t2 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t22 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}


@media screen and (max-width: 480px) {
#t3 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t4 {
font-family:'Roboto-Medium.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t44 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t5 {
font-family:'Roboto-Medium.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t55 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t66 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#t77 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 480px) {
#logop {
width: 200px;
height:auto;
}
}

@media screen and (max-width: 480px) {
#iso {
width: 93px;
height:auto;
}
}

@media screen and (max-width: 480px) {
#sep1 {
height:35px;
}
}

@media screen and (max-width: 480px) {
#sep2 {
height:35px;
}
}

@media screen and (max-width: 480px) {
#sep3 {
height:35px;
}
}

@media screen and (max-width: 480px) {
#sepimg {
height:35px;
}
}

@media screen and (max-width: 768px) {
#sec1 {
	display:none;
	visibility:hidden;
}
}

@media screen and (max-width: 768px) {
#sec2 {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 768px) {
#seccion {
	height:330px;
}
}

@media screen and (max-width: 480px) {
#sec2 {
	display: none;
	visibility: hidden;
}
}

@media screen and (max-width: 480px) {
#sec3 {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 480px) {
#seccion {
	height: auto;
}
}


@media screen and (max-width: 768px) {
#sub2 {
	width:85%;
	height:150px
}
}


@media screen and (max-width: 480px) {
#sub2 {
	width:85%;
	height:150px
}
}

@media screen and (max-width: 480px) {
#bsec {
	height: 150px;
}
}

@media screen and (max-width: 480px) {
#bj2 {
font-family:'Roboto-Regular.ttf';
	text-align: center;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: none;
}
}

@media screen and (max-width: 768px) {
#logo2 {
	display:none;
	visibility:hidden;
}
}

@media screen and (max-width: 768px) {
#logo3 {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 768px) {
#sep4 {
height:209px;
}
}

@media screen and (max-width: 768px) {
#sep5 {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 480px) {
#sep5 {
	display: none;
	visibility: hidden;
}
}

@media screen and (max-width: 480px) {
#sep4 {
height:209px;
}
}

@media screen and (max-width: 480px) {
#logom {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 768px) {
#pie {
	display: none;
	visibility: hidden;
}
}

@media screen and (max-width: 768px) {
#piem {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 768px) {
#mcel {
	display: block;
	visibility: visible;
}
}

@media screen and (max-width: 768px) {
#submenu {
	display: none;
	visibility: hidden;
}
}

@media screen and (min-width: 1680px) {
#idioma {
	width:85%;
}
}

@media screen and (min-width: 1680px) {
#menu {
	width:85%;
}
}

@media screen and (min-width: 1680px) {
#bjsub{
	width:43%;
}
}

@media screen and (min-width: 1680px) {
#bjvinos{
	width:43%;
}
}

@media screen and (min-width: 1680px) {
#secciones{
	width:60%;
}
}

@media screen and (min-width: 1680px) {
#sub2{
	width:40%;
}
}

@media screen and (min-width: 1680px) {
#logo2{
	width:56%;
}
}


@media screen and (min-width: 1680px) {
#idioma{
	width:56%;
}
}

@media screen and (min-width: 1680px) {
#menu{
	width:56%;
}
}

@media screen and (min-width: 1680px) {
#categorias{
	width:56%;
}
}

@media screen and (min-width: 1680px) {
#pie{
	width:56%;
}
}


@media screen and (min-width: 1680px) {
#img{
	width:72%;
}
}


@media screen and (min-width: 1680px) {
#form{
	width:56%;
}
}

@media screen and (min-width: 1680px) {
#sl{
	width:85%;
}
}

@media screen and (max-width: 480px) {
#form{
	width:85%;
}
}

@media screen and (min-width: 768px) {
#navcel {
	display: none;
	visibility: hidden;
}
}


* {
	box-sizing:border-box;
}

body {
  display: flex;
}

.contenedor-slider {
	margin: auto;
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	visibility: visible;
}

.slider {
  display: flex;
  width: 400%;
}

.slider__section {
  width: 100%;
}

.slider__img {
  display: block;
  width: 100%;
  height: auto;
}

.btn-prev, .btn-next {
	width: 35px;
	height: 75px;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 49%;
	transform: translateY(-50%);
	line-height: 76px;
	font-size: 33px;
	font-weight: normal;
	text-align: center;
	border-radius: 0;
	font-family: "Roboto-Regular.ttf";
	color:#58595b;
	cursor: pointer;
	visibility: visible;
}

.btn-prev:hover, .btn-next:hover {
  background: rgba(255, 255, 255, 0.5);
}

.btn-prev {
	left: 0px;
	z-index: 1;
}

.btn-next {
	right: 0px;
	z-index: 1;
}

.p1{
	font-family:'OpenSans-CondLight.ttf';
	position: absolute;
	top: 18%;
	text-align: left;
	width: 30%;
	font-size: 50px;
	color: #fff;
	margin-left:7%;
	margin-right:8%;
	text-shadow: 3px 3px 2px #333333;
	line-height:60px
}



@media screen and (max-width: 768px) {
.p1 {
font-family:'OpenSans-CondLight.ttf';
	position: absolute;
	top: 13%;
	text-align: left;
	width: 40%;
	font-size: 35px;
	color: #fff;
	margin-left:7%;
	margin-right:8%;
	text-shadow: 3px 3px 2px #333333;
	line-height:40px
}
}


@media screen and (max-width: 480px) {
.p1 {
font-family:'OpenSans-CondLight.ttf';
	position: absolute;
	top: 2%;
	text-align: left;
	width: 40%;
	font-size: 19px;
	color: #fff;
	margin-left:15%;
	margin-right:8%;
	text-shadow: 3px 3px 2px #333333;
	line-height:24px
}
}