@font-face {
    font-family: 'Open Sans Light';
    src: url('../../style/fonts/OpenSans-Light.ttf');
}

/*PRIMARY BLUE #0080FF
  
  yellow #f8ae11
*/
html{
font-size: 100%;
}
body{
    background:#fafafa; font-family: segoe ui,helvetica, arial, calibri; width:100%; 
    font-size: 1em; height:auto;
    padding:0px; margin:0px; 
    }
#firstDialogOnloadPage {
   
    
    
}
#firstDialogOnloadPage .ui-dialog-titlebar{
    display: none
}
.logo {
    width:210px; height:170px; z-index:999; position:absolute; left:80px; top:5px;
    background:transparent url("../../images/logos/LinkBenefitsLogo4-New.png")no-repeat left top;
	/*background-size:100px 100px;*/
}
header h1{
    color:#f2f2f2; font-family: inherit; font-size:0.8em; float:right; margin-right: 20px;height:auto; width:20%; font-weight: lighter;
}
header h1 strong{
    font-size:1em;
}

header{
    float:left; position:relative; width:100%; height:30px; 
    margin:0px 0px 0px 0px; 
	background:#1c1c1c; 
	/*
	background: #eeeeee; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); 
	*/
	box-shadow: 0px 2px 15px #585858;
}
#ContMonitorView{
	float:left; position:relative;
    min-height:1000px;
    margin:0; padding:0px;
    width:100%; 
}
#subcontainer {
    width:100%; top:5px;margin:0px;  background:red;
}
.subintcont {
    width:auto; top:0px; left:0px;
    background:#fff; 
    }

/*---------------------------M E N U -----------------------*/
#menu {
    height:30px; width:45%; position:absolute;  top:0px; left: 30%; z-index:998; 
	font-family: 'open sans light',segoe ui, arial,calibri; 
}
#menu ul, #clientlinkBox ul {
    list-style:none; margin:0px; padding:0px;
    }
#menu ul li, #clientlinkBox ul li{
    display:inline; 
    height:1.7em; margin:10px;
	text-transform:uppercase;
    }
.lihome, .lihotel, .lirentcar{
		font-size:1.4em;
	
	}	
#menu ul li a{
/*    color:#0769b2;*/
	color:#0489B1;
	text-decoration:none;  cursor:pointer; 
	}
#menu ul li a:hover {
    text-decoration:none;
	/*color:#FE2E2E;*/
	color: #FFBF00;
    }
.lihotel:hover > #citieslistbox,.lirentcar:hover > #rentcarlist{
	display:block; font-family:inherit; 
}

#luxuryliftBox{
	width:15%; height:30px;  position:relative;  float:right; top:0px; margin-right: 100px;  z-index:999; 
	background: transparent url('../../images/btn_luxury.png')no-repeat left top;
	background-size:100% 90%;
	
}
#signatureBox{
	width:15%; height:30px;  position:relative; float:right; top:0px; margin-right:0.5%;  z-index:999; 
	background: transparent; font-size:1.4em; color:#FFBF00; font-weight:lighter; 
	
}


/*------------------ C I T I E S    M E N U  --------------*/

.lihotel #citieslistbox,.lirentcar #rentcarlist  {
	width:65%; display:none; background:#fafafa;
	height:auto; position:absolute; left:90px; top:30px; /*border:1px solid #a4a4a4;*/
	margin:0px; 
	box-shadow: 0px 2px 5px #6e6e6e;
	padding:20px; border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; -moz-border-radius:0px 0px 3px 3px; -o-border-radius:0px 0px 3px 3px;
		
}

.lihotel #citieslistbox h1{
	font-size:0.8em; margin:10px; height:2em; width:90%;
	font-weight: lighter; color: #585858; position:absolute; top:0px; text-align:left; 
	border-bottom:1px solid #bdbdbd;
	
}
.lihotel #citieslistbox li,.lirentcar #rentcarlist li{
   margin-left: 15px; position:relative; float:left; height:15px;  
  
}

.lihotel #citieslistbox li a, .lirentcar #rentcarlist li a{
    text-decoration:none; height:15px; top:15px; 
	    color: #585858; font-size: 0.7em; font-weight:lighter; letter-spacing:0px;
}
#citieslistbox li:hover> ul,#rentcarlist li:hover> ul{
	display:block; 
}

