@font-face{
font-family:titulocopy;
src:url(fuentes/Titulos.woff);
}

@font-face{
font-family:textoscopy;
src:url(fuentes/Textos.woff);
}

/*=================================================================*/
.contenedor-copy-total{
width:100%;
float:left;
overflow:hidden;
background:#444;
padding:20px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
.contenedor-copy{
width:90%;
overflow:hidden;
margin:auto;
padding:0px 5px 30px 5px;
}

.copy1{
width:23.5%;
box-sizing:border-box;
text-align:left;
color:#fff;
float:left;
margin:0% 0% 0% 0%;
padding:30px 0px;
}
.copy1 article h3{
font-family:titulocopy;
font-size:18px;
margin:10px 0px;
color:#FFF;
}
.copy1 article{
font-family: textoscopy;
text-align:let;
font-size:16px;
margin:20px 10px;
line-height:30px;
color:#EEE;
}

.copy2{
width:23.5%;
box-sizing:border-box;
text-align:left;
color:#fff;
float:left;
margin:0% 0% 0% 2%;
padding:30px 0px;
}
.copy2 article h3{
font-family:titulocopy;
font-size:18px;
margin:10px 0px;
color:#FFF;
}
.copy2 article{
font-family:textoscopy;
text-align:left;
font-size:16px;
margin:20px 10px;
line-height:30px;
color:#EEE;
}

.copy5{
width:23.5%;
box-sizing:border-box;
text-align:left;
color:#fff;
float:left;
margin:0% 0% 0% 2%;
padding:30px 0px;
}
.copy5 article h3{
font-family:titulocopy;
font-size:18px;
margin:10px 0px;
color:#FFF;
}
.copy5 article{
font-family:textoscopy;
text-align:left;
font-size:16px;
margin:20px 10px;
line-height:30px;
color:#EEE;
}




.copy3{
width:15%;
box-sizing:border-box;
text-align:center;
color:#fff;
float:left;
margin:0% 0% 0% 2%;
padding:30px 0px;
}
.copy3 article h3{
font-family:titulocopy;
font-size:22px;
margin:20px 0px;
text-align:left;
color:#FFF;
}
.copy3 article{
font-family:textoscopy;
font-size:14px;
margin:5px 10px;
}
.facebook{
width:33.3%;
float:left;
}
.facebook article p{
font-size:18px;
color:#fff;
line-height:18px;
text-align:center;
background:;
}
.instagram{
width:33.3%;
float:left;
}
.instagram article p{
font-size:18px;
color:#fff;
line-height:18px;
text-align:center;
background:;
}
.tripadvisor{
width:33.3%;
float:right;
}
.tripadvisor article p{
font-size:18px;
color:#fff;
line-height:18px;
text-align:center;
background:;
}

/*=================================================================*/
.contenedor-tarjetas{
width:100%;
box-sizing:border-box;
text-align:center;
color:#fff;
float:left;
padding:0px 0px 0px 0px;
background:#555;
}
.copy4{
width:15%;
box-sizing:border-box;
text-align:center;
color:#fff;
float:left;
margin:0% 42.5%;
}
.copy4 article{
font-family:textoscopy;
font-size:10px;
text-transform:uppercase;
color:#CCC;
padding:5px 0px 5px 0px;
margin:0px 0px;
}

.tarjeta1{
width:33.3%;
float:left;
}
.tarjeta1 article p{
font-size:18px;
color:#fff;
line-height:18px;
text-align:center;
}
.tarjeta2{
width:33.3%;
background:;
float:left;
}
.tarjeta2 article p{
font-size:18px;
color:#fff;
line-height:18px;
text-align:center;
background:;
}
.tarjeta3{
width:33.3%;
background:;
float:left;
}
.tarjeta3 article p{
font-size:18px;
color:#fff;
line-height:18px;
text-align:center;
background:;
}


/*=================================================================*/
.contenedor-pie-total{
width:100%;
overflow:hidden;
margin:auto;
background:#FFF;
}
.contenedor-pie{
width:86%;
overflow:hidden;
margin:0.5% 7%;
}

.pie1{
width:30%;
box-sizing:border-box;
text-align:center;
color:#222;
float:left;
padding:10px 0px;
}
.pie1 article{
font-family:textoscopy;
font-size:13px;
text-align:left;
margin:0px 0px;
}

.pie2{
width:40%;
box-sizing:border-box;
text-align:center;
color:#222;
float:left;
padding:10px 0px;
}
.pie2 article{
font-family:textoscopy;
font-size:13px;
text-align:center;
margin:0px 0px;
}

.guiff{
width:30%;
box-sizing:border-box;
text-align:center;
color:#222;
float:right;
padding:0px 0px;
}
.txtguiff{
width:70%;
text-align:center;
color:#222;
float:left;
padding:0px 0px;
}
.txtguiff p{
font-family:textoscopy;
font-size:10px;
text-align:right;
margin:0px 0px;
padding:10px 0px;
}
.imgguiff{
width:30%;
float:right;
padding:10px 0px;
}

@media screen and (max-width:750px){
.copy1{
width:100%;
}
.copy1 article h3{
text-align:center;
}
.copy1 article{
text-align:center;
}

.copy2{
width:100%;
}
.copy2 article h3{
text-align:center;
}
.copy2 article{
text-align:center;
}

.copy3{
width:100%;
}
.copy3 article h3{
text-align:center;
}

.copy4{
width:100%;
}

.copy5{
width:100%;
}
.copy5 article h3{
text-align:center;
}
.copy5 article{
text-align:center;
}

.pie1{
width:100%;
}

.pie1 article{
width:100%;
text-align:center;
}

.pie2{
width:100%;
}
.pie2 article{
width:100%;
text-align:center;
}


.copy4{
width:100%;
margin:0% 0%;
}

.guiff{
width:100%;
padding:0px 0px;
}


.txtguiff{
width:100%;
}
.txtguiff p{
text-align:center;
}
.imgguiff{
width:30%;
float:right;
padding:10px 0px;
}



}