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

body{
  margin:0;
  padding:0;
  background:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#787878;
  line-height:15px;
}

.complaints{
  font-size:16px;
}


#header{
  width:100%;
/*  background:url(../img/background-header.jpg) repeat-x top;*/
  height:161px;
}
  
  #follow-us-container{
    background:url(../img/background-follow-us.jpg) repeat-x top;
	height:29px;
  }
  #follow-us{
    margin:0 auto;
    width:996px;
    color:#FFFFFF;
    font-size:11px;
	text-align:right;
  }
      #idioma{
	    color:#8bd400;
		font-style:italic;
		font-weight:bold;
	  }
	  a{
	    color:#FFFFFF;
	  }
	  a:hover{
	    color:#FFFFFF;
	  }
  
  #logo-container{
    background:url(../img/background-logo.jpg) repeat-x top;
	height:104px;
  }
  #logo{
    margin:0 auto;
    width:996px;
  }
  #logo-national{
    margin-top:18px;
    width:250px;
	float:left;  
  }
  #slogan{
    margin-top:27px;
    //margin-top:17px;
    width:360px;
	padding-right:30px;
	float:right;
  }
	  .slogan-parte-1{
		color:#8bd400;
		font-size:29px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:25px;
		//line-height:35px;
	  }
	  .slogan-parte-2{
		color:#FFFFFF;
		font-size:25px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:25px;
		//line-height:31px;
	  }
  
  #menu-container{
    background:url(../img/background-menu.jpg) repeat-x top;
	height:28px;
  }
  #menu{
    margin:0 auto;
    width:996px;
	padding-top:6px;
	//padding-top:5px;
	height:28px;
	padding-left:0px;
  }
      #menu ul{
        list-style:none;
        list-style-image:none;
        list-style-type:none;
        display:inline;
		margin:0px;
		padding:0px;
		font-size:11px;
	  }
	  #menu li{
	    list-style:none;
	    list-style-image:none;
	    list-style-type:none;
	    display:inline;
	    padding-left:10px;
	  }
	  #menu li a{
	    color:#004813;
		text-decoration:none;
	  }
	  #menu li a:hover{
		text-decoration:underline;
	  }
  

