html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
gborder-collapse: collapse;
gborder-spacing: 0;
}
a img {
border:none
}
html{
background:#4D4D4D;
}
html, body {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
display:block;
}
body {
color:#535355;
font-family: 'Lato', sans-serif;
font-size: 12px;
line-height:normal;
text-align: left;
}
h1, h2, h3, h5, h5, h6 {
font-weight:400;
font-family: 'Lato', sans-serif;
}
input, textarea, select{
color:#535355;
font-family: 'Lato', sans-serif;
font-size: 11px;
line-height:normal;
text-align: left;
padding:0;
}
a:link, a:visited {
text-decoration: none;
color: #535355;
}
a:hover {
text-decoration: none;
color:#535355;
}
.hidden{ display:none;}
body{ background:#fff; }
#wrapper{ width:100%; height:auto; gposition:absolute;}
#wrapper_top{ width:100%; height:auto;}
/*
#wrapper_top.es{ background:url(../img/beta_es.png) no-repeat left top;}
#wrapper_top.ca{ background:url(../img/beta_ca.png) no-repeat left top;}
#wrapper_top.en{ background:url(../img/beta_en.png) no-repeat left top;}
#wrapper_top.fr{ background:url(../img/beta_fr.png) no-repeat left top;}
*/
#top{ display:table; margin:auto; width:980px; height:110px; background-color:#fff;}
#top_logo{ float:left; width:340px; height:110px; background-color:#fff;}
.logo{ float:left; margin:30px 40px 0px 0px;}
#top #menu{ display:table; width:640px; margin:0 auto; background-color:#fff; position:relative;}
.menuLang{ display:table; width:auto; position:absolute; top:28px; right:0;}
.menuLang li{ float:left; font-size:10px; color:#c1c1c1;}
.menuLang li.telf{ font-size:15px; color:#f7a800; font-weight:700; position:relative; top:-5px; left:-15px;}
.menuLang li a{ font-size:10px; color:#c1c1c1; padding:0 4px;}
.menuLang li a:hover, .menuLang li a.act{ color:#535355;}
.menuPpal{ display:table; width:585px; z-index:2; font-family: 'Lato', sans-serif; font-size:13px; position:absolute; top:65px; right:65px; }
.menuPpal li{ float:left; text-align:center; margin-top:2px; }
.menuPpal li a{ display:block; color:#757577; height:30px; padding-top:3px;}
.menuPpal li a:hover{ color:#fff }
.menuPpal li.act a{ color:#fff;}
.menuPpal li.xl a{ width:140px;}
.menuPpal li.l2 a{ width:120px;}
.menuPpal li.l a{ width:112px;}
.menuPpal li.m a{ width:82px; }
.menuPpal li.s a{ width:72px; }
.menuPpal li.xs a{ width:62px; }
.menuPpal li.xl.act a, .menuPpal li.xl a:hover{ background:url(../img/t_bg_xl.png) no-repeat top center; }
.menuPpal li.l2.act a, .menuPpal li.l2 a:hover{ background:url(../img/t_bg_l2.png) no-repeat top center; }
.menuPpal li.l.act a, .menuPpal li.l a:hover{ background:url(../img/t_bg_l.png) no-repeat top center; }
.menuPpal li.m.act a, .menuPpal li.m a:hover{ background:url(../img/t_bg_m.png) no-repeat top center; }
.menuPpal li.s.act a, .menuPpal li.s a:hover{ background:url(../img/t_bg_s.png) no-repeat top center; }
.menuPpal li.xs.act a, .menuPpal li.xs a:hover{ background:url(../img/t_bg_xs.png) no-repeat top center; }
.menuIcon{ display:table; width:65px; z-index:2; padding-bottom:5px; position:absolute; top:57px; right:0; }
.menuIcon li{ float:right; padding-left:5px; margin-top:3px;}
.menuIcon li a{ display:block; height:32px;}
#top .hr{ width:637px; border-bottom:1px solid #bababb; border-top:1px solid #ededee; position:absolute; top:97px; right:3px; z-index:10;}
#cont{ width:1200px; margin:0 auto;background:url(../img/skyline.png)no-repeat center bottom; position:relative; margin-top:20px;}
#cont.form{ gmargin-top:30px;}
#cont.home{ height:350px;}
#tab_llegar {display: table; margin:0 auto; z-index:2; width:1200px; padding-bottom:20px;}
#tab_llegar img{ display:block; margin:0 auto;}
#tab_llegar p { position:relative; top:-20px; font-family: 'Lato', sans-serif; font-size:16px; line-height:24px; color:#535355; text-align:center; margin-bottom:10px;}
#tab_llegar h2 {font-size:20px; font-weight:700; color:#f7a800;}
#tab_llegar p span{ color:#f7b428; font-weight:700; margin-right:5px;}
#tab_llegar a:hover{ color:#000;}
#cont .gps_home{ width:959px; height:410px; background:url(../img/carr_gpsmirall.png)no-repeat center center; position:absolute; top:20px; left:122px; z-index:10;}
#cont #mycarousel{ width:475px; height:267px; margin:0 auto; position:absolute; top:86px; left:12px; background:#transparent;}
#cont #mycarousel li{ width:475px; height:267px; position:relative; }
#cont #mycarousel .jcarousel-clip{ width:475px; height:267px; overflow:hidden;}
#cont #mycarousel .controls{ position:absolute; bottom:-32px; /*left:210px;*/ width:auto !important; margin:0 auto; z-index:10; cursor:pointer; }
#cont #mycarousel .controls a{ display:block; float:left; width:18px; height:19px; cursor:pointer;
background:url(../img/carr_boto.png)no-repeat center top; margin-right:4px;margin-left:4px;}
#cont #mycarousel .controls a:hover, #cont #mycarousel .controls a.act,
#cont #mycarousel .controls a.selected{ background-position: center bottom; }
#cont #mycarousel .jcarousel-prev,
#cont #mycarousel .jcarousel-next{ position:absolute; width:18px; height:19px; z-index:10; cursor:pointer; bottom:-32px;}
#cont #mycarousel .jcarousel-prev{ background:url(../img/carr_arrow_left.png)no-repeat left top; left:185px;}
#cont #mycarousel .jcarousel-next{ background:url(../img/carr_arrow_right.png)no-repeat left top; right:165px;}
#cont.home h2{ width:100%; font-size:44px; color:#535355; position:absolute; bottom:-135px; text-align:center; display:none;}
#cont.home h2#t1{ display:block;}
#gps{width:472px; height:200px;margin:0 auto; position:relative;}
#gps .gps_tab{ width:472px; height:250px; background:url(../img/carr_gpsmirall_tab.png)no-repeat center center; position:absolute; z-index:10;}
#gps #mycarousel{width:290px; height:165px; margin:0 auto; position:absolute; top:39px; background:#8A8A8A; left:0;}
#gps #mycarousel li{ width:290px; height:165px; position:relative; }
#gps #mycarousel .jcarousel-clip{ width:290px; height:163px; overflow:hidden;}
#gps #mycarousel .controls{ position:absolute; bottom:-19px; left:120px; width:auto !important; z-index:10; cursor:pointer; }
#gps #mycarousel .controls a{ display:block; float:left; width:14px; height:14px; cursor:pointer;
background:url(../img/carr_boto_tab.png)no-repeat left top; margin-right:2px;margin-left:2px;}
#gps #mycarousel .controls a:hover, #gps #mycarousel .controls a.act,
#gps #mycarousel .controls a.selected{ background-position: left bottom; }
#gps #mycarousel .jcarousel-prev,
#gps #mycarousel .jcarousel-next{ position:absolute; z-index:10; cursor:pointer; bottom:-24px;}
#gps #mycarousel .jcarousel-prev{ background:url(../img/carr_arrow_left_tab.png)no-repeat left top; left:100px;}
#gps #mycarousel .jcarousel-next{ background:url(../img/carr_arrow_right_tab.png)no-repeat left top; right:93px;}
#gps h2{ width:100%; font-size:26px; color:#535355 !important; position:absolute; bottom:-85px; text-align:center; display:none;}
#gps h2#t1{ display:block;}
#carousel .carousel-wrapper {
width:840px;
margin: 0 auto;
position: relative;
}
#carousel .carousel {
position: relative;
overflow: hidden;
width: 840px;
height: 205px;
}
#carousel .carousel ul {
width: 20000em;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
}
#carousel .carousel li {
float: left;
width:840px;
}
#carousel .carousel-control-prev,
#carousel .carousel-control-next { display:block; position:absolute; top:80px; width:34px; height:35px;}
#carousel .carousel-control-prev { left:-70px; background: url(../img/carr_arrow_left.png) no-repeat left top;}
#carousel .carousel-control-next { right:-60px; background: url(../img/carr_arrow_right.png) no-repeat left top; }
#carousel .carousel-control-prev:hover,
#carousel .carousel-control-next:hover { background-position:left bottom;}
#bottom_home{ width:100%; margin:0 auto;background-color:#f7a800;padding-top:170px;}
#bottom_tab{ width:100%; margin:0 auto;background-color:#f7a800;padding-top:115px;}
#bottom_home #b_servs { display: table; margin:0 auto; width:1040px; height:240px; }
.menuServs{ display: table;float:left; font-family: 'Lato', sans-serif; font-size:13px; margin-left:10px; }
.menuServs li{ float:left; width:128px; text-align:center; cursor:pointer; }
#bottom_home .menuServs h2{ font-size:15px; font-weight: 700; color:#fff; padding:10px 0 5px 0;}
#bottom_home .menuServs p{ font-size:12px; padding:0 10px; padding-top:2px; color:#535355;}
#bottom_home .menuServs p span{ display:block; margin-top:3px; font-size:11px; font-style:italic; }
#bottom_home .menuServs p span a{ font-size:11px; text-decoration:underline;}
#bottom_home .menuServs p span a:hover{ color:#000;}
#bottom_home .hr{ margin:0 auto; width:980px; height:1px; border-bottom:1px solid #dd9a0e; margin-bottom:25px;}
.destacats{ display: table; margin:0 auto; width:1100px; background:url(../img/dest_bg.png) no-repeat center top; height:210px;}
.destacats.bg3{ display: table; margin:0 auto; width:1100px; background:url(../img/dest_bg3.png) no-repeat center top; height:210px;}
.destacats h2{ font-weight:700; color:#f7a800;font-size:16px; width:230px;}
.destacats p{ font-weight:400; font-size:12px; color:#535355; width:230px; margin-top:2px; }
.destacats p span{ display:block; margin-top:3px; font-size:11px; font-style:italic; }
.destacats p span a, .dest_info.left span a{ font-size:11px; text-decoration:underline; float:none;}
.destacats p span a:hover{ color:#000;}
.dest_info{ display: table; width:470px; height:130px; margin:20px 40px 20px 40px;}
.dest_info img{ padding:0 25px 0 25px;}
.dest_info.left,.dest_info.left h2,.dest_info.left p,.dest_info.left img,.dest_info.left a.img_iconL{ float:left}
.dest_info.right,.dest_info.right p,.dest_info.right h2,.dest_info.right img,.dest_info.right a.img_iconR{ float:right; text-align:right;}
.dest_info .img_iconL{ clear:right; padding:0; margin-right:160px;}
.dest_info .img_iconR{ clear:left; padding:0; margin-left:160px;}
.destacats.home h2{ float:left; font-size:20px; margin-bottom:5px; margin-top:10px;}
.destacats.home p{ float:left; text-align:left; line-height:18px;}
.destacats.home .dest_info.right{ margin-left:0;}
.destacats.home .dest_info.right, .destacats.home .dest_info.right p,.destacats.home .dest_info.right h2,
.destacats.home .dest_info.right img{ float:left; text-align:left;}
.destacats.home .dest_info.right p{ width:225px;}
.destacat1, .destacat0, .map{ gdisplay:table; margin:0 auto; width:940px; padding:20px 61px; }
.destacat1{ background:url(../img/dest_form1.png) no-repeat center top; height:491px;}
.destacat0{ background:url(../img/dest_form2.png) no-repeat center top; height:468px;}
.map{ background:url(../img/dest_form3.png) no-repeat center top; height:521px; width:960px; padding-left:50px; padding-right:50px;}
.map .more{ float:right; font-size:10px;}
.enlaces .destacats .dest_info.left h2, .enlaces .destacats .dest_info.right h2{ padding-top:10px;}
.enlaces .destacats .dest_info .img_iconL{ padding-top:20px; margin-right:135px;}
.enlaces .destacats .dest_info .img_iconR{ padding-top:20px; margin-left:135px;}
.enlaces .dest_info{ cursor:pointer;}
.enlaces .dest_info a { display:block; color:#e7e7e6; font-size:36px;}
.enlaces .dest_info a:hover, .enlaces .dest_info:hover a{ color:#d6d6d3;}
.tarifas .fb a{ display: table; margin:0 auto; width:1100px; height:120px; background:url(../img/dest_bg_fb.png) no-repeat center top; color:#eceff5; font-size:24px; font-weight:bold; text-transform:uppercase;}
.tarifas .fb a:hover{ opacity:0.9;}
.tarifas .fb a span{ display:block; margin:25px 80px; }
.tarifas .destacats .dest_info h2{ float:none; color:#f6a600; font-size:40px; line-height:30px; margin-left:40px; margin-top:20px;}
.tarifas .destacats .dest_info h2 span{ display:block; color:#535355; font-size:20px;}
.tarifas .destacats .dest_info.left p{ width:400px; color:#535355; font-size:14px; margin-left:40px; margin-top:10px;}
.tarifas .destacats .dest_info.right{ width:500px; margin-left:0;}
.tarifas .destacats .dest_info.right ul{ float:left; width:160px; margin-top:15px;}
.tarifas .destacats .dest_info.right ul img{ float:none; padding:0;}
.tarifas .destacats .dest_info.right ul li{ text-align:left; font-size:19px; margin:5px 25px;}
.tarifas .destacats .dest_info.right li.prix{ height:23px; margin-top:5px; color:#fff; font-size:15px; font-weight:bold; padding-left:8px;background:url(../img/prix1.png) no-repeat left top; float:left;}
.tarifas .destacats .dest_info.right li.prix span{ display:block; height:23px; padding:2px 10px 0 2px; width:auto; background:url(../img/prix2.png) no-repeat right top; }
.tarifas .otros{ position:relative; margin:0 auto; width:340px;}
.tarifas .otros a{ display:block; width:338px; height:51px; padding-top:5px; background:url(../img/t_bg_xxl.png) no-repeat left top; color:#fff; font-size:15px; font-weight:bold; text-align:center; text-transform:uppercase;}
.tarifas .otros a:hover{ opacity:0.8;}
.tarifas .otros a span{ color:#535355;}
.destacat0 .galeria{ width:940px; margin-top:30px; margin-left:10px;}
.destacat0 .galeria li{ float:left; margin-right:55px; margin-bottom:60px;}
.destacat0 .galeria li.last{ margin-right:0;}
/*
.precios .destacats{ background:url(../img/dest_bg2.png) no-repeat center top;}
.precios .destacats .dest_info.top{ background:url(../img/dest_prix01.png) no-repeat left top;}
.precios .destacats .dest_info.bot{ background:url(../img/dest_prix02.png) no-repeat left top;}
.precios .destacats .dest_info{ width:980px; text-align:right; height:167px; margin-top:0;}
.precios .destacats .dest_info p{ float:right;text-align:right;width:885px;padding-right:40px;}
.precios .destacats .dest_info h2{ float:right;text-align:right; width:980px;padding:30px 40px 0 0;font-weight:700;font-size:20px;}
.precios .destacats .dest_info ul {display:table; float:right;width:285px; height:50px; margin:10px 29px 0 0}
.precios .destacats .dest_info li{float:left; width:90px; height:35px;margin:0 5px 0 0;}
.precios .destacats .dest_info li.img_prix01{ background:url(../img/dest_prix50.png)no-repeat center top;}
.precios .destacats .dest_info li.img_prix02{ background:url(../img/dest_prix200.png)no-repeat center top;}
.precios .destacats .dest_info li p{color:#fff; font-weight:700;font-size:15px;width: 90px;}
.precios .destacats .dest_info li.img_prix01 p{padding:13px 20px 0 0;}
.precios .destacats .dest_info li.img_prix02 p{padding:13px 15px 0 0;}
*/
.p404 { display:table; margin:0 auto; z-index:2; width:580px; padding-bottom:20px;}
.p404 h2 { font-size:20px; font-weight:700; color:#f7a800; text-align:center;}
.p404 p { font-family: 'Lato', sans-serif; font-size:16px; line-height:24px; color:#535355; text-align:center; margin-bottom:10px; margin-top:20px;}
.p404 a{ font-size:18px; color:#f7a800;}
.p404 a:hover{ color:#000;}
#footer{ display: table; margin:0 auto; width:980px; height:310px; background-color:#f7a800; color:#535355; font-family: 'Lato', sans-serif; padding-bottom:50px; }
#footer .f_info{ float:left; background-color:#eea200; width:205px; height:250px; margin-right:20px;}
#footer .f_place{ width:187px; height:75px;}
#footer .f_coord{ background: url(../img/f_place.png)no-repeat top left; width:194px; height:121px; border:4px solid #eea200;}
#footer .f_logo{ margin:10px 0 0 22px;}
#footer .f_serv{ float:left; background-color:#eea200; width:270px; gheight:250px; margin-right:15px;}
#footer .f_links{ float:left; background-color:#eea200; width:175px; gheight:250px; margin-right:22px;}
#footer .f_prix{ float:left; background-color:#eea200; width:131px; height:250px; margin-right:20px;}
#footer .f_contact{ float:left; background-color:#eea200; width:260px; height:85px; margin-bottom:15px;}
#footer .f_cars{ float:left; background-color:#eea200;width:260px; height:150px;}
#footer .f_avis { float:left;width:980px; height:30px; margin-top:33px;border-top:1px solid #dd9a0e; border-bottom:1px solid #f3ba40;}
#footer li{ border-top:1px solid #f3ba40;font-size:12px;}
#footer h2{ font-size:18px; font-weight:700; color:#fff; padding:10px 0 6px 15px;}
#footer h3{ font-size:14px; font-weight:700; color:#fff; padding:7px 0 0 15px;}
#footer .f_info p{ font-size:12px; padding:2px 0 0 15px;}
#footer .f_info a{ color:#535355}
#footer .f_info a:hover{ color:#3f3f3f;}
#footer .f_serv li{ width:215px; margin:0 8px 0 15px; padding:5px 0; padding-left:30px; cursor:pointer;}
/*
#footer .f_serv .f_serv1{ background: url(../img/f_serv1.png)no-repeat center left;}
#footer .f_serv .f_serv2{ background: url(../img/f_serv2.png)no-repeat center left;}
#footer .f_serv .f_serv3{ background: url(../img/f_serv3.png)no-repeat center left;}
#footer .f_serv .f_serv4{ background: url(../img/f_serv4.png)no-repeat center left;}
#footer .f_serv .f_serv5{ background: url(../img/f_serv5.png)no-repeat center left;}
#footer .f_serv .f_serv6{ background: url(../img/f_serv6.png)no-repeat center left;}
#footer .f_serv .f_serv7{ background: url(../img/f_serv7.png)no-repeat center left;}
#footer .f_serv .f_serv8{ background: url(../img/f_serv8.png)no-repeat center left;}
*/
#footer .f_links li{ width:150px; margin:0 10px 6px 15px; padding-top:4px; line-height:12px;}
#footer .f_links li a{ display:block; color:#fff; padding-left:12px; background: url(../img/f_arrow.png)no-repeat center left; width:150px; height:12px; overflow:hidden;}
#footer .f_links li a:hover{ color:#FEF1D6;}
#footer .f_contact p{ font-size:18px; padding:2px 0 0 15px; font-weight:700; gline-height:25px;}
#footer .f_contact a{ gfont-size:12px; color:#535355;}
#footer .f_contact a:hover{ color:#444;}
#footer .f_cars li{ display:table; padding-top:15px; font-size:15px; border-top:0px solid #f3ba40; font-weight:700;}
#footer .f_cars li img{ display:block; margin:0 20px 0 30px; float:left;}
#footer .f_cars li label{ display:block; float:left; margin-top:5px;}
#footer .f_prix li{ width:100px; margin:0 10px 5px 15px; padding-top:5px}
#footer .f_avis p{ margin:7px 0 0 5px;}
#map-canvas { width:960px; height:430px; }
.tarifas .explicacion-tarifas { width:1100px;margin:0 auto;margin-left: 100px;font-size:14px; }