/* ================> GLOBALS <================ */

*{
      margin:0;
      padding:0;
      list-style:none;
      font-family:arial,tahoma;
}

body{
      background-image:url("../img/bg.jpg");
      background-repeat:repeat-y;
      background-position:top center;
      background-color:#bbe18a;
}

a img{
   border:0;
}

/* ================> CONTAINER <================ */

#container{
      position:relative;
      margin:0 auto;
      width:961px;
      background-color:#fff;
}

/* ================> HEADER <================ */

#header{
      background-image:url("../img/headerbg.jpg");
      height:226px;
      background-color:#fff;
      background-position:top right;
      background-repeat:repeat-y;
      position:relative
}

#topmenu{
      position:absolute;
      right:20px;
      top:20px;
}

#topmenu li{
      float:left;
      font-size:10px;
      color:#fff;
}

#topmenu li a{
      color:#e8e8e8;
      text-transform:uppercase;
      font-size:10px;
      margin:0 10px;
      text-decoration:none;
      border-bottom:1px solid #c4c4c4;
}

#topmenu a:hover{
   color:#fff;
}

#topmenu #info span{
   border:1px solid #000;
   display:inline-block;
   margin:0 10px;
   margin-top:-7px;
}

#topmenu #info span a{
      background-image:url("../img/btnbg.jpg");
      height:18px;
      border-radius:2px;
      margin:0;
      line-height:18px;
      border:0;
      text-shadow:1px 1px 1px #222;
      -moz-shadow:1px 1px 1px #222;
      padding:4px 5px;
      display:inline-block;
      font-size:10px;
}

#topmenu #info span a:active{
   background:#693;
}

#callnumber{
      position:absolute;
      bottom:76px;
      right:50px;
}

/* ================> MENU <================ */

#menu{
   position:absolute;
   width:100%;
   bottom:36px;
   height:30px;
   background-image:url("../img/menubg.jpg");
   -webkit-box-shadow:0 0 4px #555;
   -moz-box-shadow:0 0 4px #555;
}

#menu ul{
   position:relative;
}

#menu li{
   background-image:url("../img/menubg.jpg");
   float:left;
   border-right:1px solid #333;
   border-left:1px solid #777;
}

#menu li:hover{
   background-image:url("../img/menuhoverbg.jpg");   
   border-left-color:#888;
}

#menu li:hover a{
   color:#fff;
}

#menu li a{
   color:#ccc;
   text-decoration:none;
   line-height:30px;
   font-size:12px;
   padding:0 8px;
   text-shadow:0 0 1px #000;
   -moz-text-shadow:0 0 1px #000;
   text-transform:uppercase;
   height:30px;
   display:block;
}

#menu li ul{
   position:absolute;
   left:0;
   width:961px;
   height:36px;
   background-image:url("../img/submenu.jpg");
   border-bottom:1px solid #c9c9c9;
   display:none;
}

#menu li li{
   height:36px;
   background:none;
   border-color:#c9c9c9;
}

#menu li.active{
   background-image:url("../img/menuhoverbg.jpg");
}

#menu li.active a{
   color:#fff;
}

#menu li.active ul{
   display:block;
}

#menu li li.active{
   background-image:url("../img/submenuhover.jpg");
   border-color:#888;
}

#menu li.active li a{
   color:#555;
}

#menu li li:hover{
   background-image:url("../img/submenuhover.jpg");
   border-right-color:#888;
}

#menu li li a{
   line-height:40px;
   padding:0 13px;
   color:#555;
   text-shadow:1px 1px 1px #e8e8e8;
   -moz-text-shadow:1px 1px 1px #e8e8e8;
   font-weight:bold;
   height:36px;
   display:block;
}

#menu li:hover li a{
   color:#555;
}

#menu #lang{
   border-right:0;
   width:30px;
}

#menu #lang a{   
   background-repeat:no-repeat;
   background-position:5px center;
}

/* ================> FOOTER <================ */

#logos{
   height:90px;
   background-image:url("../img/logosbg.jpg");
   background-repeat:repeat-x;
   background-color:#e8e8e8;
   text-align:center;
   clear:both;
}

#logos h4{
   font-size:11px;
   text-align:left;
   padding:5px 0;
   text-indent:20px;
}

#logos ul{
   display:inline-block;
   height:60px;
}

#logos li{
   float:left;
   margin:0 15px;
}

#logos a{
   background-image:url("../img/bottomlogos.png");
   background-repeat:no-repeat;
   display:block;
   height:60px;
   cursor:default;
}

#logos #hertz{
   width:90px;
   background-position:0 center;
}