#container{
  width:100%;
  height:100%;
}

	#wrapper{
	  margin:0 auto;
	  width:996px;
	}
	
	#wrapper-panel{
	  margin:0 auto;
	  width:996px;
	  overflow:hidden;
	}
	.title-header-section{
	  font-size:25px;
	}	
		#panel-left{
		  background-color:#FFFFFF;
		  float:left;
		  width:315px;
		  position:relative;
		}
			#panel-reservations{
			  min-height:300px;
			}
              #title-reservations{
			    width:100%;
			    height:37px;
				//padding-bottom:10px;
			  }
			      #title-header-left-top-corner{
				    background:url(../img/header-left-top-corner-reservations.jpg) no-repeat top left;
					width:25px;
					height:37px;
					float:left;
				  }
				  #title-header-fill{
					background:url(../img/header-fill-top-reservations.jpg) repeat-x top left;
					width:265px;
					height:37px;
					float:left;
				  }
				    #title-header-table-reservations{
				      height:27px;
  					  padding-top:12px;
					  color:#FFFFFF;
					  font-weight:bold;
				 	  margin-left:5px;
					  font-size:15px;
				    }
			      #title-header-right-top-corner{
				    background:url(../img/header-right-top-corner-reservations.jpg) no-repeat top right;
					width:25px;
					height:37px;
					float:right;
				  }
              #body-panel-reservations{
				/*background:url(../img/body-panel-reservations.jpg) no-repeat;*/
				/*height:428px;*/
			 	padding-left:10px;
			  }
				  #body-panel-reservations table{
				    font-size:11px;
				  }
				  #body-panel-reservations .sltMenu{
				    font-size:12px;
				    color:#535D63;
				    height:20px;
				    border:1px solid #D9D9D9;
				  }
				  #body-panel-reservations input[type="text"]{
				    font-size:12px;
				    color:#535D63;
				    height:17px;
				    border:1px solid #D9D9D9;
				  }
				  #pick-up-panel{
				    width:290px;
				    padding-left:10px;
					padding-bottom:5px;
					padding-top:10px;
					//padding-top:5px;
				  }
				  #drop-off-panel, #promotional-code-panel, #car-class-panel, #promotional-code-panel{
				    width:290px;
				    padding-left:10px;
					padding-bottom:5px;
				  }
				  .title-section{
				    font-size:13px;
					font-weight:bold;
				  }
		      #body-panel-reservations-footer{
				/*background:url(../img/body-panel-reservations-footer-image.jpg) no-repeat bottom;
				width:296px;
				height:53px;*/
			    width:100%;
			    height:37px;
				//padding-bottom:10px;
			  }
			      #footer-left-top-corner{
				    background:url(../img/footer-left-top-corner-reservations.jpg) no-repeat top left;
					width:25px;
					height:37px;
					float:left;
				  }
				  #footer-fill{
					background:url(../img/footer-fill-reservations.jpg) repeat-x top left;
					width:265px;
					height:37px;
					float:left;
				  }
			      #footer-right-top-corner{
				    background:url(../img/footer-right-top-corner-reservations.jpg) no-repeat top right;
					width:25px;
					height:37px;
					float:right;
				  }
				  #container-forma-complaints{
				    left:32px;
					top:13px;
					width:280px;
					position:relative;
				  }
				  #email-text{
				    float:left;
				  }
				  #email-text-box{
				    float:left;
				  }
				  .txtinput{
				    border:#d9d9d9 1px solid;
					width:148px;
					height:22px;
					//line-height:20px;
                    font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#333333;
					padding:0px 10px 0 10px;
				  }

				  .textareatxt{
					border:1px solid #D9D9D9;
					width:236px;
					height:70px;
					line-height:16px;
                    font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#333333;
				  }
		
		#panel-right{
		  float:right;
		  /*width:633px;*/
		  width:640px;
		  position:relative;
		  //padding-top:20px;
		}
		
		    #header-table-rates{
			  background:url(../img/header-table-rates.jpg) no-repeat;
			  width:667px;
			  height:36px;
			}
		    #header-table-our-car-fleet{
			  background:url(../img/header-table-our-car-fleet.jpg) no-repeat;
			  width:667px;
			  height:36px;
			}
			  #title-header-table-rates, #title-header-table-our-car-fleet{
			    padding-top:10px;
				color:#FFFFFF;
				font-weight:bold;
				margin-left:20px;
				font-size:15px;
			  }
			  
			  #ribbon{
			    width:618px;
				float:right;
				height:8px;
				margin-top:10px;
			  }
			    #ribbon-city {
				  padding-left:10px;
				  padding-right:10px;
				  background:#FFFFFF;
				  font-size:18px;
				  font-weight:bold;
				  color:#008542;
				  height:20px;
				  float:right;
				  margin-top:-6px;
				}
			    #ribbon-right{
				  background:#8bd400;
				  height:8px;
				  width:30px;
				  float:right;
				}
				#ribbon-white{
				  width:30px;
				  height:8px;
				  background:#ffffff;
				  float:right;				  
				}
			  
			#fill-table-rates{
			  background:url(../img/background-table-rates.jpg) repeat-y;
			  width:667px;
			}
			#fill-table-our-car-fleet{
			  background:url(../img/background-table-rates.jpg) repeat-y;
			  width:667px;
			}
			  #panel-cities{
			    left:15px;
				top:5px;
			    font-size:12px;
				width:640px;
				/*border:#FF0000 1px solid;*/
				position:relative;
			  }
			    .linkcities{
				  color:#797979;
				}
				#panel-cities a:hover{
				  color:#008542;
				  font-style:italic;
				  font-weight:bold;
				}
			  #panel-cars{
			    left:153px;
				top:46px;
			    font-size:12px;
				width:120px;
				border:#FF0000 1px solid;
				position:absolute;
			  }	
			#fill-table-rates-locations{
			  background:url(../img/background-table-rates-locations.jpg) repeat-y;
			  width:667px;
			}
			#border-bottom-table-rates{
			  background:url(../img/border-bottom-table-rates.jpg) no-repeat;
			  width:667px;
			  height:22px;
			}
			#border-bottom-table-our-car-fleet{
			  background:url(../img/border-bottom-table-rates.jpg) no-repeat;
			  width:667px;
			  height:22px;
			}
			#locations-mexico{
			  background:url(../img/map-mexico.jpg) no-repeat center top;
			  /*width:670px;
			  height:405px;*/
			  width:633px;
			  height:332px;
			  position:absolute;
			}
			#location-data{
			  width:667px;
			  clear:both;
			}
			  #location-logo{
			    float:left;
				width:230px;
			  }
			  #location-address{
			    float:right;
				width:420px;
				padding-top:30px;
			  }
			  .location-tittle{
			    color:#008542;
				font-weight:bold;
			  }
			
		
			.zoneDivHide {
			  background-repeat:no-repeat;
			  position:absolute;
			  visibility:hidden;
			}
			
			.zoneDivVis {
			  background-repeat:no-repeat;
			  position:absolute;
			  visibility:visible;
			  cursor:pointer;
			}
		
		
	#text-locations{
	  margin:0 auto;
	  width:996px;
  	  font-size:10px;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  text-align:justify;
	  overflow:hidden;
	}
	  #text-bold{
	    color:#008542;
		font-weight:bold;
	  }