#citieslistbox li ul,#rentcarlist li ul{
	display:none; background:#e6e6e6; z-index:1000;
	list-style:none; margin:0px; padding:8px;
	position:absolute; 
	width:180px; min-height:120px;
	/*border:1px solid #a4a4a4; */
	font-family: segoe ui, sans serif;
}
#citieslistbox li ul li, #rentcarlist li ul li{
	padding-left:0px; 
	line-height:12px; width:90%;
}
#citieslistbox li ul li a,#rentcarlist li ul li a{
	color:#2e2e2e; font-weight: normal; 
	
	}
#citieslistbox li ul li a:hover, #rentcarlist li ul li a:hover{
	color: #0080FF
}
.lieng {
    position:absolute; top:-3px; right:5px;
    height:35px; width:35px; z-index:999; 
	background:url('../../images/usflag.png')no-repeat left top;
}
.lieng a{
    color:#0080FF; text-decoration: none; font-size:10px; tex-align:right;
      } 
/*------------------------------------------------------------  I  N  D  E  X  ---------------------------------------------------*/


/*--------Black left box within info----------*/
.box-l{
	position:absolute; padding:0px;
	height:100%;max-width:25%; margin-left:0%; top:0%; background:transparent url('../../images/blackdotbg.png'); 
	background-size: cover; text-align: right; color:#fff; font-family: inherit;
}
.inlinetxt{
	position: relative;
	width:90%;left:5%; height: auto;
	top:25%;
}
.inlinetxt h2{
	font-size:1em; 
    }
.inlinetxt ul{
	list-style: square; font-size:0.9em; 
	text-align: left;
    }
    
.box-l a{
	border:0px;
	font-weight: bold; 
	font-family: inherit; font-size: 1.5em; font-weight: lighter;
	color:#fff; cursor:pointer; text-decoration:none; margin-right:30px;line-height:2.3em;	
	 }

.myscorelink{
	position:absolute; bottom: 60px; height:60px; right:0px;width:100%;
	background:#FE642E;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	   -moz-transition:all 0.3s ease-in;
	    -ms-transition:all 0.3s ease-in;
	     -o-transition:all 0.3s ease-in;

}
.myscorelink:hover{
		width:100%; 
		background:#F4AC03;
	}
.mycardlink{
	position:absolute; bottom:0px; height:60px; right:0px;width:100%;
	background:#4A647A;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	   -moz-transition:width 0.3s ease-in;
	    -ms-transition:width 0.3s ease-in;
	     -o-transition:width 0.3s ease-in;
}
.mycardlink:hover{
		width:100%; 
		background:#F4AC03;


}

/*//////////////--------C A L L   C E N T E R ----------*/
#CallCenResrv{
		position:absolute; 
		position:absolute;
		height:5%;width:100%; 
		top:60%; left:0%;
		background:#1c1c1c;/*transparent url('../../images/fonecartel.png')no-repeat 0px 0px; */
		background-size:cover;
	}
#CallCenResrv p{
	font-family:century gothic,calibri; padding:0px; margin:0px;color:#d00202; font-size: 2em; letter-spacing:2px;
	text-align:center; padding-top:5px;
}

 /*
#hotelslist{
   font-family:helvetica, arial, calibri; 
    background:#fff; width:100%; position:relative;
    }
#hotelslist ul{
    list-style:none; height:auto; width:auto;
    }

#hotelslist ul li{
    display:inline; position:relative;
    cursor:pointer; letter-spacing:0px; 
    width:100%;
    height:220px; margin-right:0px;cursor:pointer;
    }
#hotelslist h2{font-size:22px; color:#585858; margin:100px 0 0 0px; }
*/
/*BOX CONTAINER RESULT FROM SEARCH*/
/*
#hotelresult {
    float:right; width:70%;
}
#hotelresult ul{
    list-style: none;
}

#hotelresult h2{font-size:22px; color:#585858; margin:100px 0 0 30px; }
*/

