@charset "utf-8";

/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}
.gridContainer::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../graficos/fondo_web.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.1;
    z-index: -1;
}
/*Comienza BARRA*/
.barra li { float: left; font-family: sans-serif; font-size:1em;  color: white; }
.barra ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.barra li a {
    display: block;
    color: white;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barra li a:hover {
    background-color: #0C3;
}
.active {
    background-color: #0C3;
	}

/* Fija la barra arriba sin que se desplaze, pero hay que desplazar hacia abajo lo que vaya a continuación, sino lo tapa. 
.barra ul {
    position: fixed;
    top: 0;
    width: 100%;
}

y si queremos la barra fija abajo:

.barrad ul {
    position: fixed;
    bottom: 0;
    width: 100%;
}
*/

/* DESPLEGABLE */
li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #0C3;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(87,136,153,0.9);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

dropdown-content a:hover {background-color: #f1f1f1;  }

.dropdown:hover .dropdown-content {
    display: block;
}
.current {background-color: #0C3;  }
/* FIN BARRA DESPLEGABLE */

#faceboo  {color:white;  }
.bgoback  {	color: white; }
.bgoback i  {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	margin-right: 20px;	
	display: block;
				  }	
#contenido { clear: both;
 float: none;
 margin: 0.6em auto 3em auto;
 width: 96%;
 display: block;
 text-align:center;
 font-family:"Eras Medium ITC";
 font-size:1.0em;
 }
.general h1 {	font-size:1.6em; margin: 1em 0em;} 
.general h2 {	font-size:1.4em; } 
.general h3 { font-size:1.2em; line-height:1.5em;   }
.general h5 { font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  } 				  			  
.bgoback i:hover  { cursor:pointer; color: rgba(122,32,62,0.9);   } 
.notafechas  { font-size:1.2em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		text-align:center;
			}
.logoP {display: block;	width: 100%; margin: 0 auto; text-align:center;  }
.logoG  {display:none;  }
.titulo  {margin: 1em auto;  }
.tuno  { font-family:"Segoe Print", "Segoe Script"; font-size:1.1em; color: black;  } 
.tdos  { font-family: 'Conv_Helvetica-BlackOblique'; 
         font-size:1.0em; 
		 color: rgba(87,136,153,1);
		 }
.ttres  { font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1.2em; 
		  color: rgba(122,32,62,1);  
		  }		 
.testr  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.2em; color: rgba(213,25,83,1);  }
.tcomodin1  { font-family:"Eras Light ITC"; font-size:1.3em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(213,25,83,1); margin: 0.2em auto;
	          border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }	
.tcomodin2  { font-family:"Eras Medium ITC"; font-size:1.3em; color: white; 
             display:inline-block;
             padding: 0.1em 0.4em; background-color: #06F;  margin: 0.2em auto;
	       	border: 2px solid rgba(122,32,62,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }					 		 
.tdias  { font-family:"Eras Medium ITC"; font-size:0.9em; color: black;  } 
.tiporuta  { font-family:"Segoe Print", "Segoe Script"; font-size: 0.75em; color: black;   }
.resr2 { color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase; }
.muga  { font-family:"Eras Medium ITC"; font-size:1.0em; line-height: 0.5em; }
.hotelname  { font-family:"Eras Medium ITC"; font-size:1.0em; }
.puerto  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.1em; 
		   color: rgba(213,25,83,1);
			} 
.bscolor { font-family:"Eras Medium ITC"; color: rgba(87,136,153,1); font-size:1.1em; }	
.alma  { font-size:1.1em; font-weight:bold; color: rgba(213,25,83,1);  }			
.cabhotel  {width: 50%; max-width: 380px; margin:0 auto;  }
.cabhotel img  {border: 2px solid rgba(213,25,83,1);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
			 
/*PASAFOTOS*/

.fluid_container {
margin: 0 auto;
max-width: 1000px;
width: 98%;
}

/*FIN PASAFOTOS*/
			 
.atener {  width: 80%;
	margin: 3em auto;
	border-bottom:solid 0px #CCC;
	padding: 4px 4px 8px 4px;
	text-align:center;	
	background-color: rgba(240,215,50,0.2);
	border: 1px solid black; 
              border-radius: 0px 0px 20px 0px;
			 -ms-border-radius: 0px 0px 20px 0px;
			 -o-border-radius: 0px 0px 20px 0px;
			 -moz-border-radius: 0px 0px 20px 0px;
			 -webkit-border-radius: 0px 0px 20px 0px;
			  }	
.atener h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);   }	
.atener h2 { font-size: 1.1em;   }
.notali { font-size:0.85em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.35em;
		}
