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

body{
	background:url(images/bg.jpg) repeat-x;
	color:#292929;
	font-size:14px;
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
}

.wreper{
	width:976px;
	margin:0 19%;
}

.clear{
	clear:both;
}
.border{
	border:solid 1px #d6d8d7;
	padding:5px 5px 5px 5px;
	margin:0px 20px 10px 0px;
}

#logo{
	width:286px;
	float:left;
	padding:20px 0px 0px 19.2%;
	text-align:left;
	height:133px;
}


#top_add{
	width:265px;
	float:right;
	text-align:left;
	font-size:15px;
	color:#424242;
	line-height:1.5em;
	font-weight:normal;
	padding:30px 0px 0px 0px;
}


#top_add strong
{
	color:#013a67;
}

.upper_txt{
	text-transform:uppercase;
}


.menu
{
	width:976px;
	float:left;
	padding:0 0 0 19%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
	text-transform:uppercase;
	font-weight:normal;
}

.menu a
{
	color:#5c5c5c;
	text-decoration:none;
	padding:13px 33px 13px 34px;
	display:inline-block;
	text-align:center;
	border-left:1px solid #e4e5e6;
	border-right:1px solid #b2b3b7;
}
.menu a:hover
{
	background-color:#023960;
	text-decoration:none;
	color:#FFF;
	padding:13px 33px 13px 34px;
	display:inline-block;
	text-align:center;
	border-left:1px solid #e4e5e6;
	border-right:1px solid #b2b3b7;
	
}
#menu_active 
{
	background-color:#023960;
	text-decoration:none;
	color:#FFF;
	padding:13px 33px 13px 34px;
	display:inline-block;
	text-align:center;
	border-left:1px solid #e4e5e6;
	border-right:1px solid #b2b3b7;
	
}


.menu_brd_left{
	border-left:none;
}

.menu_brd_right{
	border-right:none;
}

#slider_part{
	background:url(images/slider_bg.png) no-repeat;
	float:left;
	width:967px;
	height:347px;
	padding:9px 0px 0px 9px;
	margin:14px 0px 0px 0px;
}

#slider_part1{
	background:url(images/slider_bg1.png) no-repeat;
	
	width:676px;
	height:340px;
	padding:8px 0px 0px 8px;
	margin:14px 0px 0px 0px;
}
#slider_partgvd{
	background:url(images/granvistadoral-slider.png) no-repeat;
	float:left;
	width:774px;
	height:559px;
	padding:8px 0px 0px 8px;
	margin:14px 0px 0px 0px;
}
#slider_partcr{
	background:url(images/slider_bg2.png) no-repeat;
	float:right;
	width:484px;
	height:440px;
	padding:8px 0px 0px 5px;
	margin:24px 0px 0px 0px;
}
#slider_partcb{
	background:url(images/slider-bg3.jpg) no-repeat;
	float:right;
	width:460px;
	height:280px;
	padding:10px 6px;
	margin:24px 0;
}


#content1-right{
    float: right;
    width: 50%;
    padding: 10px 0 15px 0;
    line-height: 1.4em;
}
#content1-left{
    float: left;
    width: 50%;
    padding: 0 0 15px 0;
    line-height: 1.4em;
}
#content1-right ul{padding:0px 0px 0px 30px; margin:0px; }
#content1-right li{padding:0px 0px 7px 20px; background:url(images/arow1.png) no-repeat 0px 7px;   list-style:none; text-transform:uppercase;}
#content1-right li a{color:#424242; text-decoration:none;}
#content1-right li a:hover{color:#424242; text-decoration:underline;}

#content1-left ul{padding:0px 0px 0px 30px; margin:0px; }
#content1-left li{padding:0px 0px 7px 20px; background:url(images/arow1.png) no-repeat 0px 7px;   list-style:none; text-transform:uppercase;}
#content1-left li a{color:#424242; text-decoration:none;}
#content1-left li a:hover{color:#424242; text-decoration:underline;}