/*foreachhotelbox*/
/*
.hotelpreview {
    
	width:95%; height:230px; float:left; border-bottom: 1px dotted #bdbdbd;padding:10px;
}
.hotelpreview span{font-weight: bold; font-size:10px; text-transform: uppercase; background:#FACC2E; padding:2px; text-shadow:1px 1px 1px #fff;
webkit-border-radius:3px; moz-border-radius:3px; border-radius:3px;
}
.hotelpreview h1 {font-size:14px;
}
.hotelpreview a{
font-family: open sans light; font-size:14px; text-transform: none; text-decoration: none;
}
.hotelpreview img{float:left;width:13%; clear:none;}
.dscrptn {
    float:right; width:80%
}
.dscrptn p {font-size:12px;text-transform: none; font-family: segoe ui,arial, calibri; color:#585858; text-align: justify;}

*/
/*HOTEL DESCRIPTION SECTION*/
/*
#hoteldescription {
    z-index:1; width:70%;padding:0px; font-size:14px; background:#fff;
    float:right;height:100%; overflow-y:auto;
    }
#hoteldescription p{
    width:auto; font-size:10px;
}
#hoteldescription big{font-size: 14px; font-weight: bold;}
#hoteldescription h1 {clear: none;
    font-size:12px; font-weight:normal; width:auto; color:#585858;
}
#hoteldescription ul{display:inline;
    list-style:none;height:auto; width:auto;
    }
#hoteldescription ul li{
    float:left; margin-left:20px;
    color:#585858; letter-spacing:1px; text-transform: uppercase; width:95%;
    height:auto; display:inline-block;
    }
#bonuspercent {
    float:right;padding:5px;color:#0080ff; font-family:arial,Times New Roman; font-size:16px; font-weight: bold;
    }

#dscrptnbdrm tr{
    width:95%;
}
#dscrptnbdrm td{
    text-align: left;
    font-family: segoe ui, helvetica,calibri, arial; color:#2e2e2e;
    padding:10px; letter-spacing:0px;
    text-transform: none;
    font-size:12px; border:0px solid #d8d8d8;
}
#dscrptnbdrm h2{
    text-transform:uppercase; width:100%; margin-bottom:-5px;padding-bottom: 5px;
    font-size:12px; border-bottom:1px dotted #bdbdbd; color:#585858;
}
#dscrptnbdrm span {
    font-size:12px;
    color:#B40431;font-weight:500; font-family:arial,Times New Roman;
    }

#dscrptnbdrm img{
    border:1px solid #bdbdbd;
    webkit-border-radius:3px; moz-border-radius:3px; border-radius:3px;
    position:relative; bottom:0px;
    float:left;
    margin:10px 0 2px 25px;
}
.bedrmtext {float:right; width:70%;}
.bedrmtext h3{text-transform:uppercase;font-weight: normal; font-size:12px;}

#intohoteldescpics {
    position:relative;
    margin-top:20px;
    margin-bottom:10px;
    padding:10px;
    width:827px;
    border:1px solid #bdbdbd;
    webkit-border-radius:3px; moz-border-radius:3px; border-radius:3px;
    }

#intohoteldescpics img {border:1px solid #eee;}

*/
/* CONTENT */

    #content {
	color:#575757; background-color:#eee;
	}
    #content p {
	padding:10px 20px; font-size:16px; width:960px; margin:0 auto;
	}
    #content p a {
	text-decoration:none; color:#CD2B3A;
	}
    #content p a:hover {
	text-decoration:underline; color:#7F000C;
	}
    
    #pols{
	position:relative;
	font-family: 'open sans light',segoe ui, sans-serif;
	min-height:auto; width:70%; margin:8% 15%;
	color:#424242; padding:30px; font-size:1em;
	}
    #pols h1{
	font-size:1.2em; text-transform: uppercase;letter-spacing: 1px;
	}
    #pols h2{
	font-size:1.2em; text-transform: uppercase;margin-top:20px;letter-spacing: 1px;
	}
    #pols p{
	 text-align: justify;
	}
    #pols span {font-weight: bold; font-style: italic;}
	