.northern { text-align:center;  font-size:0.75em;  }
.northern2 { text-align:center;  font-size:0.7em; color:black; font-style:italic;  }		
.notatecnica { font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(0,0,0,0.9);
		line-height:1.6em;
		}		
.tariffs { width: 80%;
	margin: 3em auto;
	padding: 4px 4px 8px 4px;
	text-align:center;	 
	background-color: rgba(0,0,0,0.15);
	border: 1px solid black; 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px; }
.tariffs h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);   }	
.tariffs h2 { font-size: 1.1em;
              line-height:1.5em;   }
.tariffs h2	a {text-decoration:none;  }
.tariffs h3 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.4em;
			  color: rgba(122,32,62,1);
			  }		
.precio  {font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1.05em; 
		  color: rgba(122,32,62,1); 
		  display:inline-block;
          font-weight:100;  }	
		
.prepunto  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:0.8em;
             }
.prepunto a  { font-family: 'Conv_Helvetica-BlackOblique';
             text-decoration: none;
             color: rgba(87,136,153,1);
             font-size:1.0em;
             }			 
.punto2  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:0.8em; }
		  					 	
.linea00 {  border-top:0px	solid gray;  clear:both; margin:0px; }
.linea0 {  border-top:1px	solid gray;  clear:both; margin:0px; }
.linea1 {  border-top:1px	solid #333;  clear:both; margin:0px; }

.cifra1  {font-size:0.9em; color:green;  }
.cifra2  {font-size:0.9em; color:green;  }
.cifra3  {font-size:0.9em; color:blue;   }
.cifra4  {font-size:0.9em; color:red;  }
.cifra5  {font-size:0.9em; color:yellow; }
.cifra6  {font-size:0.9em; color:#906;  }

.resumen  {display:block;
          padding:0.6em;
	      margin-top:2em;
          font-family: sans-serif;
		  text-align:center;
  		  font-size:1.15em;
		  color: black;
		  line-height:1.5em;
		    }			 	 
.parrafofoto  {	font-family:Verdana, Geneva, sans-serif;
                font-size:1.2em;
				line-height:1.3em; 
				    } 			   
.fotop {display: block;
    	margin: 1em auto 0em auto; 
		text-align:center;
		   }
.fotop img {border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }			   
.fotog {display:none;  } 
.fotog img {border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }
.cuadrada  {margin: 4em auto;  }			   
.cuadrada img {width:60%;
              text-align:center;
			  border: 1px solid rgba(213,24,83,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;  }
			 
.cuadradados  {margin: 2em auto; width:100%; }			   
.cuadradados img {width:100%;
              text-align:center;
			  border: 1px solid rgba(213,24,83,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;  }			 				   

/* Acordeon */
.rlAccordion > h3 {
  border: 1px solid gray;
  border-radius: 3px;
  margin: 0 auto;
  padding: 0.5em 1.0em;
  text-decoration: none;
 }
.rlAccordion > h3 > span {  float: right;  font-family: sans-serif; }/* afecta al + y al - */
.rlAccordion > h3 + div {  display: none;  padding: 2% 5%; }/* afecta al interior de los acordeones */

#cuarto  {margin-top:2em;
          background-color: rgba(0,0,0,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;
		    }
#cuarto h3 {font-family: sans-serif;
            font-size:1.0em; 
			font-weight: normal; 
			text-align:left;
			background-color: #333;
		    color: white;
		   }
#cuarto a {	text-decoration:none;	font-style:italic; color:blue; }		   
.resaltedias  {font-size:1.2em; font-weight:900; color: rgba(122,32,62,1);   }
.resaltedias2 { font-family:"Segoe Print", "Segoe Script";
	            color: rgba(122,32,62,1);    }	
.lugar  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1.1em;
             }
.resalteli  {text-transform:uppercase; font-size:1.1em; font-weight:700;  }
.dia  {   }		   			
.dia img  {  width: 80%;
             margin:1em auto;
			 /*margin: 1em 20% 1em 5%;*/
			  border: 1px solid rgba(0,0,0,1);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }
.diaadia  { display:block;  }
.diaadia h4  { font-family: sans-serif;
	           text-align:center;
               font-size: 1.15em;
               } 
			              		 		 
/*.diaadia li  { font-family: sans-serif;
          text-align:left;
	      font-size: 1.1em;
		  line-height: 1.3em;
		    }	

.diaadia li li {	margin-left: 1em;
               font-family: sans-serif;
	           list-style-type:disc;
	           text-align:left;
               font-size: 0.9em;
               line-height: 1.5em;
			   font-weight:500;			   
			     }	*/
.diaadia ul > li {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;
			  text-align:left;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 font-size: 1.2em;
		     line-height: 1.3em;
		     margin-bottom:0.8em;  
             }					 
.diaadia ul > li  li {list-style-image: url("icos/punto-rojo.png");  
             font-size: 0.95em;
               line-height: 1.3em;
			   font-weight:500;	
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }							 		  	
.lineainterdias { margin:0em 5em 2em 5em;  border-top:1px	solid rgba(122,32,62,1);  clear:both; }			  	
#incluyes {margin-top:2em; 
          background-image: url(graficos/fondo_webp.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:80%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyes h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal; 
			color: white;  
            background-color: rgba(213,25,83,1);
			} 
/*#incluyes ul {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;  
              margin: 0;
			 margin-left:1.3em;
             padding: 0;  
             }	*/
#incluyes ul > li {list-style-image: url("icos/arrow-verde.png");  
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 font-size: 1.1em;
		     line-height: 1.3em;
		     margin-bottom:0.8em;  
             }					 
#incluyes ul > li  li {list-style-image: url("icos/punto-rojo.png");  
              border-bottom: none;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }				 						  