#contentp1-right{
    float: right;
    width: 70%;
    padding: 10px 0 15px 0;
    line-height: 1.4em;
}
#contentp1-left{
    float: left;
    width: 30%;
    padding: 0 0 15px 0;
    line-height: 1.4em;
}
#contentp1-right ul{padding:0px 0px 0px 30px; margin:0px; }
#contentp1-right li{padding:0px 0px 7px 20px; background:url(images/arow1.png) no-repeat 0px 7px;   list-style:none; text-transform:uppercase;}
#contentp1-right li a{color:#424242; text-decoration:none;}
#contentp1-right li a:hover{color:#424242; text-decoration:underline;}

#contentp1-left ul{padding:0px 0px 0px 30px; margin:0px; }
#contentp1-left li{padding:0px 0px 7px 20px; background:url(images/arow1.png) no-repeat 0px 7px;   list-style:none; text-transform:uppercase;}
#contentp1-left li a{color:#424242; text-decoration:none;}
#contentp1-left li a:hover{color:#424242; text-decoration:underline;}


#content 
{
	font-style:normal;
	float:left;
	width:976px;
	padding:10px 0px 24px 0px;
	line-height:1.4em;
}
#content .abc{
	float:left;
}
#content ul{padding:0px 0px 0px 30px; margin:0px; }
#content li{padding:0px 0px 7px 20px; background:url(images/arow1.png) no-repeat 0px 7px;   list-style:none; text-transform:uppercase;}
#content li a{color:#424242; text-decoration:none;}
#content li a:hover{color:#424242; text-decoration:underline;}


#content h1{
	font-size:22px;
	color:#696969;
	padding:0px 0px 10px 0px;
	margin:0px;
}

#content h2{
	font-size:22px;
	color:#696969;
	padding:15px 0px 10px 0px;
	margin:0px;
	text-transform:uppercase;
}

#content h3{
	font-size:20px;
	color:#023960;
	padding:10px 0px 5px 0px;
	margin:0px;
}
#content h3 strong
{	
	font-size:16px;
	color:#767678;
}
	

#content h4{
	font-size:16px;
	color:#767678;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.news {
	float:left;
	width:710px;
}

#read_more a{
	background:url(images/arow1.png) no-repeat 0px 8px;
	color:#002f5e;
	float:right;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 0px 13px;
}

#read_more a:hover{
	background:url(images/arow1.png) no-repeat 0px 8px;
	color:#002f5e;
	font-weight:bold;
	text-decoration:underline;
	padding:0px 0px 0px 13px;
}


#read_more strong
{
	color:#464646;
	
}

#read_more1 a{
	background:url(images/arow-bck.jpg) no-repeat 0px 8px;
	color:#002f5e;
	float:right;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 40px 13px;
}

#read_more1 a:hover{
	background:url(images/arow-bck.jpg) no-repeat 0px 8px;
	color:#002f5e;
	font-weight:bold;
	text-decoration:underline;
	padding:0px 0px 40px 13px;
}


#read_more1 strong
{
	color:#464646;
	
}



#footer
{
	width:100%;
	float:left ;
	background:url(images/footer.jpg) repeat-x; 
}


#footer h1{color:#323232; font-size:22px; font-weight:bold;padding:20px 0px 12px 0px; margin:0px; text-transform:uppercase;}

#footer h1 a{color:#323232; text-decoration:none;}
#footer h1 a:hover{color:#b2b3b7; text-decoration:none;}

#footer ul{padding:0px; margin:0px; }
#footer li{padding:0px 0px 7px 20px; background:url(images/arow1.png) no-repeat 0px 7px;   list-style:none; text-transform:uppercase; display:inline-block; width:45.3%; vertical-align:top;}
#footer li a{color:#424242; text-decoration:none;}
#footer li a:hover{color:#424242; text-decoration:underline;}

#servic_part{
	background: url(images/footer_divider.jpg) no-repeat right;
	padding: 0px 0px 0px 10px;
	width: 644px;
	float: left;
	min-height: 245px;
	text-transform: uppercase;
}
#investment_part{
	background:url(images/footer_divider.jpg) no-repeat right;
	padding:0px 0px 0px 30px;
	width:181px;
	float:left;
	min-height:245px;
	display:none;
}

#contact_part{
	padding: 0px 0px 0px 72px;
	width: 244px;
	float: left;
	min-height: 244px;
}

#contact_part strong{
	color:#013a67;
}

#copy
{
	width:976px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:13px; 
	font-weight:normal;
	padding:10px 0px 8px 14px;
	line-height:1.7em;
	text-align:center;
	
}

