body{
    font-family: 'Gudea', sans-serif !important;
}



/*********************************************************************************************/
/*********************************************************************************************/
/********************************************* COMÚN *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

body{
	margin: 0;
}

a:-webkit-any-link{
	text-decoration: none; 
}

a, a:visited {
    text-decoration: none;
}

.twocolumns a, .twocolumns a:hover, .threecolumns a, .threcolumns a:hover, .fivecolumns a, .fivecolumns a:hover {
    color: #a9a9a9; 
}

.espacio{
    margin-top: 100px;
    clear: both;
}

.verticalSpace {
    margin-bottom: 20px;
    height: 20px;
}

.center{
    text-align: center;
}

img, object {
    /* max-width: 100%; */
    height: auto;
    max-height: 100%;
}

h1, h2, h3{
    font-weight: normal;
}


@media only screen and (max-width : 500px) {
    h1{
        font-size: 28px !important;
    }

    .ptsans{
        padding: 0px !important;
        font-size: 15px !important;
    }
}








/*********************************************************************************************/
/*********************************************************************************************/
/********************************************* HOME ******************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.contenedorHome{
	clear: both;
	/*width: 1100px;*/
	margin: 0 auto;
}















/*********************************************************************************************/
/*********************************************************************************************/
/****************************************** IMAGEN HOME **************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.imgHomeCabecera img{
    width: 100%;
}

.contenedorTextoImg, .contenedorTextoImgIzda, .contenedorTextoImgDcha{
    position: absolute;
    width: 50%;
    top: 300px;
    padding: 2%;
}

.contenedorTextoImg{    
    margin-right: 23%;
    margin-left: 23%;
}

.contenedorTextoImgDcha{
    margin-left: 46%;
    margin-right: 0px;
}

.contenedorTextoImgIzda{
    margin-left: 0px;
    margin-right: 46%;
}

@media only screen and (max-width : 900px) {
    .contenedorTextoImg{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        top: 230px;
        font-size: 12px;
    }
}

@media only screen and (max-width : 1100px) {
    .contenedorTextoImg, .contenedorTextoImgIzda, .contenedorTextoImgDcha{
        position: inherit;
        margin: 0 auto;
        width: 100%;
    }
}














/*********************************************************************************************/
/*********************************************************************************************/
/************************************* SLIDE AUTOMÁTICO **************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.mySlides {
    display:none;
}

.mySlides{
    width: 100%;
}

.w3-content{
    max-width: 1100px !important;
}

.contenedorSlides{
    width: 1100px;
    height: 450px;
}

@media only screen and (max-width : 1100px) {
    .contenedorSlides{
        width: 100%;
        height: 170px;
    }
}

.slideAutomatico{
    width: 100%;
}














/*********************************************************************************************/
/*********************************************************************************************/
/***************************************** GALERÍA ZOOM **************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.galeriaZoom{
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.galeriaZoom img{
    float: left;
}

.imgGrande, .imgMediana1, .imgMediana2, .imgPequena1, .imgPequena2{
  max-width: 100%; 
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.imgMediana2, .imgPequena2{
    margin-top: 5px;
}

.imgGrande:hover, .imgMediana1:hover, .imgMediana2:hover, .imgPequena1:hover, .imgPequena2:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (max-width : 1100px) {
    .galeriaZoom, .galeriaZoom img{
        width: 100%;
    }

    .imgMediana2, .imgPequena2{
        margin-top: 0px;
    }

}
















/*********************************************************************************************/
/*********************************************************************************************/
/***************************************** 3 RECUADROS ***************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.cuadros{
    width: 33.3333333333%;
    height: 250px;
    float: left;
    padding: 1.5%;
}

@media only screen and (max-width : 500px) {
    .cuadros{
        width: 100%;
        height: auto;
    }
}











/*********************************************************************************************/
/*********************************************************************************************/
/***************************************** 5 RECUADROS ***************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.cincoRecuadros{
    width: 20%;
    height: 200px;
    float: left;
    padding: 1.5%;
}

@media only screen and (max-width : 500px) {
    .cincoRecuadros{
        width: 100%;
        height: auto;
        padding: 5%;
    }
}










/*********************************************************************************************/
/*********************************************************************************************/
/*******************************************DESTACADOS****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

/**-------------------------------- PANEL 1 - ICONO Y TEXTO --------------------------------**/