#hightligts {margin: 3em auto; 	  }	
		  
#hightligts h3 {font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			font-weight: normal; 
			color: rgba(122,32,62,1);
			background-color: rgba(240,215,50,0.2);  
            /*background-color: yellow;*/
			} 
.dstages  {  }			
.dstages a  {text-decoration:none; color: rgba(0,0,250,1); font-size: 1em; font-weight:bold;   }
.dstages2  {  }
.dstages2 a  {text-decoration:none; /*color: rgba(213,25,83,1);*/ color: rgba(0,0,0,1); font-size: 1em; font-weight:900;   }

			
/* fin de acordeones, las variables de incluyes y cuarto en scripts.js */
.buttoninfo  {	width:60px;
    font-family:"Eras Medium ITC";
	font-size:1.0em; 
	color: rgba(255,255,255,1);
	padding: 0.2em 0.2em; 
    background-color:rgba(213,25,83,0.99);
	border: 1px solid rgba(122,32,62,1); 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;	
             }
.buttoninfo:hover  { cursor:pointer;   } 	

.hightligtsint { 
	/*margin: 3em auto; */
	border-bottom:solid 0px #CCC;
	/*padding: 4px 4px 8px 4px;*/
	text-align:center;	 
	background-color: rgba(240,215,50,0.2);
	/*border: 1px solid black; */
             /* border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;*/ }
.hightligtsint h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);
			     }	
.hightligtsint h2 { font-family:"Eras Medium ITC";
               font-size: 1.1em;
              line-height:1.5em;   }
.hightligtsint h2	a {text-decoration:none;  }	

.hightligtsint img {  margin:0.5em 0.5em;
              width: 95%;               
              border: 1px solid black; 
              border-radius: 5px;
			 -ms-border-radius: 5px;
			 -o-border-radius: 5px;
			 -moz-border-radius: 5px;
			 -webkit-border-radius: 5px;
			   }
			   
.logoimg {  }			   
.logoimg img {max-width: 200px;  }
.logoimgp  {  }	
.logoimgp img {max-width: 140px;  }			   			
.fotopan  { width: 100%;
          margin: 0 auto;
		  border: 0px solid rgba(122,32,62,1); 
          border-radius: 10px;
		  -ms-border-radius: 10px;
		 -o-border-radius: 10px;
		 -moz-border-radius: 10px;
		 -webkit-border-radius: 10px;
		     }				   			 			

.perfil  { margin:2em auto 1em auto; width: 100%;  }

.perfil img  {  border: 1px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			 margin-bottom: 1em;  }	
.tecnic	{display:block; 
         width: 80%;
    	 margin: 0.6em auto;
		 padding:0.2em 0.5em;
		 text-align:left;
		 background-color: rgba(0,0,0,0.5);
		 font-family:Verdana, Geneva, sans-serif;
	     color:white;
	     font-size:1.1em;
	     border: 1px solid rgba(0,0,0,0.8);
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;   }		 
	 