#footer-container{
  width:100%;
  height:100%;
}

.footer-left{
  background:url(../img/background-footer-left.jpg) repeat-x top;
}

.footer {
  width:996px;
  height:337px;
  background:url(../img/background-footer.jpg) no-repeat top left;
  vertical-align:bottom;
}
    #phone-and-logo{
	  height:80px;
	}
      #phone{
	    padding-top:3px;
		text-align:right;
		color:#8bd400;
		width:805px;
		font-weight:bold;
		font-size:11px;
	    float:left;
	  }
	  #footer-logo{
		padding-top:15px;
		padding-right:50px;
	    float:right;
	  }

	
	#footer-menu{
	  height:30px;
	}
	#footer-menu-left{
	  padding-left:20px;
	  float:left;
	}
      #footer-menu-left ul{
        list-style:none;
        list-style-image:none;
        list-style-type:none;
        display:inline;
		margin:0px;
		padding:0px;
		font-size:11px;
	  }
	  #footer-menu-left li{
	    list-style:none;
	    list-style-image:none;
	    list-style-type:none;
	    display:inline;
	    padding-left:5px;
	  }
	  #footer-menu-left li a{
	    color:#004813;
		text-decoration:none;
	  }
	  #footer-menu-left li a:hover{
		text-decoration:underline;
	  }
	#footer-menu-right{
	  float:right;
      color:#FFFFFF;
      font-size:11px;
	  text-align:right;
	  padding-right:40px;
    }

.footer-right{
  background:url(../img/background-footer-right.jpg) repeat-x top;
}

input{
  border:none;
}


#toTop{
  width:100px;
  z-index: 10;
  border: 1px solid #333; 
/*  background:#121212; */
  text-align:center; 
  padding:5px; 
  position:fixed; 
  bottom:0px; 
  right:0px; 
  cursor:pointer; 
  display:none; 
  color:#fff; 
  font-weight:bold;
  text-transform: lowercase; 
  font-size: 0.9em;
  background:url(../img/background-back-to-top.jpg) repeat-x top left;
}

a.link-more{
  color:#008542;
  font-weight:bold;
  text-decoration:none;
}

a:hover.link-more{
  color:#8bd400;  
  font-weight:bold;
  text-decoration:underline;
}

a.normal_link{
  color:#787878; 
  text-decoration:none;
}

a:hover.normal_link{
  color:#008542; 
  text-decoration:underline;
}


#banner_agencies_hotels{
  width:250px;
  height:272px;
  background:url(../img/banner-business-center.jpg) no-repeat;
  float:left;
  display:block;
}

#banner_agencias_hoteles{
  width:250px;
  height:272px;
  background:url(../img/banner-centro-de-negocios.jpg) no-repeat;
  float:left;
}

#ligas_business_center a{
  color:#999999;
  text-decoration:none;
}

#ligas_business_center a:hover{
  text-decoration:underline;
  font-weight:bold;
  color:#999999;
}

#rates_per_car_class{
  background:url(../img/background-rates.jpg) no-repeat;
  width:357px;
  height:301px;
  float:left;
}

#banner_promotion_20off{
  float:right;
}

#banner_promotion_pago_en_linea{
  float:right;
}

#banner_promotion_premium_car{
  float:right;
}

#banner_attend_10{
  float:left;
}