.wrapper {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}

.twocolumns {
    float: left;
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.twocolumns .left {
    height: 84px;
    overflow: hidden;
}

.twocolumns .smaller {
    margin-right: 20px;
}

.twocolumns .text {
    width: 88%;
}

.left {
    float: left;
}

.twocolumns .subtitle h3{
    margin-top: 0px;
}

@media only screen and (max-width : 900px) {
    .twocolumns .text{
        width: 100%;
    }

    .twocolumns{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }


}







/**------------------------------------ DESTACADOS 1 ---------------------------------------**/


.contenedorHomeDestacados h2, .contenedorHomeDestacados h3{
    text-align: center;
}

.panelDestacado {
    position:relative;
    width: 33.33333%;
    height:300px;
    overflow:hidden;
    float:left;
    padding-right:1.5%;
    padding-left: 1.5%;
}

.panelDestacado figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    /*margin-left:-50px*/
}
.panelDestacado figure img {
    display:block;
    position:relative;
    z-index:-1;
    width: 100%;
    height: 100%;
    /*margin:-15px 0*/
}
.panelDestacado figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.panelDestacado figure h2 {
    /*font-family:'Lato';*/
    /*color:#fff;*/
    font-size:20px;
    text-align:left
}
.panelDestacado figure p {
    display:block;
    /*font-family:'Lato';*/
    font-size:12px;
    line-height:18px;
    margin:0;
    /*color:#fff;*/
    text-align:left
}

.panelDestacado figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:29px 44px;
    /*background-color:rgba(168,221,15,0.7);*/
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.panelDestacado figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.panelDestacado figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.panelDestacado figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

.contenedorHomeDestacados{
    /*height: 200px;*/
    /*width: 1100px;*/
}

@media only screen and (max-width : 500px) {
    .contenedorHomeDestacados{
        width: 100%;
    }

    .panelDestacado{
        width: 100%;
        height: auto;
    }
}







/**------------------------------------ DESTACADOS 2 ---------------------------------------**/

.contenedorDestacados2{
    width: 1100px;
    margin: 0 auto;
    height: 500px;
}

.tresImgRedondas{
    width: 1100px;
    margin: 0 auto;
}

.destacadosRedondos{
    float: left;
    width: 250px;
    /*height: 250px;*/
    margin-right: 58px;
    margin-left: 58px;
    text-align: center;
}

.destacadosRedondos img{
    border-radius: 50%;
    width: 250px;
    height: 250px;
}

@media only screen and (max-width : 500px) {

    .contenedorDestacados2, .tresImgRedondas{
        width: 100%;
    }

    .destacadosRedondos{
        width: 90%;
        margin: 5%;
    }
}





/**------------------------------------ DESTACADOS 3 ---------------------------------------**/

.contenedorDestacados3{
    width: 1100px;
    margin: 0 auto;
    height: 350px;
}

.destacado3{
    width: 340px;
    height: 340px;
    float: left;
    border-radius: 50%;
}

.destacado3Centro{
    margin-left: 40px;
    margin-right: 40px;
}

.destacado3 p{
    padding: 20px;
}

.destacado3 h2{
    text-align: center;
    padding-top: 30px;
}

@media only screen and (max-width : 500px) {

    .contenedorDestacados3{
        width: 100%;
    }

    .destacado3{
        width: 90%;
        margin: 5%;
    }
}





/**------------------------------------ DESTACADOS 4 ---------------------------------------**/

.containerDestacados4 {
    margin: 0 auto;
    max-width: 1100px;
    /*background-color: #000;*/
    overflow: hidden;
    text-align: center;
}

.view {
    max-width: 370px;
    max-height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    display: inline-block;
    margin-right: -5px;
    margin-left: -5px;
    margin-top: -5px;
}

.view img {
    display: block;
    position: relative;
    margin-right: 50px;
    margin-bottom: 20px;
    width: 100%;
}