.fotoacordeoncentro {text-align:center;
              margin: 2em auto;
              border: 1px solid rgba(0,0,0,1);
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 margin-bottom:2em;  }
.fotoacordeoncentro img  {border: 1px solid black; 
              border-radius: 0px;
			 -ms-border-radius: 0px;
			 -o-border-radius: 0px;
			 -moz-border-radius: 0px;
			 -webkit-border-radius: 0px;    }
.piesdefoto {font-family: Helvetica, sans-serif;
              color: rgba(0,0,0,1);
              font-size:1.1em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   }
/*.interes  {text-align:left;
           font-family:Verdana, Geneva, sans-serif;  
		   font-size:1.1em;
		   margin-top:2em;
		    }*/
/*.interes li  { line-height: 2.5em; padding: 1px;  }	*/
.interes  { display:block;  }   
.interes li  { font-family: sans-serif;
          text-align:left;
	      font-size: 1.1em;
		  line-height: 1.3em;
		  margin-bottom:0.8em;  }	
.interes li a  { padding: 1px; font-style:oblique; font-weight:bold; color:blue;  }
.interes li	img {display:inline; width: 28px;  }
.subli li  { font-size: 0.95em;
		  line-height: 1.1em;  }
.resr { color: rgba(122,32,62,1); font-size:1.05em; }			   				 				 
.resaltelilistas  {text-transform:uppercase;  font-weight:500; color: rgba(122,32,62,1);  }
.masinteres {  width: 80%;
    	margin: 3em auto;
	    border-bottom:solid 0px #CCC;
	    padding: 4px 4px 8px 4px;
	    text-align:center;	
	/*background-color: rgba(255,0,0,0.19);*/
	    background-color: rgba(240,215,50,0.2);
	    border: 1px solid black; 
              border-radius: 0px 0px 20px 0px;
			 -ms-border-radius: 0px 0px 20px 0px;
			 -o-border-radius: 0px 0px 20px 0px;
			 -moz-border-radius: 0px 0px 20px 0px;
			 -webkit-border-radius: 0px 0px 20px 0px;
			  }	
.masinteres h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.1em;
			  color: rgba(122,32,62,1);   }	
.masinteres h2 { font-size: 1.0em; font-family:"Segoe Print", "Segoe Script";   }
.nota1 { font-size:0.85em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);
		line-height:0.7em; }
.tecnic2  {display:block; 
         width: 80%;
    	 margin: 0.6em auto;
		 padding:0.2em 0.5em;
		 text-align:left;
		 background-color: rgba(0,0,0,0.1);
		 font-family:Verdana, Geneva, sans-serif;
	     color:black;
	     font-size:1.1em;
	     border: 1px solid rgba(0,0,0,0.9);
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;   }		 
.tecnic2  img {display:inline; width: 40px; margin: 0.5em 0em; }			
.verde  {color: green;  font-family:"Eras Medium ITC";  }
.rojo  {color: red;  font-family:"Eras Medium ITC"; }
.negro  {color: black;  font-family:"Eras Medium ITC"; }