#logos #aless{
   width:60px;
   background-position:-128px center;
}

#logos #europamundo{
   width:175px;
   background-position:-228px center;
}

#logos #taca{
   width:110px;
   background-position:-448px center;
}

#logos #ise{
   width:50px;
   background-position:-595px center;
}

#logos #politours{
   width:159px;
   background-position:-684px center;
}

#logos #ef{
   width:48px;
   background-position:-880px center;
}

#footer {
   height:30px;
   background-image:url("../img/menubg.jpg");   
   padding:0 10px;
}

#footer p{
   color:#fff;
   font-size:11px;
   text-align:right;
   line-height:30px;
}

#navmenu{
    margin-left:13px;
    overflow:hidden;
    float:left;
    border:1px solid #bbb;
}

#navmenu li.last a{
    border-right:0;
}

#navmenu li{
    float:left;
}

#navmenu a{
    background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background-color: #f4f4f4; /* fallback color */
    text-decoration:none;
    display:block;
    padding:7px 15px;
    font-size:14px;
    color:#248;
    border-right:1px solid #ccc;
    text-shadow:0 0 1px #fff;
    outline:none;
}

#navmenu li a:active{
    background-image: -moz-linear-gradient(100% 100% 90deg, #eee, #fff);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
}

#navmenu a.active{
    background:#48a;
    background-image: -moz-linear-gradient(100% 100% 90deg, #5c9fca, #1576a9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c9fca), to(#1576a9));
    color:#fff;
    text-shadow:0 0 1px #248;
}

/* ==============> Image Fades on package page and others <==================*/
#slideshow{
    height:320px;
}

#slideshow img{
    -webkit-box-shadow:#888 0 0 4px 1px;
    -moz-box-shadow:#888 0 0 4px 1px;
}

/*==============> Contact form <===========================*/
#contactform{
    width:100%;
    display:block;
    clear:both;
    float:none;
    
}

#poll p{
    position:relative;
}

#poll span.poll_bar{
    position:absolute;
    left:80px;
    top:10px;
}

/*==============> Errores de validacion formulario <================*/

#contactform label.error{
    color:#900;
    display:block;
    clear:both;
    height:20px;
    font-size:12px;
    width:100%;
    margin-bottom:10px;
    float:none;
}

#contactform input.error{
    border-color:#900 !important;
    outline:none;
}

#contactform textarea{
    background:#fff;
}

#container #contactform input[type="text"],#container #contactform input[type="password"],#container #contactform select,#container #contactform textarea{
    padding-left:0;
    padding-right:0;
}

/*====================> POLL <========================*/

span.poll_bar{
    background:#c00; 
    background-image: -moz-linear-gradient(100% 100% 90deg, #e00, #a00);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e00), to(#a00));
    height:10px;
    line-height:20px;
    display:inline-block;
    margin-left:20px;
    font-size:9px;
}

span.poll_bar_value{
    font-size:9px;
}

/*===========FORM AND GENERAL LAYOUT =============*/

form label {
    font-weight:bold;
    width:140px;
    float:left;
    display:block;
}
form p {
    clear: both;
}
fieldset {
    padding:10px;
}
#body p {
    margin:10px 0;
    font-size:13px;
    line-height:22px;
}
form legend {
    font-weight:bold;
    font-size:1.4em;
}

h1{
	font-size:22px;
	color:#48a;
	border-bottom: 2px solid;
	text-transform: uppercase;
	text-shadow:1px 0 #eef, 0 1px #55a;
}
h1 span{
	color:#48a;
}
#body h2 {
    margin:15px 0;
    font-size: 20px;
    font-weight:bold;
}
#body h3 {
	margin:15px 0;
	font-size: 17px;
	font-weight:bold;
	color:#000;
	text-transform: uppercase;
	text-shadow:1px 0 #fff, 0 1px #000;
	margin-bottom:4px;
}
#body a {
    color:#3EA700;
    font-weight:bold;
    text-decoration:underline;
}
#body a:hover {
    text-decoration:none;
}
#body li {
    list-style: circle;
    margin-left:10px;
    font-size:13px;
}
#body ul {
    margin-left:20px;
}
#mail_send_title{
    margin-top:350px;
    color:#090;
    background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    padding:20px;
    border:1px solid #ccc;
}

#cse-search-box{
	position:absolute;
	top:15px;
	right:340px;
}

#cse-search-box input[type="submit"]{
	padding:2px;
}

#cse-search-box input[type="text"]{
	width:200px;
	border:1px solid #ccc;
	padding:2px 3px;
}