.effect .mask {
    opacity: 0;
    overflow: visible;
    /*border: 100px solid rgba(157,11,14,0.7);*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.view .mask, .view .content {
    width: 370px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.effect .mask .maskTitle {
    max-width: 370px;
    color: #FFF;
    font-size: 28px;
    position: relative;
}

.bannerDestacados4 {
    text-align: center;
    font-size: 32px;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 30px;
}

.SubbannerDestacados4 {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
}

.buttonCenter {
    text-align: center;
}

.buttonCenter .button {
    background-color: transparent;
    border: #fff 1px solid;
    margin: 0 auto;
    display: inline-block;
    color: #fff;
    text-align: center;
    cursor: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 18px;
}

.effect .mask .maskTitle {
    max-width: 370px;
    color: #FFF;
    font-size: 28px;
    position: relative;
}

.effect:hover .mask {
    opacity: 1;
    border: 100px solid rgba(157,11,14,0.7);
}

















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/****************************************** EL TIEMPO ****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

@media only screen and (max-width : 500px) {

    .eltiempo, .eltiempo div, .eltiempo div iframe{
        width: 100% !important;
    }


}

















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/****************************************** SPONSORS ****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.sponsors{
    clear: both;
    /*max-width: 1100px;*/
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 20px;
    text-align: center;
}

.sponsors a{
    text-decoration: none;
}

.sponsors a img{
    height: 100px;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 85%;
}

.subtitlePatrocinadores {
    font-size: 18px;
    color: #565656;
}

.sponsors img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition:filter 0.4s;
    -webkit-transition:-webkit-filter 1s;
}

.sponsors img:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/****************************************** CONTACTO *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/
.input{
    width: 72%;
    text-align: left;
    float: left;
}

input[type="button"], input[type="submit"] {
    padding:07px 25px;
    border:0px;
    color:#fff;
    background-color:#ff7802;
    font-weight: bold;
    font-size: 18px;
    cursor:pointer;
}

input[type="text"], textarea, input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="color"], input[type="url"], input[type="date"], input[type="datetime"], input[type="month"], input[type="time"], input[type="week"]{
    width: 97%;
    padding:1.5%;
    margin-bottom: 5px;
    margin-top: 5px;
    color:#fff;
    border:0px;
}

textarea {
    height: 100px;
    font-family: arial;
}

fieldset{
    border: none;
}

.etiquetaInput{
    clear: both;
    text-align: left;
    width: 22%;
    padding: 1.5%;
    float: left;
}

.contactFormError, .contactFormSuccess{
    font-size: 15px;
}


















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/***************************PANEL IMAGEN O COLOR DE FONDO Y TEXTO ****************************/
/*********************************************************************************************/
/*********************************************************************************************/

.textosPanelImgColor{
    /*width: 80%;*/
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 10%;
    height: 100%;
}














/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/************************************ PADEL CLICK NEWS ***************************************/
/*********************************************************************************************/
/*********************************************************************************************/
.newsItem {
    width: 28.3333%;
    float: left;
    text-align: center;
    margin-left: 2%;
    margin-right: 2%;
    box-shadow: 1px 26px 28px 0 rgba(9,8,16,.09), -8px 9px 11px 0 rgba(67,64,117,.05);
    margin-bottom: 100px;
    padding-bottom: 35px;
}

/*.newsItem{
    width:32.3333%;
    float:left;
    text-align:center;
    padding-left: 2%;
    padding-right: 2%;
    min-height: 450px;
}*/

/*.newsItem .subtitle, .newsItem .text {
    padding-left:35px;
    padding-right:35px;
}*/

.newsItem img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 15px;
}
/*.newsItem img {
    height:310px;
    max-width: 100%;
}*/

.newsItem h1 {
    color:#565656;
    font-size:20px;
}

@media only screen and (max-width: 900px){
    .newsItem{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }
}

.leer{
    padding: 5px;
}
















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/**************************************** DESCARGA APPS **************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.newsletter {
    background-position: center;
}

.wrapper {
    max-width: 800px;
    margin: 0px auto;
    padding-bottom: 50px;
    padding-top: 50px;
    overflow: hidden;
}

.newsletter .bigger {
    width: 58%;
}

.newsletter div {
    display: inline-block;
    vertical-align: text-bottom;
    height: 75px;
}

.newsletter .quarter {
    width: 20%;
}

.newsletter div {
    display: inline-block;
    vertical-align: text-bottom;
    height: 100px;
}

@media only screen and (max-width: 900px){
    .newsletter .quarter{
        width: 50%;
        float: left;
        text-align: center;
    }

    .newsletter .bigger {
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}
















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/**************************************** SOLO TEXTO *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.soloTexto{
    width: 1100px;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.soloTexto h1{
    text-align: center;
}

@media only screen and (max-width: 900px){
    .sombra{
        width: 100%;
    }
}















/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
/****************************************** GALERÍA ******************************************/
/*********************************************************************************************/
/*********************************************************************************************/