.n1  {color: green;  font-family:"Eras Medium ITC"; font-size:1.2em; font-weight:bold;  }
.n2  {color: red;  font-family:"Eras Medium ITC"; font-size:1.2em; font-weight:bold; }
.n3  {color: #606;  font-family:"Eras Medium ITC"; font-size:1.2em; font-weight:bold; }

.btn-group1 button { margin: 1em 1em;
    background-color:rgba(213,25,83,1); /* Green background */
    border: 1px solid green; /* Green border */
    color: white; /* White text */
	font-size:1.1em; 
	font-family:Arial, Helvetica, sans-serif;
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
	float:none;
}

.btn-group1 button:not(:last-child) {
  /*  border-right: none;  Prevent double borders cuando estan pegados */
}

/* Clear floats (clearfix hack) */
.btn-group1:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group1 button:hover {
    background-color: rgba(87,136,153,1) ;
}
.button1  {
    background-color: rgba(1,1,1,0); /* transparente */
	padding:2px 6px;
    border: none;
	font-size:2.7em; 
    color: rgba(255,255,255,1);    
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	}
.button1:hover  { cursor:pointer; color: #0C3;   } 	
.button2  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(87,136,153,1);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.button2:hover  { cursor:pointer; color: rgba(87,136,153,0.4);   } 

.fbbloque { clear: none;
	        float:none;
	        margin:1.2em 1em; 
            display: block;
            text-align:center;
            }
.redesdiv {	width:96%; margin:1em 2% 0em 2%;
	          padding: 0em 0.2em;
			  background-color: rgba(122,32,62,0);
			  }
#redes1 { clear: none; float: left;  margin-left: 10%;  margin-bottom: 0.9em; width: 40%; display: block; }
#redes2 { clear: none;  float: left;  margin-left: 5%;  margin-bottom: 0.9em;   width: 40%; display: block; }
#redes3 { clear: both; float: left;  margin-left: 5%;  margin-bottom: 0.9em; width: 40%; display: block; }
#redes4 { clear: none; float: left;  margin-left: 10%; margin-bottom: 0.9em; width: 40%;  display: block;  }
#redes5 { clear: none; float: left;  margin-left: 10%;  margin-bottom: 0.9em; width: 40%; display: block;  }  

/* Inicio de zoom */
		/* styles unrelated to zoom 
		* { border:0; margin:0; padding:0; }*/
		/*zoom p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}*/

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(zoom/icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(zoom/grab.cur), default; }
		#ex2 img:active { cursor: url(zoom/grabbed.cur), default; }
					   
.imgzoom img {
	margin: 0em auto 2em auto;
	border: 1px solid black; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			     }			   				
.imgzoommyt img {
	margin: 0.4em auto;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			     }
.imgzoom  {display:none;  }	

/* fin de zoom */			     

footer p {z-index:2;
          display:block;
		  width:100%;
          margin: 0.2em auto;
          position: absolute;
		  bottom: 0;
		  font-family:"Arial Black", Gadget, sans-serif;
		  color:white;
		  font-size:0.6em;
		  text-align:center;
		  }	
footer a {color: white; text-decoration:none;  }
footer a:hover {color: black; text-decoration:none;  }
footer a:visited {color: white; text-decoration:none;  }		  	   			  
#pieg { display:none; 	}
#pie {margin-top: 1.5em;	
	width: 100%;
	bottom:0;
	display: block;
	}			  	  	 	
#pie img { width: 100%;  }

				  		  
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {

.cabhotel  {margin:0 auto;  }
.cifra1  {font-size:0.9em;  }
.cifra2  {font-size:0.9em;  }
.cifra3  {font-size:0.9em;  }
.cifra4  {font-size:0.9em;  }
.cifra5  {font-size:0.9em;  }
.cifra6  {font-size:0.9em;  }	

#contenido {
	clear: both;
	float: none;
    margin: 0 auto 3em auto;
	width: 92%;
	display: block;
	font-size:1.2em;
}

.titulo  {margin: 2em auto;  }
.tuno  { font-size:1.3em;  }
.tdos  { font-size:1.2em;  }
.ttres  { font-size:1.2em;  }
.testr  { font-size:1.3em;  }
.tcomodin1  { font-size:1.2em;              
             padding: 0.3em 0.4em;  margin: 0.2em auto;
	         }	
.tcomodin2  { font-size:1.2em;  
             padding: 0.1em 0.4em;  margin: 0.2em auto;
	         }					 		 
.tdias  { font-size:1.0em;  }
.prepunto  { font-size:1.01em;  }
.prepunto a  { font-size:1.01em;  }
.punto2  { font-size:1.01em;  }
.hotelname  { font-size:1.2em; } 
.bscolor { font-size:1.25em; }
.atener h2 { font-weight:500;  } 
.tariffs h2 { font-weight:500;  }
.resumen  {margin-top:2em;
          font-size:1.1em;
		  
		  line-height:1.7em;
		    }	
.cuadrada img {width:60%;  }


/* Acordeon */
#cuarto  {margin-top:4em;  text-align:left;  font-size:1.1em;    }
#cuarto h3 { font-size:1.0em;   }
.dia img  { width: 45%; 
            float: left; 
            margin: 2%;
		    clear:none; 
			}
.lineainterdias {margin:1.5em 5em 3em 5em; }			
#hightligts  {margin-top:4em; text-align:center;  font-size:1.0em;    }
#hightligts h3 { font-size:1.0em;   }
.diaadia ul > li  li { font-size: 0.9em;  }	
#incluyes {margin-top:4em;  
          width:80%;
          text-align:left;
  		  font-size:1.0em;
		  }	
#incluyes h3 { font-size:1.0em;	} 		  		 
/* Fin Acordeon */

.tecnic	{float:left;
         width: 40%;
    	 margin: 0.3em 4.3%;
		 font-size: 0.7em;
         }
