@font-face {
    font-family: 'osans';
    src: url('../fonts/osans.eot');
    src: url('../fonts/osans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/osans.woff') format('woff'),
        url('../fonts/osans.ttf') format('truetype'),
        url('../fonts/osans.svg#osans') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{background-image: url('../img/bg1.jpg');
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center center;
     height: 100%;
     width: 100%;
     margin:0; padding:0;
     font-family:'osans';
}

*{ -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
a{text-decoration: none;}
nav a{ color:#333;}
header{ position:fixed; top:0; height: 60px; left:0; width: 100%; background:#fff; z-index:9000;}
header .logo{ position:relative; top:2px; left:2px; height: 100%;z-index:4;}
header .logo img{ display:inline;width: auto; height: 45px; border:0;}


header nav{ position:absolute; right: 0px; top:0; height: 54px; width: 100%; z-index:3;}
header nav ul{ margin:0; padding:0; list-style: none; float:right;}
header nav ul li{ float:left; margin:0; line-height: 54px; height: 60px; padding:0;}
header nav ul li a{ line-height: 54px; display:block; padding:0 14px;}
header nav ul li a:hover{background:#f5f5f5;}

audio{width:100%; margin:1em 0;}
.row{display:table; width:100%;}
.row.rowHeader{ position:fixed;top:54px; left:0; width: 100%; background:#4CAF50; height: 6px; display:block;}
.row.rowHeader .rowHCol{ float:right; width: 15%; height: 6px; display:block;}
.slideHome{position:relative;}
.slideHome img{display:block; width:100%; height: auto;}
.slideHome .txtSlide{z-index:2; position:absolute; top:20px; left:20px; color:#fff;}
.slideHome .txtSlide.txtSlideSH{text-shadow: 2px 2px 2px #000; }
.slideHome .txtSlide h2{font-size:1.2em; margin:0; background-color: #00000099;}
.slideHome .txtSlide h3{font-size:0.8em; margin:0;background-color: #00000099;}
.web{padding:16px; display:table; width:100%; max-width: 980px; margin:0 auto; background:#fff; margin-bottom:16px;}
.rowTxt{ color:#333; text-align: justify; margin:10px 0;}
.rowTxt p{ margin: 0 0 10px 0;}
.rowCol1{padding:0.5em; background:#f5f5f5; margin-bottom:0.5em;}
.enlacePDF{color:#333;}
.rowCol1 h2{ margin:0 0 0.5em 0; padding:0; }

.rowCol3{ padding:0.5em; background:#f5f5f5; margin-bottom:0.5em; }
.rowCol3 .downBtns{color:#2196f3; width:100%;}
.rowCol3 .downBtns a{ color:#333; display:block; clear:both;font-size:1.2em; }
.pdfDownload{ background:#f5f5f5; display:block; color:#333; margin-top:1em; padding:0.5em;}
    .pdfDownload .txt1{ text-align: left; font-size: 1.2em;}

.rowLs{ margin:0.5em 0 0 0; padding:0; list-style: none;}
.rowLs li{ padding-left: 40px; margin-bottom:0.5em; min-height: 1.2em; background:url('../img/list.png') no-repeat 10px 2px;}
.col2-1{float:left; margin-right: 4%; width:48%;}
.col2-2{ float:left; width:48%; }
.rowContenidoG{ background:#f5f5f5; padding:0.5em; }

#serviciosMenuLi{ display:table;}
#subMenu{ position:absolute; top:60px; left:0; background:#fff; width:234px; }
#subMenu li{ line-height: 40px; width: 100%;height: 40px; padding:0; margin:0;}
#subMenu li:hover{ background:#f5f5f5;}
#subMenu li a{ display:block; padding:0 10px; line-height: 40px;}

/*contacto*/
#contactoBg{ z-index: 9998; background: #000; 
             opacity: 0.3; height: 100%; left: 0; position: fixed; top: 0; 
             width: 100%; display:none;}
#contactoContenedor{ z-index: 9999; height: 100%; left: 0; position: fixed; 
                     top: 0; width: 100%; display:none; overflow: auto; }
.loadMensaje{height: 36px; line-height: 36px; width: 100%; color:#e6363a;
             font-size:18px; text-align: center;}
.loadMensaje.ok{color: #333 !important; height: auto; margin: 10px 0; text-align: left;}
.loadMensaje.loading{ background:url('../img/load2.gif') no-repeat center; }

/*
#contactoForm {display:table; width:460px; background:#FFF;margin:60px auto 0;
    position:relative; border-radius: 0.2em;}
#contactoForm h2{ margin:0; padding:0;}*/
#contactoForm label {height: 30px; line-height: 30px; }
#contactoForm input { border: 1px solid #ccc; font-size: 16px; height: 34px; 
                      padding-left: 4px; width: 100%; }
#contactoForm textarea { border: 1px solid #ccc; font-size: 16px; height: 100px; 
                         padding-left: 4px; width: 100%; font-family:'osans'; resize: none; }
/*
.btnCerrar{ position: absolute;top:0; right:0; margin:5px; width:32px;
    height:32px; line-height:32px; cursor:pointer; background:url('../img/close.png') no-repeat
}
*/
.contactoTxt1, .contactoTxt2, .contactoTxt3{ padding: 1.6em; background:#f5f5f5;}
.contactoTxt1{background:#2196f3; color:#fff;}
.contactoTxt2{background:#009688; color:#fff;}
.contactoTxt3{background:#F44336; color:#fff;}
.btn{ background:#e6363a; color:#fff; padding:0 16px; height: 36px; border-radius: 4px;
      line-height: 36px; font-size:18px; cursor:pointer; display:table; margin:0 auto;    
}
.paginador .btn {
    margin:1px; float:left
}
.btn:hover, .btn.active {background:#C32B28}


.btn2{ color:#fff; background:#e6363a; padding:4px 10px; float:right; border-radius: 4px;}

/*noticias*/
.noticiaRow{ margin-bottom:0.5em; }
.noticiaRow .noticiaThumb{ float:left; margin-right: 0.5em; }
.noticiaRow .noticiaTitulo{margin: 0 0 0.5em 0; color:#333; text-align: center; }
.contenedorVideo {display: block; padding: 10px; position: relative; text-align: center;}

.noticiaRow .noticiaTxt{color:#666; text-align: justify;}
.noticiaRow .leerMas{ color:#fff; background:#e6363a; padding:4px 10px; float:right; border-radius: 4px;}

.paginador {
    display: table;
    margin: 0 auto;
}


/*galerias*/
.galeria{float:left; width:29%; display:block; border:1px solid #ccc;
         margin:2%;padding:4px 1% 30px 1%; position:relative;
         -webkit-box-shadow: 3px 2px 3px 3px rgba(0,0,0,0.1);
         box-shadow: 2px 1px 2px 2px rgba(100,100,100,0.1);
}
.galeria img, .imgGaleria img{ width: 100%; height: auto; display: block; max-width: 200px;}
.galeria .tituloGaleria{position:absolute; bottom:0; left:0; text-align: center;
                        width: 100%; line-height: 30px; color:#333;}


.imgGaleria{float:left; width:29%; display:block; border:1px solid #ccc;
            margin:2%;padding:4px 1% 4px 1%; position:relative;
            -webkit-box-shadow: 3px 2px 3px 3px rgba(0,0,0,0.1);
            box-shadow: 2px 1px 2px 2px rgba(100,100,100,0.1);
}

/*Inscripciones*/
.rowForm{margin-bottom:0.5em;}
.rowForm.rowBtn {margin-top: -0.5em}
.rowL1{float:left; width:48%;}
.rowR1{float:right; width:48%;}
.rowL1 input, .rowR1 input{border:1px solid #ccc; line-height: 34px; height: 34px; 
                           font-size:1.2em; width:100%;}
.rowForm textarea{border:1px solid #ccc; line-height: 24px; height: 100px; 
                  font-size:1.2em; width:100%;}
.rowL1 label, .rowR1 label{font-size:1em; color:#666;}

.rowL1 select, .rowR1 select{border:1px solid #ccc; line-height: 34px; height: 34px; 
                             font-size:1.2em; width:100%;}
.inputSelect.select3{ float:left; width:32%; margin-right: 2%;}
.inputSelect.select3.lst{margin-right: 0%;}
.rowL1 .check, .rowR1 .check{line-height: 34px; height: 34px; background:url('../img/check.png') no-repeat left top;
                             font-size:1.0em; width:100%; padding-left: 40px; display:table; cursor:pointer; 
                             -webkit-user-select:none; -moz-user-select:none;user-select:none; }
.rowL1 .check.checked, .rowR1 .check.checked{background-position: left -166px;}
.errorInput .inputSelect{border:1px solid #ff9090; background:#fff9f9;}
input.errorInput, textarea.errorInput, select.errorInput{ border:1px solid #ff9090; background:#fff9f9;}
.inscripcionOkTxt{background:#f5f5f5; padding:20px; }

/*alojamiento*/
.hotelesMapa{ width: 100%; }
.mapa{ height: 500px; width: 100%; display:block;}
.descripcionHotel {
    font-size: 1.2em;
    padding: 0.5em;
    width:100%;
    display:table;
}
.rowMap h2{margin:0 0 0.4em 0; }
.mapaPic{float:left; width:36%; margin-right: 5%;}
#menuDesplegable{padding-right:26px; padding-left:8px; background:url('../img/downArrow.png') no-repeat right center;}
.logoApoyan {
	float: left;
	margin: 2%;
	width: 21%;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}
.logoOrganizan {
	
	
	width: 21%;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}
.logoOrganizan1 {
	float: none;
	margin: 1%;
	width: 21%;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}

.logoApoyan img{display:block; width:100%; height: auto;}
.logoOrganizan{}
.logoOrganizan1{}
.logoOrganizan img{width:30%; height: auto; }
.logoOrganizan1 img{width:20%; height: auto;}
.tituloTxt2{margin:0;}
.tituloTxt3{margin:0 0 10px 0;}
.tituloTxt4{margin:10px 0 0 0;}
.tituloTxt4 span{ color:#666; font-weight: normal; }


/*.rowCol3{ background:#}*/

@media all and (min-width: 1000px) {
    header nav ul li a{ line-height: 54px; display:block; padding:0 16px; }
}

@media all and (max-width: 980px) {
    /*header nav#menu{ display:none; }
    header #mostrarMenu{ display:block; width:40px; height: 40px; position:absolute; cursor:pointer;
                            top:10px; right: 10px; background:url('../img/menuM.png') no-repeat center; }
    header nav#menu.activo{
        display:block; height: auto; line-height: normal; font-size:24px;
        position:fixed; top:60px; left:0; width: 100%; background:#fff;
    }
    header nav#menu.activo ul{ float:none; }
    header nav#menu.activo ul li{ float:none; border-bottom:1px solid #ccc; text-align:center; width:100%;}
    */
    header nav#menu{ display:none;}
    header #mostrarMenu{ display:block; width:40px; height: 40px; position:absolute; cursor:pointer;
                         top:10px; right: 10px; background:url('../img/menuM.png') no-repeat center;}
    header nav#menu.activo{
        display:block; height: auto; line-height: normal; font-size:24px;
        position:fixed; top:60px; left:0; width: 100%; background:#fff;
        max-height: 86vh; overflow-y:auto;

    }
    header nav#menu.activo ul{ float:none; }
    header nav#menu.activo ul li{ float:none; border-bottom:1px solid #ccc; text-align:center; width:100%;}

    #subMenu{ width:100%; position:relative; top:auto;}
    #subMenu li{ border-bottom: 0px!important;}
    #serviciosMenuLi{ display:table;}
    .logoApoyan label{display:none;}
    .logoOrganizan label{display:none;}
    .logoOrganizan1 label{display:none;}
    .logoOrganizan {display: table-cell;}
    .slideHome .txtSlide{z-index:2; position:absolute; bottom:10px; left:10px;  width: 60%;}
    .slideHome .txtSlide h2{font-size:0.8em; margin:0;}
    .slideHome .txtSlide h3{font-size:0.5em; margin:0;}

}


@media only screen and (min-width: 768px) {
    body {
        background-attachment: fixed;
    }
    .rowCol1{float:left; width:32%; padding:0.5em; background:#f5f5f5; text-align: center; height: 300px;}
    .rowCol2{ margin:0 2%; }
    .rowCol4{ margin-left: 2%; }
    .rowCol3{float:left; width:49%; padding:0.5em; background:#f5f5f5; 
             text-align: center; height: 200px; position:relative;}
    .rowCol3 .downBtns{position:absolute; left:0; bottom:0; width:100%; color:#fff;}
    .rowCol3 .downBtns a{ color:#fff; display:block; float:left; width: 33%; background: url('../img/icons.png') no-repeat 10px;
                      font-size:0.9em; line-height: 40px; text-align: left; padding-left:40px; clear:none;}
	.rowCol3 .downBtns a.iconVideo{background: url('../img/iconsVideo.png') no-repeat 10px;}				  
    .rowCol1 a{ color:#fff; }
    .pdfDownload{ background:#F44336 url('../img/pdfIcon.png') no-repeat 10px 80px;margin-top:0em;  color:#fff;}
    .pdfDownload .txt1{ text-align: left; padding-left:100px; font-size: 1.2em;}
    
    
    
    .col00f{ background-color: #2196F3; color:#fff;}
    .col0f0{ background-color: #009688; color:#fff;}
    .colf00{ background-color: #F44336; color:#fff;}
    .col000{ background-color: #263238; color:#fff;}
    .slideHome .txtSlide{z-index:2; position:absolute; bottom:20px; left:20px;  width: 60%;}
    .slideHome .txtSlide h2{font-size:2em; margin:0;}
    .slideHome .txtSlide h3{font-size:1.4em; margin:0;}
    .menuItem1{ border-bottom:6px solid #2196F3;}
    .menuItem2{ border-bottom:6px solid #FFC107;}
    .menuItem3{ border-bottom:6px solid #F44336;}
    .menuItem4{ border-bottom:6px solid #673AB7;}
    .menuItem5{ border-bottom:6px solid #FFC107;}
    .menuItem6{ border-bottom:6px solid #009688;}
    .menuItem7{ border-bottom:6px solid #795548;}
    .menuItem8{ border-bottom:6px solid #9c27b0;}
    .menuItem9{ border-bottom:6px solid #E91E63;}
    .menuItem10{ border-bottom:6px solid #2196F3;}
    .galeria, .imgGaleria{width:21%;
                          /*margin:2%;padding:4px 1% 30px 1%; */
    }
    
}

@media only screen and (max-width: 470px) {
    #contactoForm{ width:100%; margin:0; }
    .noticiaThumb{ float:none; margin: 0 10% 0.5em 10%; width: 80%; height: auto;}
    .galeria, .imgGaleria{width:46%; display:block; border:1px solid #ccc;
                          /*margin:2%;padding:4px 1% 30px 1%; */
    }
    body{background:#d05300;}
    .descripcionHotel {font-size: 0.8em; }
    .rowL1, .rowR1{float:none; width:100%;}
    .rowMap h2{font-size:0.9em;  }
    .contactoTxt1, .contactoTxt2{color:#666;width:100%; background:#f5f5f5;}
    .col2-1, .col2-2{ width:96%;}
    .col2-1 .rowTxt{ margin-bottom:0; }
    .col2-2 .rowTxt, .col2-2 .rowLs{  margin-top: 0;}
}