/*************************************** Galería 1 ******************************************/
.gallery{
    z-index: 100;
   /*width: 1100px;*/
    margin: 0 auto;
}

.gallery .imgGaleria {
    width: 16.66%;
    height: 200px;
    display: block;
    float: left;
}

.gallery .thumbnail {
    width: 33.3%;
    height: 200px;
    margin: 0;
    display: block;
    float: left;
}

.thumbnail {
    position: relative;
    z-index: 0;
}

.gallery.forePanel {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    opacity: 0;
    /*display: 0;
    -webkit-transition: opacity .3s ease-in-out;*/
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.gallery.forePanel img {
    height: auto;
    max-width: 90%;
    margin: 10px auto;
    display: block;
    border: solid 5px #fff;
}

.gallery.bgLayer {
    background-color: #000;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 900px) {
    .imgGaleria img.item{
        max-width: 100%;
        height: 200px !important;
    }

    .gallery{
        width: 100%;
    }

    .gallery .imgGaleria{
        height: auto !important;
    }

    .gallery .thumbnail{
        width: 100% !important;
    }

    .newsItem{
        padding-right: 0px;
        padding-left: 0px;
    }

    .imgGaleria img.item{
        max-width: 100%;
        height: 200px !important;
    }

    .newsItem .newsImage{
        max-width: 100%;
        height: auto;
    }

    #map, #mapContent, #map iframe{
        width: 100%;
    }

}

thumbnail {position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail span{ /* Estilos para la imagen agrandada */
position: absolute;
background-color: black;
padding: 5px; 
left: -100px;
border: 5px double gray;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: 0; left: 10px; }

.gallery .imgGaleria { 
    width:16.66%;
    height:200px;
    display:block;
    float:left;
}

.imgGaleria img{
    min-width: 100%;
}



/*************************************** Galería 2 ******************************************/

.containerGallery{
    margin: 0 auto;
    max-width: 1100px;
    background-color: #000;
    overflow: hidden;
    text-align: center;
}

.bannerGallery{
    text-align: center;
    font-size: 32px;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 30px;
}

.SubbannerGallery{
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
}

.imagenGaleria2{
    width: 100%;
}

.view.galeria2{
    width: 25% !important;
}

.containerGallery2{
    margin-bottom: 3%;
}

.maskSubtitle{
    text-decoration: none;
    color: white;
}





















/*********************************************************************************************/
/*********************************************************************************************/
/******************************************** IFRAME *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.titTextIframe{
    width: 1100px;
    margin: 0 auto;
}

.titTextIframe .texto{
    text-align: left;
}

.contenedorIframe{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
















/*********************************************************************************************/
/*********************************************************************************************/
/******************************************* TARIFAS *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.tabalTarifas {
    overflow: hidden;
    margin: 40px auto;
    max-width: 1100px;
    line-height: 1.7em;
    width: 100%;
}

.rate{
    margin: 0 auto;
    width: 70%;
    display: table;
}


.rateTitle{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /*padding: 10px;*/
    padding-top: 30px;
    text-transform: uppercase;
}

.rateCuad{
    border: 1px solid #000;

}

.rateCuadTitle{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /*padding: 5px;*/
    text-transform: uppercase;
    /*font-size: 12px;*/
    border: 1px solid #000;
}

.raterows{
    width: 100%;
    display: table-row;
    border-bottom: 1px solid #000000;
}

.ratecell, .ratecellprice{
    display: table-cell;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    width: 100%;
    margin: 0 auto;
    /*font-size: 12px;*/
    /*text-align: center;*/
    padding-left: 10px;
    padding-right: 10px;
}

.ratecellprice{
    width: 100%;
}



