.parrafofoto  {	font-size:0.95em;   } 
.tecnic2	{float:left;
             width: 45%;
    	     margin: 0.6em 2%;
		     font-size: 0.7em;
         }
.tecnic2  img {width: 30px;  }


.hightligtsint { /*padding: 4px 12px 8px 12px; */	}
.hightligtsint h2 { font-size: 1.0em; font-weight:300;  }	
.hightligtsint img {  margin:0.8em 0.5em; width: 45%;	   }
	
.fotopan img { width: 99%;  margin: 0 auto; text-align:center;    }

.cuadradados img {width:65%;  }			 
.piesdefoto {   font-size:0.95em;    }		 

/*.interes  { font-size:0.95em;    }	*/		
/*.interes li  {line-height: 2.7em;  }*/
.masinteres  {width: 70%;  }
.masinteres h1 { font-size: 1.2em;   }	
.masinteres h2 { font-size: 1.1em;   }	
.nota1 { font-size:0.85em; }
.notali { font-size:0.78em;  } 
.notatecnica { font-size:0.85em;   }

#redes1 { clear: none; float: left;  margin-left: 3%;  margin-bottom: 2px; width: 22%; display: block; }
#redes2 { clear: none; float: left;  margin-left: 3%; margin-bottom: 2px; width: 22%;  display: block;  }
#redes3 { clear: none; float: left;  margin-left: 3%;  margin-bottom: 2px; width: 22%; display: block;  }
#redes4 { clear: none; float: left;  margin-left: 3%;  margin-bottom: 2px; width: 22%; display: block;  }   

footer p { font-size:0.7em;	  }	
	
#pie { margin-top: 2em; 	}			  	 				 									 			 									 				 											 			   	
}
	


/* Diseño escritorio: de 769 px hasta un máximo de 1920 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
.logoP { display:none;  }
.logoG  {display: block; width: 100%; margin: 0 auto; text-align:center;  }
.titulo  {margin: 2.5em auto;  }
.tuno  { font-size:1.5em;  }
.tdos  { font-size:1.6em;  }
.ttres  { font-size:1.6em;  } 
.testr  { font-size:1.6em;  }
.tcomodin1  { font-size:1.7em;              
             padding: 0.35em 0.4em;  margin: 0.2em auto;
	         }	
.tcomodin2  { font-size:1.7em;  
             padding: 0.1em 0.4em;  margin: 0.2em auto;
	         }					 		 
.tdias  { font-size:1.2em;  } 
.hotelname  { font-size:1.4em; } 
.atener  {width: 70%;  }
.tariffs  {width: 70%;  }

.notali { font-size:0.8em; }
.notatecnica { font-size:0.9em;   }
.fotop {display:none;  }
.fotog {display: block; 
         margin: 1em auto 0em auto; 
		 text-align:center;
		   }

#contenido { clear: both;   float: none;
 margin: 0 auto 3em auto;   width: 84%;   display: block;    }
 
.cuadrada img {width:60%;  } 
#cuarto  {font-size:1.0em;    }
.dia img  {   width: 31%; margin: 1%;  }
.diaadia li  { font-size: 1.1em; line-height: 1.6em; }
.diaadia ul > li  li { font-size: 0.9em;  }
.interes li  { font-size: 1.1em; line-height: 1.6em; margin-bottom: 1em; }
.subli li  { font-size: 1.02em;
		  line-height: 1.02em;  }		
.fotoacordeoncentro {margin: 2.5em auto; }
.piesdefoto {   font-size:1.10em; line-height:1.4em;    }	

.tecnic2 {  width: 30%;    	 
		 margin-right:1%;
		 font-size: 0.7em;
         }
.hightligtsint h1 { font-size: 1.7em;   }	
.hightligtsint h2 { font-size: 1.1em; font-weight:300;  }	
.hightligtsint img {  margin:1.2em 0.6em; width: 30%;  }
.cuadradados  {margin: 2em auto;  }			   
.cuadradados img {width:65%;   }	
.fotopan img { width: 94%;  margin: 0 auto;   }	
.imgzoom  {display:block;  }
.imgzoom p {margin-bottom: 3em;  } 		  
.imgzoommyt  {display:none;  } 
footer p { font-size:0.85em;	  }		 
#pie {   display:none; 	}
	
#pieg {margin-top: 3em;	
	width: 100%;
	bottom:0;
	display: block;
	}			  	  	 	
#pieg img {width: 100%;  }
	  	 
		  	 
	   						
}