@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'avenir-roman';
    src: url('../font/avenir-roman.eot');
    src: url('../font/avenir-roman.eot#iefix') format('embedded-opentype'),
         url('http://www.granhotelcasablanca.com/font/avenir-roman.woff') format('woff'),
         url('../font/avenir-roman.ttf') format('truetype'),
         url('http://www.granhotelcasablanca.com/font/avenir-roman.svg#avenir-roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tabla-transp {
	background-color: rgba(255,255,255,0.4);	
	-moz-box-shadow:
		0px 1px 3px rgba(0,108,149,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(0,108,149,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.9);
	box-shadow:
		0px 1px 3px rgba(0,108,149,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.9);

}
.textos-subt {
	font-family: 'avenir-roman',Arial, Helvetica, sans-serif;
	color:#333;
	font-size:15px;
	font-weight: normal;
	font-style: normal;
}

.textos-superiores {
	font-family: 'avenir-roman',Arial, Helvetica, sans-serif;
	color:#006C95;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
}

.texto-superior2 {
	font-family: 'avenir-roman',Arial, Helvetica, sans-serif;
	color:#006C95;
	font-size:14px;
	font-weight: normal;
	font-style: normal;
}

.sub-home {
	font-family: 'avenir-roman',Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	font-weight: normal;
	font-style: normal;
}


.textos-inferiores {
	font-family: 'avenir-roman',Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
}

img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}
		
@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; }
}

body {
	margin: 0 0 35px 0;
	background-color: #D9DECA;
}

/*Botonera Principal*/

.nav {
font-family:'avenir-roman',Arial, Helvetica, sans-serif;
font-size: 12px;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

.nav > li {
float:left;
}

.nav li a {
font-family:'avenir-roman',Arial, Helvetica, sans-serif;
font-size: 13px;
list-style:none;
text-decoration:none;
color:#222;
display:block;
border:0px solid;
padding:10px 14px;


	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #e3f0ff;
	
   filter:alpha(opacity=100);  
   -moz-opacity: 0.6;  
   opacity: 0.6;
   -khtml-opacity: 0.6; 
}

.nav li a:hover {
color:#000;
background: -moz-linear-gradient(
		top,
		#ccf0f0 0%,
		#f2f9ff 51%,
		#ffffff 47%,
		#ffffff 50%,
		#e5f7fc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ccf0f0),
		color-stop(0.51, #f2f9ff),
		color-stop(0.47, #ffffff),
		color-stop(0.50, #ffffff),
		to(#e5f7fc));
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #e3f0ff;
	-moz-box-shadow:
		0px 1px 3px rgba(59,60,64,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(59,60,64,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.9);
	box-shadow:
		0px 1px 3px rgba(59,60,64,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.9);

        filter:alpha(opacity=70);  
        -moz-opacity: 0.7;  
        opacity: 0.7;
        -khtml-opacity: 0.7; 

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;

}

.nav li {
position:relative;
}
/*Fin botonera principal*/



#bienvenidos {
position:absolute;
width:356px;
height:340px;
margin-top:20px;
margin-left:50px;
background:#FFF;
z-index:9000;	
}

#titulopop {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	color: #333;
	text-align:left;
	margin: 10px 10px 10px 10px;
}

#subtitulopop {
	font-family:"avenir-roman", arial;
	font-size:24px;
	color: #333;
	text-align:left;
	margin: 0px 10px 10px 10px;
}

#contpop {
	font-family:"avenir-roman", arial;
	font-size:14px;
	color: #333;
	text-align:left;
	margin: 5px 15px 15px 15px;
}
.tarifas {
	font-family:"avenir-roman", arial;
	font-size:14px;
	color: #FFF;	
}
.contenidos {
	font-family:"avenir-roman", arial;
	font-size:14px;
	color: #333;	
}
.tit-contenidos {
	font-family:"avenir-roman", arial;
	font-size:16px;
	color: #333;	
}

#contserv {
	font-family:"avenir-roman", arial;
	font-size:14px;
	line-height:2;
	color: #333;
	text-align:left;
	margin: 5px 15px 15px 15px;
}