#copy a
{
	color:#1e1e1e;
		text-transform:uppercase;
	text-decoration:none;

	
	
}
#copy a:hover
{
	color:#013a67;
	text-decoration:none;
	
}



#follow
{
	float:left;
	width:352px;
	text-transform:uppercase;
	padding:15px 14px 0px 0px;
	text-align:right;
	line-height:2.5em;
}


#facebook a
{
	background:url(images/facebook.png) no-repeat center;
	display:inline-block;
	height:32px;
	width:32px;
	float:right;
	margin:0px 0px 0px 0px;
}

#facebook a:hover
{
	background:url(images/facebook_hover.png) no-repeat center;
	display:inline-block;
	height:32px;
	float:right;
	width:32px;
	margin:0px 0px 0px 0px;
}


#youtube a
{
	background:url(images/youtub.png) no-repeat center;
	display:inline-block;
	height:32px;
	float:right;
	width:32px;
	margin:0px 5px ;
}

#youtube a:hover
{
	background:url(images/youtub_hover.png) no-repeat center;
	display:inline-block;
	height:32px;
	float:right;
	width:32px;
	margin:0px 5px ;
}

#google a
{
	background:url(images/google_plus.png) no-repeat center;
	display:inline-block;
	height:32px;
	float:right;
	width:32px;
	margin:0px 0px 0px 0px;
}

#google a:hover
{
	background:url(images/google_plus_hover.png) no-repeat center;
	display:inline-block;
	height:32px;
	float:right;
	width:32px;
	margin:0px 0px 0px 0px;
}


#slider_part_inn{

	float:left;
	width:500px;
	height:226px;
	padding:9px 0px 0px 9px;
	margin:14px 0px 0px 0px;
}

#content_left{
	background:url(images/shadow.jpg) no-repeat right;
	width:672px;
	float:left;
	padding:0px 24px 0px 0px;
}


#content_right{
	width:266px;
	float:left;
	padding:0px 0px 0px 14px;
}


.sbt{background:url(images/submit.jpg) no-repeat;  border:none; display:block; cursor:pointer; width:120px; height:38px; }

.side_title{
	background:url(images/title_bg.jpg) no-repeat ;
	width:230px;
	height:36px;
	font-size:22px;
	color:#696969;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:16px 20px 0px 16px;
}


.side_title1{
	background:url(images/title_bg.jpg) no-repeat ;
	width:220px;
	height:36px;
	font-size:22px;
	color:#696969;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:16px 20px 0px 26px;
}


.side_mdl{
	width:246px;
	float:left;
	padding:15px 10px 15px 10px;
}
.opration_para img {
	margin: 18px 18px 0px 0px;
}
.hotel_para h2 {
	padding: 0px 0px 10px 0px !important;
}

.op-logo {
    width: 297px;
    height: 218px;
    display: inline-block;
    margin: 11px 12px;
}	
.set{
	display:grid;
	width:50%;
	float:right;
}
#myTable th{
	border:none;
	border-bottom:1px solid #f2f2f2;
	padding:8px 5px;
	background-color:#f2f2f2;
	font-size:16px;
	}
#myTable td{
	border:none;
	border-bottom:1px solid #f2f2f2;
	padding:5px;
	}
.mapouter{
	text-align:left;
	height:296px;
	width:440px;
	}
.gmap_canvas {
	overflow:hidden;
	background:none!important;
	height:296px;
	width:440px;
	}
.mySlides {
	border:solid 1px #d6d8d7;
	padding:4px;
	width:486px;
	height:320px;
}

.sticky {
	top: 0;  
	width: 100%;
  	background:url(images/sticky-bg.jpg) repeat-x;
  	position: fixed;
   	z-index: 7;
}

<!------new-------->
#header .header-logo img {
	position: absolute;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	width:286px;
	float:left;
	padding:20px 0px 0px 19.2%;
	text-align:left;
	height:133px;
}

#header .header-logo .logo-normal {
	opacity: 1;
}

#header .header-logo .logo-sticky {
	opacity: 0;
}

.sticky-header-active #header .header-logo .logo-normal {
	opacity: 0;
}

.sticky-header-active #header .header-logo .logo-sticky {
	opacity: 1;
}