/* ----------------------  F O O T E R ------------------------*/
footer {
    float:left; position:relative;
	height:230px; font-size:0.8em;
	width: 100%; 
    background:#d8d8d8; letter-spacing: 1px; text-transform: uppercase;
    margin:auto; 
}
 
footer h2{
	text-align:center; font-size:0.9em; margin-top:60px; width:100%; text-transform: none; font-weight: lighter;
}

footer h2 span{
	font-weight:bold; color:#00BFFF;
}
footer ul{ position:relative; top:10%; left:5%; width:90%;height:50px; }
footer ul li {list-style: none; display: inline; float:left; margin-right:40px; width:auto; height:20px;}
footer a {text-decoration:none;text-align:center;}
footer a:hover {color:#00BFFF;}
.logolb{
	width:100%; height:70px;margin-top:20px;
	text-align:center;
	
}

#bb a{color:#0040FF;}
#cb a{color:#0080FF;}
#db a{color:#2E9AFE;}

#whatis{
    font-family:open sans light,segoe ui; font-weight: lighter;
    }

#whatis a{
    text-decoration: none;
    color:#01779E;
    }
#checkpoints button{
    color:#fff; border:0px; height:auto;  cursor:pointer;
    background:#2E9AFE; padding:7px;
    webkit-border-radius:5px; moz-border-radius:5px; border-radius:5px;
    }
#checkpoints button:hover{
    background:#0080FF;
}

#checkpoints a {
    
    font-size:0.7em;
    }


#tt a{
    color:#0040FF;
}
#fb a{
    color:#0040FF;
}
.PBPBox button{
		width:180px; height:50px; top:0px;
		border:0px; cursor: pointer;
		background:transparent url('../../images/ButtonPartnerBestPrice-01.png')no-repeat left top;
	}
.PBPBox button a{
		padding:20px; text-decoration: none; color:#585858;
	}
.PBPBox p{
		position:absolute; right:25%;top:6%;
		color: #2e2e2e; font-family:inherit; font-size: 1em;line-height: 1.4em; padding:8px; 
	}
.formReq{ 
    color:#585858;
    padding:10px;
	font-family: segoe ui, sans-serif;
    background:#FFF;
    width:70%; height:auto;
    position:relative;
    margin: 8% 15%;
}

.fi {
    width:50%;
}
.formReq h1{
    text-align:center; 
    font-size:1.6em;
    padding-bottom: 5px;
    margin-bottom: 10px;
    
}
.formReq ul{
    list-style:none; width:auto;margin:5% 15%;
}
.formReq li {
    width:75%; height: 35px; font-weight:lighter;
    }
.formReq input,select{
    float:right; color:#585858;
    width:160px; font-family:century gothic, sans-serif;
    margin:0px 10px;
    border:1px solid #eee;
    padding:5px; font-weight:bold;
    font-size:0.9em; 
    }
.formReq p{
    
}
.formReq label{
    font-size:1.2em; float:left;
    margin-left:-5px;
    }
.formReq span{
    font-size: 11px; font-style:italic; color:#d8d8d8;margin-left:115px;
}
.formReq button{
    position:relative;
    left:640px; top:0px;
    color:#fff; border:1px solid #fff; padding:8px; height:auto; min-width:160px; cursor:pointer;
    background:#2E9AFE; font-size:1.4em;
    webkit-border-radius:5px; moz-border-radius:5px; border-radius:5px;
}
.formresponse {
    padding:20px;
}

#ContMovilView{
	display:none;
}
/*//////////////////////RESPONSIVE DESIGN/////////////////////////////////*/

/*Ipad landscape and smaller monitor*/
@media screen and (max-width:1024px) and (max-height:768px){
	#ContMovilView{
		display:none;
	}
	.box-l{
			font-size: 0.9em; max-width:35%;
	}
	.logo {
		left:20px;
	}
	#menu {
		font-size:0.9em; left: 25%; width:75%;
	}
	#CallCenResrv p{
		font-size: 1.2em; padding-top:10px;
	}
	

}