/*********************************************************************************************/
/*********************************************************************************************/
/******************************************* CALENDARIO **************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.calendario{
    width: 1100px;
    margin: 60px auto;
}

@media only screen and (max-width: 900px) {
    .calendario{
        width: 90%;
    }

    .calendario iframe{
        width: 100%;
    }
}
















/*********************************************************************************************/
/*********************************************************************************************/
/************************************ TEXTOS CON IMÁGENES ************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.imagen-con-texto{
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.texto{
    text-align: left;
}

.imagen-con-texto img{
    max-width: 100%;
}

@media only screen and (max-width: 900px) {
    .imagen-con-texto{
        width: 90%;
        margin: 5%;
    }
}

















/*********************************************************************************************/
/*********************************************************************************************/
/******************** TEXTOS CON IMÁGENES A IZQUIERDA Y DERECHA*******************************/
/*********************************************************************************************/
/*********************************************************************************************/

.contenedorTextos{
    width: 1100px;
    margin: 0 auto;
}

.contenedorTextos h1{
    text-align: center;
}

.imgIzda img{
    float: left;
    width: 40%;
    margin-right: 50px;
}

.imgDcha img{
    float: right;
    width: 40%;
    margin-left: 50px;
}

@media only screen and (max-width: 900px) {
    .contenedorTextos{
        width: 100%;
    }

    .imgIzda img, .imgDcha img, .textoDcha, .textoIzda{
        width: 90%;
        margin-left: 5%; 
        margin-right: 5%;
        margin-bottom: 10px;
    }

    .contenedorTextos h2{
        margin-left: 5%;
        margin-right: 5%;
    }
}

.contenedorTextos h2{
    margin-top: 70px;
}

















/*********************************************************************************************/
/*********************************************************************************************/
/******************************************** MAPA *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.map{
    width: 100%;
    height: 600px;
    margin: 0 auto;
}

#map {
    width: 800px;
    height: 680px;
    /*margin-bottom: 20px;*/
    margin: 0 auto;
}

#mapContent{
    width: 100%;
    height: 680px;
    margin-top: 3%;
}

.textosMapa{
    margin-bottom: 30px;
}


















/*********************************************************************************************/
/*********************************************************************************************/
/******************************************** VIDEOS *****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.contenedorVideos{
    width: 1100px;
    margin: 0 auto;
}

.contenedorVideos h1{
    text-align: center;
}

.contenedorVideos .videoContainer{
    text-align: center;
}

@media only screen and (max-width: 900px) {
    .contenedorVideos{
        width: 90%;
        margin: 5%;
    }

    .contenedorVideos .videoContainer, .contenedorVideos .videoContainer iframe{
        width: 100%;
    }
}














/*********************************************************************************************/
/*********************************************************************************************/
/******************************** VIDEOS A IZQUIERDA Y DERECHA *******************************/
/*********************************************************************************************/
/*********************************************************************************************/

.videoIzda iframe{
    float: left;
    width: 40%;
    margin-right: 15px;
}

.videoDcha iframe{
    float: right;
    width: 40%;
    margin-left: 15px;
}

@media only screen and (max-width: 900px) {
    .videoIzda, .videoDcha, .videoIzda iframe, .videoDcha iframe{
        width: 100%;
    }
}















/*********************************************************************************************/
/*********************************************************************************************/
/******************************************* BOTÓN SUBIR *************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.go-top{
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.go-top:hover{
    background-color: rgba(0,0,0,0.6);
}

.go-top img{
    width: 50px;
}















/*********************************************************************************************/
/*********************************************************************************************/
/********************************************* TIENDA ****************************************/
/*********************************************************************************************/
/*********************************************************************************************/

.tienda h1{
    text-align: center;
}

.titCatTienda, .shop-desc{
    padding: 10px;
}

.titCatTienda{
    font-size: 20px;
    margin-top: 25px;
}

.shop-prod{
    background-color: #F5F5F5;
    float: left;
    width: 30%;
    padding: 10px;
    text-align: center;
    margin: 1.6%;
}

.prod-buy a{
    float: left;
    padding: 5px;
}

.prod-buy p{
    float: right;
}














/*********************************************************************************************/
/*********************************************************************************************/
/***************************************** TEXTOS Y TABLAS ***********************************/
/*********************************************************************************************/
/*********************************************************************************************/

.tablaTextos{
    margin: 0 auto;
}

.textos-tablas h2{
    text-align: center;
}

.textos-tablas img{
    max-width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.textos-tablas table{
    width:100%;
}

.textos-tablas td{
    padding: 5px 10px;
}

.textos-tablas .cabecera{
    text-align: center;
}