/* CSS Document */ * { margin : 0; padding : 0; } body{ text-align:center; font-size:11px; color:#666666; font-family:Arial, Helvetica, sans-serif; } img{border:none;} .verde{ color:#66901B;} /* =a */ a.a_btn{ font:normal 12px Arial, Helvetica, sans-serif; color:#336699; padding:2px 4px 2px 4px; border:solid 1px; border-top-color:#ccc; border-left-color:#ccc;border-bottom-color:#666; border-rignt-color:#666; text-decoration:none; background-color:#FFF; display:block; } a.a_btn1{ font:bold 12px Arial, Helvetica, sans-serif; color:#66901C; text-decoration:none; background:url(i/flecha.gif) right center no-repeat; padding-right:10px; text-transform:uppercase; } strong{display:block; color:#000;} /* =h1 */ h1{display:block; float:left;} h1 a{background:url(i/ibd/logo.png) no-repeat !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/ibd/logo.png');display:block; float:left; width:272px; height:96px; text-indent:-9999em;} /*h2 */ /* div */ div#container{ position:relative; width:900px; margin:0 auto; text-align:left;} div#content { width : 100%; padding : 0; overflow : hidden;} #dv_main{display:block; float:left; width:100%; margin-top:85px;} .dv_1{ display:block; float:left; margin-left:77px; padding-left:42px; width:226px;} .dv_1 img{margin-bottom:15px;} .dv_1 p{margin:5px 0 0px 0; height:80px;} #dv_pie{display:block; float:left; width:100%; background:url(i/pie.jpg) 0 33px no-repeat; margin-top:30px;} #dv_pie img{float:right; margin-bottom:5px;} #dv_pie span{ float: right; clear:right;} #dv_pie span a{text-decoration:none;} #dv_pie span.sp1 a{ border-right:solid 1px #333333; margin-right:4px; padding-right:4px; color:#333; } #dv_pie span.sp2{float:left; font-size:10px; margin-top:12px;} #dv_pie span.sp2 strong{ font-size:11px; color:#66901B; display:inline;} #dv_pie span.sp3 { margin-top:12px;} #dv_pie span.sp3 a{color:#66901B;border-right:solid 1px #66901B; margin-right:4px; padding-right:4px; } #dv_main1{display:block; float:left; width:680px; margin-top:85px; background: url(i/borde.gif) left repeat-y; } #dv_right{ display:block; float:right; width:219px; margin-top:85px;} .dv_tarifas{ display:block; float:right; width:100%; background:url(i/oferta.jpg) 30px 0 no-repeat; margin-top:20px;} .dv_tarifas img{ float:left;} .dv_tarifas span{ display:block; float:left; margin:0px 0 0 24px; color:#FFF; font-size:12px; width:115px; text-transform:uppercase; } .dv_tarifas span strong{display:block; font-size:18px; color:#FFF;} .dv_tarifas p{display:block; width:85%; margin:10px 0 0 0px; float:right; } .dv_tarifas p a{display:block; color:#66901B; font-weight:bold;} /*ul*/ ul{list-style:none;} #dv_top ul{ display:block; float:right; width:616px;} #dv_top ul *{ display:block; float:left; } #dv_top ul li a{ background:url(i/lng/es/menu.png) no-repeat; text-indent:-9999em; width:119px; height:19px;} #dv_top ul li.li_mn1 a:hover,#dv_top ul li.li_mn1 a.a_on{ background-position:0 -19px;} #dv_top ul li.li_mn2 a{background-position:-119px 0; width:92px;} #dv_top ul li.li_mn2 a:hover,#dv_top ul li.li_mn2 a.a_on{ background-position:-119px -19px;} #dv_top ul li.li_mn3 a{background-position:-211px 0; width:88px;} #dv_top ul li.li_mn3 a:hover,#dv_top ul li.li_mn3 a.a_on{ background-position:-211px -19px;} #dv_top ul li.li_mn4 a{background-position:-299px 0; width:69px;} #dv_top ul li.li_mn4 a:hover,#dv_top ul li.li_mn4 a.a_on{ background-position:-299px -19px;} #dv_top ul li.li_mn5 a{background-position:-368px 0; width:76px;} #dv_top ul li.li_mn5 a:hover,#dv_top ul li.li_mn5 a.a_on{ background-position:-368px -19px;} #dv_top ul li.li_mn6 a{background-position:-444px 0; width:85px;} #dv_top ul li.li_mn6 a:hover,#dv_top ul li.li_mn6 a.a_on{ background-position:-444px -19px;} #dv_top ul li.li_mn7 a{background-position:-529px 0; width:87px;} #dv_top ul li.li_mn7 a:hover,#dv_top ul li.li_mn7 a.a_on{ background-position:-529px -19px;} #ul_menu1{ display:block; float:left; margin-left:20px; width:105px;} #ul_menu1 li{display:block; float:left; width:100%;} #ul_menu1 li a{display:block; padding:2px 4px 2px 4px; font-size:12px; color:#333333; text-decoration:none;} #ul_menu1 li a:hover,#ul_menu1 li a.a_on{ background-color:#333; color:#FFF;} #ul_enlaces{ display:block; float:left; width:408px; margin-left:20px;} #ul_enlaces li{width:100%; float:left; display:block; margin-bottom:20px;} #ul_enlaces li img{display:block; float:left; padding-right:40px; border-right:solid 1px #999; margin-right:20px;} #ul_enlaces li a{display:block; float:left; margin-top:20px;} #ul_tarifas{ display:block; float:left; width:35%; margin:0 0 20px 70px; color:#333;} #ul_tarifas li{display:block; float:left; width:100%; margin-bottom:8px;} #ul_tarifas li h4{ text-transform:uppercase; font-size:14px; font-weight:normal;} #ul_tarifas li h5{ font-size:10px;} #ul_tarifas li span{display:block; float:left; width:50%;} #ul_tarifas li img{margin-right:2px;} #ul_tarifas li strong{ float: left; margin-top:5px;} #ul_galeria{ display:block; float:left; width:75%; margin-left:10px;} #ul_galeria li{display:block; float:left; widows:30%; margin:0 0 13px 13px;} #ul_galeria li a img{ padding:2px; border:solid 1px #333;} ul#ul_contacto{display:block; float:right; width:40%; margin:20px 20px 0 0; } #ul_contacto li{display:block; float:left; width:100%; margin-top:5px; background:url(i/bolita.gif) 0 3px no-repeat; padding-left:10px;} #ul_contacto img{float:left; margin-bottom:10px;} /*li*/ /* form */ fieldset{display:block; float:left; border:none;} fieldset label,fieldset label span{display:block; float:left; width:100%; margin-bottom:12px;} fieldset label span{margin-bottom:1px;} fieldset label select,fieldset label input{border:solid 1px #A7A6AA; font:normal 11px Arial, Helvetica, sans-serif; color:#666666; width:100%;} fieldset.fs_reservas{ width:185px; padding-left:31px; background:url(i/lng/es/txt_reservas.jpg) left bottom no-repeat; height:200px; } fieldset.fs_reservas label.lbl_1{ width:147px;} fieldset.fs_reservas label.lbl_1 img{float:right;} fieldset.fs_reservas label.lbl_2{ width:66px; height:35px;} fieldset.fs_reservas label.lbl_2 span{text-align:right;} fieldset.fs_reservas label.lbl_2 input{float:right; width:50%;} fieldset.fs_reservas label.lbl_2 a{float:left;} fieldset.fs_reservas label.lbl_3{width:25%; margin-right:5px; } fieldset.fs_reservas1{ width:410px; margin-left:51px; color:#333; } fieldset.fs_reservas1 label{ margin:0 10px 10px 0; width:47%; } fieldset.fs_reservas1 label.lbl_long{width:97%;} fieldset.fs_reservas1 label textarea{ width:100%} fieldset.fs_reservas1 label input.imp_radio{ width:15px;} /* especificos */ p.p1{ display:block; margin-left:90px; width:403px; font-size:12px;} p.p1 img{ margin:30px 0 30px 0} /* Botones */ /* Start custom button CSS here ---------------------------------------- */ .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333; } * html button.btn { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(i/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span { border-right-width:0; } button.pill-l span span { border-right:1px solid #bbb; } button.pill-c span { border-right-style:none; border-left-color:#fff; } button.pill-c span span { border-right:1px solid #bbb; } button.pill-r span { border-left-color:#fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for