/*Ipad portrait*/
@media screen and (min-width:768px) and (min-height:1024px){
	#ContMovilView{
		display:none;
	}
	.box-l{
		font-size: 0.9em; max-width:40%;
	}
	.logo {
		left:20px;
    
	}
	#menu {
		font-size:0.9em; left: 23%; width:60%;
	}
	#CallCenResrv{
		top:61%;
				}
	#CallCenResrv p{
		font-size: 1.2em; padding-top:10px;
	}
	footer {
			font-size:0.6em;
			letter-spacing: 0px; 
	}
	footer ul{
			left:0px;width:100%;
	}
	footer ul li {
			list-style: none; display: inline; float:left;
			margin-right:10px;
			
	}
}

/*iphone3-4-5 portrait and landscape*/
@media screen and (min-width:320px) and (max-width:800px) and (min-height:320px) and (max-height:800px){
	.logo,header, footer,#ContMonitorView{
		display: none;
	}
	#ContMovilView{
		display:inline;
		position:absolute;
		background:#fff;
		height:100%;
		width:100%;
		margin:0px; padding:0px;
	}
	#win1,#win2,#win3{
		position:absolute;
		width:100%;
		height:100%;
		margin:0px; padding:0px;
	}
	#win1{
		background:#E0ECF8 url('../../images/logos/LinkBenefitsLogo4-New.png')no-repeat center 10px;
		background-size: 75px 75px;
	}
	#win1 h1{
		margin-top:100px;text-align:center;
		font-size:1.7em; 
		padding:20px;
		font-weight:lighter;
	}
	#win2{
		background: #F7F8E0 url('../../images/logos/LinkBenefitsLogo4-New.png')no-repeat center 10px;
		background-size: 75px 75px;
	}
	#win3{
		background: #848484 url('../../images/logos/LinkBenefitsLogo4-New.png')no-repeat center 10px;
		background-size: 75px 75px;
	}
	
	.linkpoints, .linkhotelist, .linkpbp{
		width:100%;
		text-align:left;
		line-height:60px;
	}
	.linkpoints{
		background:#CEE3F6;
		
	}
	.linkhotelist{
		background:#A9D0F5 url('../../images/rigarrow.png')no-repeat right center;
	}
	.linkpbp{
		background:#81BEF7;
	}
	.linkabout{
		background:#58ACFA;
	}
	.mbottom{
		background:#FE9A2E;
		 width:100%;
		
		min-height:100px;
		
	}
	.mbottom img{
		margin:1% 33%;	
	}
	.mbottom a{
		font-family: "arial narrow", sans-serif; 
		font-weight:bold;text-transform:uppercase; text-align: center; 
		font-size:0.4em; text-decoration:none; color:#1c1c1c;
	}
	.mbottom ul{
		width:100%;
		list-style:none; margin:0px; padding:0px;
	}
	.mbottom ul li{
		height:0.8em; width:auto; margin:8px; float:left;
	}
	.linkpoints a, .linkhotelist a, .linkpbp a{
		padding: 35px;
		font-weight:bold; font-size: 1em; 
		color:#0B3861; cursor:pointer; text-decoration:none;
	}
	
	#mBack, #mBackl{
		position:relative; float:left;
		height:50px; width:50px; margin:10px 0px; 
		background:transparent url("../../images/prev-left2.png")no-repeat 0px 0px;
		background-size:40px 40px;
	
	}
	#movlistbox,#movpbpbox{
		position:absolute; 
		padding:0px; overflow: none;
		margin-top:100px;left:0px;
	}
	#movlistbox h2{
			padding:15px; font-size:1.3em; font-weight:lighter;
	}
	#movlistbox ul {
		min-height:80px;
		
	}
	#movlistbox ul li{
		 list-style:none; 
	}
	#movlistbox ul li a{
		text-decoration:none; font-size:0.9em; font-weight: bolder; letter-spacing: 1px;
		color: #424242; 
	}
	#movpbpbox{
		background:#848484 url("../../images/partner-best-price-logo.png")no-repeat top center;
		background-size:300px 130px;
		height:100%;
		color:#fff;
	}
	#movpbpbox h1{
		margin-top:130px; text-align:center;
		font-size:1.7em; 
		padding:20px;
		font-weight:lighter;
	}
	#movpbpbox a{
		text-decoration:none; font-size:1.2em; font-weight: bolder; letter-spacing: 1px;
	}