body {
	BACKGROUND-COLOR: #f1f1ee;
	background: url(../Content/img/fondo.jpg) no-repeat fixed center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}


/*Header de la pagina*/
header {
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	overflow:hidden; /* Eliminamos errores de float */
	margin-bottom:10px;
}
.wrapper {
	width:90%; /* Establecemos que el ancho sera del 90% */
	max-width:1000px; /* Aqui le decimos que el ancho máximo sera de 1000px */
	margin:auto; /* Centramos los elementos */
	overflow:hidden; /* Eliminamos errores de float */
}
header .logo {
	float:left;
	margin:10px auto auto 50px
}
header .redes {
	float:right;
	margin:40px  50px auto auto ;
	text-align:center;
}
header .telefonos {
	float:right;
	margin:30px 50px auto  auto ;
}



/*Header del hotel*/
#wraperHotel #headerHotel
{   
    
    background-color:#003664 ;
    background: url(../Content/img/degradado.jpg) repeat fixed center ; 
    	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    width:45%;
    margin:0px auto;
    border: 3px solid white; 
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    background: -webkit-linear-gradient(#2d639f,#003664);
    background:-moz-linear-gradient(#2d639f,#003664);
    background: -o-linear-gradient(#2d639f,#003664);
    background: linear-gradient(#2d639f,#003664);
    font-weight:normal;
    }
#wraperHotel #headerHotel .pestañaHotel{
    margin:-10px auto 0px 20px; 
    width:90px;
    height:135px
    }
#wraperHotel  #headerHotel .tituloHotel {
    text-align:left;
    margin:-120px   10px 0px 100px;
    padding:auto 0px;
    } 
#wraperHotel  #headerHotel .tituloHotel h3{ 
    color:white;  
   
    } 
#wraperHotel  #headerHotel .tituloHotel h3 span{      
    color:#fbcf3b;
    font-weight:bold; border-bottom:1px solid white;
    } 
#wraperHotel  #headerHotel .categoriaHotel {
    text-align:right;
    margin:-5px 0px 17px 120px;
    padding:auto 0px;
    } 
#wraperHotel  #headerHotel .categoriaHotel h4{ 
    color:white;  
    
    } 
#wraperHotel  #headerHotel .categoriaHotel h4 span{ 
    color:#fbcf3b;
    border-bottom:1px solid white;
    padding-bottom:3px;
	font-size:22px;
    } 
   
   
    
/*Contenido de los hoteles*/
#wraperHotel #contentHotel{
       background-color:#003664 ;
    background: url(../Content/img/degradado.jpg) repeat  fixed center ; 
      	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    width:45%;
    margin:10px auto;
    border: 3px solid white; 
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    background: -webkit-linear-gradient(#2d639f,#003664);
    background:-moz-linear-gradient(#2d639f,#003664);
    background: -o-linear-gradient(#2d639f,#003664);
    background: linear-gradient(#2d639f,#003664);
    overflow:hidden; 
     font-size:13px;
    font-weight:normal;
     color:White ;
     text-align:justify;
    
    }
 #wraperHotel #contentHotel   label {font-weight:normal;}
/*logo de los hoteles*/
#wraperHotel #contentHotel #logoHotel {
    margin:10px 30px;
    text-align:center;
    }
      
/*descripcion de los hoteles*/      
#wraperHotel #contentHotel #DescripcionHotel{
    margin:auto 30px;
    padding-bottom:10px;
    
    }
    
    #wraperHotel #contentHotel #DescripcionHotel  h5 {
    color:#fbcf3b;      
    font-weight:bold;     
    }  
    
    
/*carrusel y servicios de los hoteles*/   
#wraperHotel #contentHotel #marcoCarrusel{
    margin:auto 30px auto 0px ;
    text-align:justify;
    color:#fbcf3b;
    padding-bottom:10px;
   display:flex
    } 
      
/* carrusel de imgs de los hoteles*/
#wraperHotel #contentHotel #marcoCarrusel #carruselHotel #carousel li
{
    margin:0px;
    padding:0px;
    
} 

#wraperHotel #contentHotel #marcoCarrusel #carruselHotel a
{
    margin:20px 30px 0px 30px;
    padding:5px; 
     font-size:14px;
    font-weight:bold;
    
} 
/*servicios de los hoteles*/
#wraperHotel #contentHotel #marcoCarrusel #serviciosHotel {
    color:white;
 
    }      
#wraperHotel #contentHotel #marcoCarrusel #serviciosHotel h5 {
    color:#fbcf3b;      
    font-weight:bold;     
    }  
           
 /*traslados de los hoteles*/
#wraperHotel  #contentHotel  #trasladadoHotel{ 
    text-align:right;
    }     
 #wraperHotel  #contentHotel  #trasladadoHotel h5 span{ 
    color:white;
   font-weight:normal;
   
}  
#wraperHotel  #contentHotel  #trasladadoHotel h5 label{ 
    border-bottom:1px solid white;
}   
   
   #wraperHotel  #contentHotel  #trasladadoHotel h5 { 
    color:white;  
}           
       
 #wraperHotel  #contentHotel  #trasladadoHotel h5 strong{    
   color:#fbcf3b;
}           
      
 
 /*HABITACIONES de los hoteles*/
       
    #wraperHotel #contentHotel #habitaHotel{
    margin:auto 30px;
    padding-bottom:10px;
    }
    
    #wraperHotel #contentHotel #habitaHotel  h5 {
    color:#fbcf3b;      
    font-weight:bold;     
    }  
        
  /*OBSERVACIONES de los hoteles*/
       
    #wraperHotel #contentHotel #ObsHotel{
    margin:auto 30px;
    padding-bottom:10px;
    }
    
    #wraperHotel #contentHotel #ObsHotel  h5 {
    color:#fbcf3b;      
    font-weight:bold;     
    }  
               
        
         
  /*carrusel   */   
div.ic_myCarousel {
    margin: 20px auto 0 auto;
    clear:right;
   
}
.infiniteCarousel 
{
    border: 3px solid white; 
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    box-shadow:  2px 2px 2px white;
    -webkit-box-shadow: 2px 2px 2px white;
   -moz-box-shadow: 2px 2px 2px white;
    
}
.ic_left_nav, .ic_right_nav {
    display: none;
}

  
#map-canvas {
  width:565px;
  height:400px;
  
}
button
{
     margin:20px 30px 0px 30px;
    padding:5px; 
     font-size:14px;
    font-weight:bold;
    }