/* Coronel Tapiocca 05 - 2010 CSS: General Diego Santamarta http://www.coroneltapiocca.com Copyright 2010 Diego Santamarta. All rights reserved. */ @import url("reset.css"); /* ================= */ /* = GLOBAL STYLES = */ /* ================= */ body{ background: #F5EEDE url('../img/template/back_inside.jpg') no-repeat center top; color: #000; font: x-small 'Trebuchet MS', Helvetica, sans-serif;} body#home{ background-image: url('../img/template/back_home.jpg');} body#travel{ background-image: url('../img/template/back_travel.jpg');} a:link{ color: #000; text-decoration: none;} a:visited{ color: #000; text-decoration: none;} a:hover{ color: #000; text-decoration: underline;} a:active{ color: #000; text-decoration: none;} .oculto{ left: -9999em; position: absolute; top: -9999em;} hr{ left: -9999em; position: absolute; top: -9999em;} caption{ left: -9999em; position: absolute; top: -9999em;} acronym, abbr{ cursor: help;} #home h2{ color: #2E2522; font-size: 1.1em; font-weight: bold; margin-bottom: 0.6em; text-transform: uppercase;} h2{ color: #B10F15; font-size: 1.6em; font-weight: bold; text-transform: uppercase;} h3{ color: #2E2522; font-size: 1.1em; font-weight: bold; margin-bottom: 0.6em; text-transform: uppercase;} /* =============== */ /* = MAIN BLOCKS = */ /* =============== */ #wrapper{ margin: 0 auto; width: 76.4em;} #header{ margin: 2em 0 1.5em; overflow: hidden;} #content{ clear: both; overflow: hidden;} #footer{ border-top: 0.1em solid #C5AA83; clear: both; margin-top: 2em; overflow: hidden;} /* ========== */ /* = HEADER = */ /* ========== */ #header #tapiocca_logo{ float: left; font-size: x-small; height: 120px; overflow: hidden; position: relative; width: 114px;} #header #tapiocca_logo a{ display: block; overflow: hidden;} #header #tapiocca_logo strong{ left: -9999em; position: absolute; top: -9999em;} #header #tapiocca_logo img{ display: block; left: 0; position: absolute; top: 0;} #header #language{ float: right;} #header #language li{ border-right: 0.1em solid #624825; float: left; padding: 0 0.5em;} #header #language li.first{ padding-left: 0;} #header #language li.last{ border-right: none; padding-right: 0;} #header #language li a:link{ color: #624825; text-transform: uppercase;} #header #language li a:visited{ color: #624825; text-transform: uppercase;} #header #language li a:hover{ color: #624825; text-transform: uppercase;} #header #language li a:active{ color: #624825; text-transform: uppercase;} #header #mainmenu{ clear: right; float: right; margin-top: 3em; overflow: hidden; width: 63.6em;} #header #mainmenu #topmenu{ overflow: hidden;} #header #mainmenu #topmenu ul{ background: transparent url('../img/template/line_menu_tilling.gif') repeat-x left 2.6em; overflow: hidden;} #header #mainmenu #topmenu ul li{ float: left;} #header #mainmenu #topmenu ul li a, #header #topmenu li span{ display: block; height: 3.5em;} #header #mainmenu #topmenu ul li #catalogo:link span{ background: transparent url('../img/template/catalogo.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 88px;} #header #mainmenu #topmenu ul li #catalogo:visited span{ background: transparent url('../img/template/catalogo.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 88px;} #header #mainmenu #topmenu ul li #catalogo:hover span{ background: transparent url('../img/template/catalogo.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 88px;} #header #mainmenu #topmenu ul li #catalogo:active span{ background: transparent url('../img/template/catalogo.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 88px;} #header #mainmenu #topmenu ul li.actual #catalogo span{ background: transparent url('../img/template/catalogo.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 88px;} #header #mainmenu #topmenu ul li #tienda:link span{ background: transparent url('../img/template/tienda.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 120px;} #header #mainmenu #topmenu ul li #tienda:visited span{ background: transparent url('../img/template/tienda.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 120px;} #header #mainmenu #topmenu ul li #tienda:hover span{ background: transparent url('../img/template/tienda.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 120px;} #header #mainmenu #topmenu ul li #tienda:active span{ background: transparent url('../img/template/tienda.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 120px;} #header #mainmenu #topmenu ul li.actual #tienda span{ background: transparent url('../img/template/tienda.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 120px;} #header #mainmenu #topmenu ul li #viajes:link span{ background: transparent url('../img/template/viajes.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 63px;} #header #mainmenu #topmenu ul li #viajes:visited span{ background: transparent url('../img/template/viajes.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 63px;} #header #mainmenu #topmenu ul li #viajes:hover span{ background: transparent url('../img/template/viajes.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 63px;} #header #mainmenu #topmenu ul li #viajes:active span{ background: transparent url('../img/template/viajes.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 63px;} #header #mainmenu #topmenu ul li.actual #viajes span{ background: transparent url('../img/template/viajes.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 63px;} #header #mainmenu #topmenu ul li #puntos_venta:link span{ background: transparent url('../img/template/puntos_venta.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 145px;} #header #mainmenu #topmenu ul li #puntos_venta:visited span{ background: transparent url('../img/template/puntos_venta.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 145px;} #header #mainmenu #topmenu ul li #puntos_venta:hover span{ background: transparent url('../img/template/puntos_venta.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 145px;} #header #mainmenu #topmenu ul li #puntos_venta:active span{ background: transparent url('../img/template/puntos_venta.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 145px;} #header #mainmenu #topmenu ul li.actual #puntos_venta span{ background: transparent url('../img/template/puntos_venta.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 145px;} #header #mainmenu #topmenu ul li #club:link span{ background: transparent url('../img/template/club.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 51px;} #header #mainmenu #topmenu ul li #club:visited span{ background: transparent url('../img/template/club.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 51px;} #header #mainmenu #topmenu ul li #club:hover span{ background: transparent url('../img/template/club.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 51px;} #header #mainmenu #topmenu ul li #club:active span{ background: transparent url('../img/template/club.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 51px;} #header #mainmenu #topmenu ul li.actual #club span{ background: transparent url('../img/template/club.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 51px;} #header #mainmenu #topmenu ul li #noticias:link span{ background: transparent url('../img/template/noticias.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 81px;} #header #mainmenu #topmenu ul li #noticias:visited span{ background: transparent url('../img/template/noticias.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 81px;} #header #mainmenu #topmenu ul li #noticias:hover span{ background: transparent url('../img/template/noticias.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 81px;} #header #mainmenu #topmenu ul li #noticias:active span{ background: transparent url('../img/template/noticias.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 81px;} #header #mainmenu #topmenu ul li.actual #noticias span{ background: transparent url('../img/template/noticias.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 81px;} #header #mainmenu #topmenu ul li #compania:link span{ background: transparent url('../img/template/compania.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 87px;} #header #mainmenu #topmenu ul li #compania:visited span{ background: transparent url('../img/template/compania.gif') no-repeat left top; height: 24px; text-indent:-9999em; width: 87px;} #header #mainmenu #topmenu ul li #compania:hover span{ background: transparent url('../img/template/compania.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 87px;} #header #mainmenu #topmenu ul li #compania:active span{ background: transparent url('../img/template/compania.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 87px;} #header #mainmenu #topmenu ul li.actual #compania span{ background: transparent url('../img/template/compania.gif') no-repeat left bottom; height: 24px; text-indent:-9999em; width: 87px;} /* #header #mainmenu #topmenu ul li a:link{ background: none;} #header #mainmenu #topmenu ul li a:visited{ background: none;} #header #mainmenu #topmenu ul li a:hover{ background: transparent url('../img/template/mainmenu_arrow.gif') no-repeat center 2.6em;} #header #mainmenu #topmenu ul li a:active{ background: transparent url('../img/template/mainmenu_arrow.gif') no-repeat center 2.6em;} #header #mainmenu #topmenu ul li.actual { background: transparent url('../img/template/mainmenu_arrow.gif') no-repeat center 2.6em;} #header #mainmenu #topmenu ul li.hover { background: transparent url('../img/template/mainmenu_arrow.gif') no-repeat center 2.6em;} */ /* #header #mainmenu #topmenu ul li.actual, #header #mainmenu #topmenu ul li.actual:link, #header #mainmenu #topmenu ul li.actual:visited, #header #mainmenu #topmenu ul li.actual:hover, #header #mainmenu #topmenu ul li.actual:active{ background: transparent url('../img/template/mainmenu_arrow.gif') no-repeat center 2.6em;}*/ #header #mainmenu .submenu{ clear: right; float: right; overflow: hidden; position: absolute; width: 63.6em;} #header #mainmenu .submenu#sub_viajes{ margin-left: -4em;} #header #mainmenu .submenu#sub_club{ margin-left: -20.4em;} #header #mainmenu .submenu#sub_compania{ margin-left: -24em;} #header #mainmenu .submenu#sub_tienda{ margin-left: -7.8em;} #header #mainmenu .submenu li{ float: left;} #header #mainmenu .submenu li a, #header .submenu li span{ display: block;} #header #mainmenu .submenu li #nuestros_viajes:link{ background: transparent url('../img/template/nuestros_viajes.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 149px;} #header #mainmenu .submenu li #nuestros_viajes:visited{ background: transparent url('../img/template/nuestros_viajes.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 149px;} #header #mainmenu .submenu li #nuestros_viajes:hover{ background: transparent url('../img/template/nuestros_viajes.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 149px;} #header #mainmenu .submenu li #nuestros_viajes:active{ background: transparent url('../img/template/nuestros_viajes.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 149px;} #header #mainmenu .submenu li #nuestros_viajes.actual{ background: transparent url('../img/template/nuestros_viajes.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 149px;} #header #mainmenu .submenu li #viajero:link{ background: transparent url('../img/template/viajero.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 101px;} #header #mainmenu .submenu li #viajero:visited{ background: transparent url('../img/template/viajero.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 101px;} #header #mainmenu .submenu li #viajero:hover{ background: transparent url('../img/template/viajero.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 101px;} #header #mainmenu .submenu li #viajero:active{ background: transparent url('../img/template/viajero.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 101px;} #header #mainmenu .submenu li #viajero.actual{ background: transparent url('../img/template/viajero.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 101px;} #header #mainmenu .submenu li #club_ct:link{ background: transparent url('../img/template/club_ct.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 90px;} #header #mainmenu .submenu li #club_ct:visited{ background: transparent url('../img/template/club_ct.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 90px;} #header #mainmenu .submenu li #club_ct:hover{ background: transparent url('../img/template/club_ct.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 90px;} #header #mainmenu .submenu li #club_ct:active{ background: transparent url('../img/template/club_ct.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 90px;} #header #mainmenu .submenu li #club_ct.actual{ background: transparent url('../img/template/club_ct.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 90px;} #header #mainmenu .submenu li #visa_ct:link{ background: transparent url('../img/template/visa_ct.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #visa_ct:visited{ background: transparent url('../img/template/visa_ct.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #visa_ct:hover{ background: transparent url('../img/template/visa_ct.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #visa_ct:active{ background: transparent url('../img/template/visa_ct.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #visa_ct.actual{ background: transparent url('../img/template/visa_ct.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #hazte_socio:link{ background: transparent url('../img/template/hazte_socio.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 113px;} #header #mainmenu .submenu li #hazte_socio:visited{ background: transparent url('../img/template/hazte_socio.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 113px;} #header #mainmenu .submenu li #hazte_socio:hover{ background: transparent url('../img/template/hazte_socio.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 113px;} #header #mainmenu .submenu li #hazte_socio:active{ background: transparent url('../img/template/hazte_socio.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 113px;} #header #mainmenu .submenu li #hazte_socio.actual{ background: transparent url('../img/template/hazte_socio.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 113px;} #header #mainmenu .submenu li #socios_locales:link{ background: transparent url('../img/template/socios_locales.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 143px;} #header #mainmenu .submenu li #socios_locales:visited{ background: transparent url('../img/template/socios_locales.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 143px;} #header #mainmenu .submenu li #socios_locales:hover{ background: transparent url('../img/template/socios_locales.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 143px;} #header #mainmenu .submenu li #socios_locales:active{ background: transparent url('../img/template/socios_locales.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 143px;} #header #mainmenu .submenu li #socios_locales.actual{ background: transparent url('../img/template/socios_locales.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 143px;} #header #mainmenu .submenu li #historia:link{ background: transparent url('../img/template/historia.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #historia:visited{ background: transparent url('../img/template/historia.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #historia:hover{ background: transparent url('../img/template/historia.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #historia:active{ background: transparent url('../img/template/historia.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #historia.actual{ background: transparent url('../img/template/historia.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 85px;} #header #mainmenu .submenu li #concepto:link{ background: transparent url('../img/template/concepto.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 100px;} #header #mainmenu .submenu li #concepto:visited{ background: transparent url('../img/template/concepto.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 100px;} #header #mainmenu .submenu li #concepto:hover{ background: transparent url('../img/template/concepto.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 100px;} #header #mainmenu .submenu li #concepto:active{ background: transparent url('../img/template/concepto.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 100px;} #header #mainmenu .submenu li #concepto.actual{ background: transparent url('../img/template/concepto.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 100px;} #header #mainmenu .submenu li #producto:link{ background: transparent url('../img/template/producto.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 98px;} #header #mainmenu .submenu li #producto:visited{ background: transparent url('../img/template/producto.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 98px;} #header #mainmenu .submenu li #producto:hover{ background: transparent url('../img/template/producto.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 98px;} #header #mainmenu .submenu li #producto:active{ background: transparent url('../img/template/producto.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 98px;} #header #mainmenu .submenu li #producto.actual{ background: transparent url('../img/template/producto.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 98px;} #header #mainmenu .submenu li #marca:link{ background: transparent url('../img/template/marca.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 72px;} #header #mainmenu .submenu li #marca:visited{ background: transparent url('../img/template/marca.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 72px;} #header #mainmenu .submenu li #marca:hover{ background: transparent url('../img/template/marca.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 72px;} #header #mainmenu .submenu li #marca:active{ background: transparent url('../img/template/marca.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 72px;} #header #mainmenu .submenu li #marca.actual{ background: transparent url('../img/template/marca.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 72px;} #header #mainmenu .submenu li #tiendas:link{ background: transparent url('../img/template/tiendas.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 82px;} #header #mainmenu .submenu li #tiendas:visited{ background: transparent url('../img/template/tiendas.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 82px;} #header #mainmenu .submenu li #tiendas:hover{ background: transparent url('../img/template/tiendas.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 82px;} #header #mainmenu .submenu li #tiendas:active{ background: transparent url('../img/template/tiendas.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 82px;} #header #mainmenu .submenu li #tiendas.actual{ background: transparent url('../img/template/tiendas.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 82px;} #header #mainmenu .submenu li #textil:link{ background: transparent url('../img/template/textil.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 68px;} #header #mainmenu .submenu li #textil:visited{ background: transparent url('../img/template/textil.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 68px;} #header #mainmenu .submenu li #textil:hover{ background: transparent url('../img/template/textil.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 68px;} #header #mainmenu .submenu li #textil:active{ background: transparent url('../img/template/textil.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 68px;} #header #mainmenu .submenu li #textil.actual{ background: transparent url('../img/template/textil.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 68px;} #header #mainmenu .submenu li #complementos:link{ background: transparent url('../img/template/complementos.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 136px;} #header #mainmenu .submenu li #complementos:visited{ background: transparent url('../img/template/complementos.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 136px;} #header #mainmenu .submenu li #complementos:hover{ background: transparent url('../img/template/complementos.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 136px;} #header #mainmenu .submenu li #complementos:active{ background: transparent url('../img/template/complementos.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 136px;} #header #mainmenu .submenu li #complementos.actual{ background: transparent url('../img/template/complementos.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 136px;} #header #mainmenu .submenu li #calzado:link{ background: transparent url('../img/template/calzado.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 86px;} #header #mainmenu .submenu li #calzado:visited{ background: transparent url('../img/template/calzado.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 86px;} #header #mainmenu .submenu li #calzado:hover{ background: transparent url('../img/template/calzado.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 86px;} #header #mainmenu .submenu li #calzado:active{ background: transparent url('../img/template/calzado.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 86px;} #header #mainmenu .submenu li #calzado.actual{ background: transparent url('../img/template/calzado.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 86px;} #header #mainmenu .submenu li #accesorios:link{ background: transparent url('../img/template/accesorios.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 111px;} #header #mainmenu .submenu li #accesorios:visited{ background: transparent url('../img/template/accesorios.gif') no-repeat left top; height: 20px; text-indent:-9999em; width: 111px;} #header #mainmenu .submenu li #accesorios:hover{ background: transparent url('../img/template/accesorios.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 111px;} #header #mainmenu .submenu li #accesorios:active{ background: transparent url('../img/template/accesorios.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 111px;} #header #mainmenu .submenu li #accesorios.actual{ background: transparent url('../img/template/accesorios.gif') no-repeat left bottom; height: 20px; text-indent:-9999em; width: 111px;} /* =========== */ /* = CONTENT = */ /* =========== */ #content #banner_flash{ float: left;} #content #banner_home{ float: right;} #content .floatright{ float: right; margin-left: 1em;} #content .floatleft{ float: left; margin-right: 1em;} #content .imgcentered{ text-align: center;} #content .travelmod{ clear: both; margin-bottom: 2em; overflow: hidden;} #content .travelmod h2{ margin-bottom: 1em;} #content .travelmod p{ color: #624825; font-size: 1.4em; font-weight: bold;} #content .travelmod p.link{ float: right;} #content .travelmod p.link a{ color: #B10F15; font-weight: bold; text-decoration: underline;} #content .imgright{ float: right;} #content p.title{ clear: both; margin: 0 auto 1em; text-align: center; width: 20em;} #content p{ color: #624825; /*font-size: 1.4em; font-weight: bold; margin-bottom: 1em;*/} #content.company{ background: transparent url('../img/template/cierre.gif') no-repeat center bottom; padding-bottom: 1em;} #content.company .centered{ margin: 0 auto; width: 45.5em;} #content.company #menu{ overflow: hidden;} #content.company #menu li{ float: left; list-style: none outside none;} #content.company #menu li.first{ border-right: 0.2em solid #B10F15; margin-right: 0.5em; padding-right: 0.5em;} #content.company #menu li a:link{ color: #624825; text-transform: uppercase;} #content.company #menu li a:visited{ color: #624825; text-transform: uppercase;} #content.company #menu li a:hover{ color: #B10F15; text-transform: uppercase;} #content.company #menu li a:active{ color: #B10F15; text-transform: uppercase;} #content.company #menu li span{ color: #B10F15; text-transform: uppercase;} #content.club p, #content.company p{ font-size: 1.4em; font-weight: bold; margin-bottom: 1em;} #content.club .goback{ font-size: x-small; margin-bottom: 1em;} #content.club .goback a:link{ font-size: 1.2em; font-weight: normal; text-decoration: none;} #content.club .goback a:visited{ font-size: 1.2em; font-weight: normal; text-decoration: none;} #content.club .goback a:hover{ font-size: 1.2em; font-weight: normal; text-decoration: underline;} #content.club .goback a:active{ font-size: 1.2em; font-weight: normal; text-decoration: underline;} #content.club p.img{ float: left; margin-right: 1em;} #content.club p span{ color: #B10F15;} #content.club p span.error { background:#FFFFFF; color:#C10519; display:block; font-size:1.2em; margin:-0.25em 0 0 -14em; padding:0 0.5em; position:absolute; text-align:right;} #content.club p span.error { background:#C10519; color:white; display:block; font-size:1.2em; margin:-0.25em 0 0 -14em; padding:0 0.5em; position:absolute; text-align:right;} #content.club p.right span.error {margin:-0.25em 0 0 6em;} #content.club form .inputCheckbox span.error { color:white; font-size:1.2em; margin:0 0 0 -14.5em; width:13em} #content.club ul{ clear: both;} #content.club ul.nobullet{ margin: 0;} #content.club ul.nobullet li{ list-style: none outside none;} #content.club ul.nobullet li span{ color: #B10F15; display: block; font-style: italic;} #content.club ul a{ color: #B10F15; text-decoration: underline;} #content.club p.emphasis{ font-style: italic; text-transform: uppercase;} #content.club #book_now{ margin: 0 auto 1em; width: 136px;} #content.club #book_now button{ background: transparent url('../img/template/reservar_ahora.gif') no-repeat; border: none; cursor: pointer; height: 26px; text-indent: -9999em; width: 136px;} #content.club small{ color: #624825; display: block; font-size: 1.1em; margin-bottom: 1em;} #content.club small span{ display: block;} #content.club #ask_card{ margin: 0 auto 1em; padding-top: 1em; width: 136px;} #content.club #ask_card a{ background: transparent url('../img/template/solicitar_tarjeta.gif') no-repeat; border: none; cursor: pointer; display: block; height: 26px; text-indent: -9999em; width: 136px;} #content.club form { margin: 0 auto; width: 60em;} #content.club form p{ font-size: x-small;} #content.club form p.emailfull{ width: 100%;} #content.club form .inputCheckbox span{ color: #797979; font-size: x-small; font-weight: normal; text-transform: none; width: 48em;} #content.club form p.boton{ float: right;} #content.club form p.boton button{ background: transparent url('../img/template/enviar.gif') no-repeat; border: none; cursor: pointer; height: 26px; text-indent: -9999em; width: 84px;} #content.club .soc{ margin: 1em 0 0 0; overflow: hidden;} #content.club .soc li{ font-size: x-small; list-style: none outside none; margin: 0 0 2em 0; overflow: hidden;} #content.club .soc li img{ margin: 0;} #content.club .soc li .text{ float: right; width: 51em;} #content.club .soc li .text p.name{ text-transform: uppercase;} #content.club .soc li .text p.description{ font-size: 1.2em; font-weight: normal;} #content.club .soc li .text p strong{ font-weight: bold;} #content.club .soc li .text ul{ margin: 0;} #content.club .soc li .text ul li{ margin: 0;} #content.club .soc li .text ul li a{ font-size: 1.2em;} #company p{ font-weight: normal;} #content p a{ color: #B10F15; font-weight: bold; text-decoration: underline;} #content ul{ margin-left: 3em;} #content ul li{ color: #624825; font-size: 1.4em; font-weight: bold; list-style: disc inside url('../img/template/list_bullet.gif'); margin-bottom: 1em;} #content ul li img{ display: block; margin: 1em 0 0 7em;} #content #rightblock{ background-color: #FFF; float: right; padding: 2.5em 3em; width: 47em;} #content #rightblock .newsblock .header{ border-bottom: 0.3em solid #A9A9B1; margin-bottom: 0.6em; overflow: hidden; padding-bottom: 0.4em;} #content #rightblock .newsblock.extend .header{ margin-bottom: 1.6em;} #content #rightblock .newsblock .header h2{ float: left; width: 22.5em;} #content #rightblock .newsblock .header h2 a{ color: #B10F15;} #content #rightblock .newsblock .header p.date{ float: right; color: #515151; font-size: 1.2em; font-weight: bold; margin: 3.7em 0 0 0;} #content #rightblock .newsblock p.text{ clear: both; color: #A9A9B1; float: left; font-size: 1.2em; font-weight: normal; margin-bottom: 1em;} #content #rightblock .newsblock p.img{ float: right; margin: 0 1em 0 1em;} #content #rightblock .newsblock p.link{ border-top: 0.1em solid #EFEFEF; clear: both; font-size: 1.1em; font-style: italic; margin-bottom: 4em; padding-top:0.4em;} #content #rightblock .newsblock.last p.link{ margin-bottom: 0;} #content #rightblock .newsblock p.link a:link{ text-decoration: none;} #content #rightblock .newsblock p.link a:visited{ text-decoration: none;} #content #rightblock .newsblock p.link a:hover{ text-decoration: underline;} #content #rightblock .newsblock p.link a:active{ text-decoration: underline;} #content #rightblock .newsblock.extend p{ color: #A9A9B1; font-size: 1.2em; font-weight: normal; margin-bottom: 1em;} #content #rightblock .newsblock.extend ul li{ color: #A9A9B1; font-size: 1.2em; font-weight: normal; list-style: none outside none; margin-bottom: 1em;} #content #rightblock .newsblock.extend p.img{ float: left; margin-right: 1.5em;} #content #rightblock .newsblock.extend p a:link{ text-decoration: none;} #content #rightblock .newsblock.extend p a:visited{ text-decoration: none;} #content #rightblock .newsblock.extend p a:hover{ text-decoration: underline;} #content #rightblock .newsblock.extend p a:active{ text-decoration: underline;} #content #rightblock.product{ } #content #rightblock.product .goback{ float: right; font-size: 1.2em;} #content #rightblock.product .goback a:link{ color: #A9A9A9; text-decoration: none; text-transform: uppercase;} #content #rightblock.product .goback a:visited{ color: #A9A9A9; text-decoration: none; text-transform: uppercase;} #content #rightblock.product .goback a:hover{ color: #A9A9A9; text-decoration: underline; text-transform: uppercase;} #content #rightblock.product .goback a:active{ color: #A9A9A9; text-decoration: underline; text-transform: uppercase;} #content #rightblock.product ul{ margin: 0;} #content #rightblock.product ul li{ list-style: none outside none;} #content #rightblock.product ul.thums{ } #content #rightblock.product ul.thumbs li{ list-style: none outside none;} #content #rightblock.product ul.thumbs img{ margin: 0;} #content #rightblock.product dl dt{ color: #797979; font-size: 1.2em;} #content #rightblock.product dl dd.model{ color: #B10F14; font-size: 1.6em; margin-bottom: 0.5em;} #content #rightblock.product dl dd.price{ color: #424242; font-size: 1.6em; margin-bottom: 0.5em;} #content #rightblock.product dl dd.description{ color: #B6A9A9; margin-bottom: 2em;} #content #rightblock.product form#product_quantity p{ font-size: 1em; margin-bottom: 1em;} #content #rightblock.product form#product_quantity span{ color: #797979; float: left; font-size: 1.2em; font-weight: normal; line-height: 1.8em; margin-right: 0.8em; text-transform: capitalize;} #content #rightblock.product form#product_quantity input{ color: #424242; font-size: 1.2em; width: 1em;} #content #rightblock.product form#product_quantity select{ color: #424242; width: 14em;} #content #rightblock.product form#product_quantity small{ color: #797979; margin-left: 1em;} #content #rightblock.product form#product_quantity p.boton{ margin-bottom: 0;} #content #rightblock.basket{ float: none; width: auto;} #content #rightblock.basket #form_basket p{ font-size: 1em; font-weight: normal;} #content #rightblock.basket #form_basket #table_basket{ margin-bottom: 4em; width: 100%;} #content #rightblock.basket #form_basket #table_basket .col1{ padding: 0 3em 1em; width: 9em} #content #rightblock.basket #form_basket #table_basket .col2{ padding: 0 3em 1em; width: 8em;} #content #rightblock.basket #form_basket #table_basket .col3{ padding: 0 3em 1em; width: 9em;} #content #rightblock.basket #form_basket #table_basket .col4{ padding: 0 3em 1em; width: 3em;} #content #rightblock.basket #form_basket #table_basket th.col4{ text-align: center;} #content #rightblock.basket #form_basket #table_basket td.col4{ text-align: right;} #content #rightblock.basket #form_basket #table_basket th p{ color: #666666; font-size: 1.4em; font-weight: bold; margin: 0;} #content #rightblock.basket #form_basket #table_basket td{ border-bottom: 0.1em solid #DCDBDB; vertical-align: middle;} #content #rightblock.basket #form_basket #table_basket td p.delete a:link{ text-decoration: none;} #content #rightblock.basket #form_basket #table_basket td p.delete a:visited{ text-decoration: none;} #content #rightblock.basket #form_basket #table_basket td p.delete a:hover{ text-decoration: underline;} #content #rightblock.basket #form_basket #table_basket td p.delete a:active{ text-decoration: underline;} #content #rightblock.basket #form_basket #table_basket td p.name{ color: #B61D1F; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0;} #content #rightblock.basket #form_basket #table_basket td p.size{ color: #B61D1F; font-size: 1.2em; margin: 0;} #content #rightblock.basket #form_basket #table_basket td p.color{ color: #B61D1F; font-size: 1.2em; margin: 0;} #content #rightblock.basket #form_basket #table_basket td p.quant{ float: left;} #content #rightblock.basket #form_basket #table_basket td p.quant input{ color: #424242; font-size: 1.2em; width: 1em;} #content #rightblock.basket #form_basket #table_basket td p.add{ float: left; margin: 0.5em 0 0 0.2em;} #content #rightblock.basket #form_basket #table_basket td p.add a{ background: transparent url('../img/template/add.gif') no-repeat; display: block; height: 13px; text-indent: -9999em; width: 12px;} #content #rightblock.basket #form_basket #table_basket td p.remove{ float: left; margin: 0.5em 0 0 0.2em;} #content #rightblock.basket #form_basket #table_basket td p.remove a{ background: transparent url('../img/template/remove.gif') no-repeat; display: block; height: 13px; text-indent: -9999em; width: 12px;} #content #rightblock.basket #form_basket #table_basket td p.price{ color: #B61D1F; font-size: 1.6em; margin: 0;} #content #rightblock.basket #form_basket #table_basket td p.saving{ color: #7A7A7A; margin: 0;} #content #rightblock.basket #form_basket #table_basket td p.discount{ color: #FFA900; font-size: 1.4em; margin: 0;} #content #rightblock.basket #form_basket dl.sumatorio{ text-align: right;} #content #rightblock.basket #form_basket dl#left{ float: left;} #content #rightblock.basket #form_basket dl#right{ float: right;} #content #rightblock.basket #form_basket dl.sumatorio dt{ color: #797979; font-size: 1.4em; margin: 0; text-transform: uppercase;} #content #rightblock.basket #form_basket dl.sumatorio dt span{ display: block; font-size: 0.8em; text-transform: none;} #content #rightblock.basket #form_basket dl.sumatorio dt.total{ border-top: 0.1em solid #DCDBDB; clear: both; padding-top: 2em;} #content #rightblock.basket #form_basket dl.sumatorio dd{ color: #B61D1F; font-size: 1.4em; font-weight: bold; margin: 0 0 1.5em 0;} #content #rightblock.basket #form_basket dl.sumatorio dd select{ color: #424242; font-size: 0.8em; font-weight: normal; margin: 0; width: 12em;} #content #rightblock.basket #form_basket dl.sumatorio dd input{ color: #424242; font-size: 0.8em; font-weight: normal; margin: 0; width: 15em;} #content #rightblock.basket #form_basket p.boton{ float: right;} #content #rightblock.shippingbilling{ float: none; width: auto;} #content #rightblock.shippingbilling h2{ margin-bottom: 1.5em;} #content #rightblock.shippingbilling h2 span{ text-transform: none;} #content #rightblock.shippingbilling form{ margin: 0 auto; width: 50em;} #content #rightblock.shippingbilling form fieldset.first{ margin-bottom: 5em;} #content #rightblock.shippingbilling form p.boton{ margin: 0;} #content.ourtravels p{ font-size: 1.4em; font-weight: bold; margin-bottom: 1em;} #content.ourtravels .travelmod .img{ clear: left; float: left; margin: 0 1em 1em 0;} #content.ourtravels .travelmod p{ font-size: 1.2em;} #content.travels #menu{ overflow: hidden;} #content.travels #menu li{ float: left; list-style: none outside none;} #content.travels #menu li.first{ border-right: 0.2em solid #B10F15; margin-right: 0.5em; padding-right: 0.5em;} #content.travels #menu li a:link{ color: #624825; text-decoration: none; text-transform: uppercase;} #content.travels #menu li a:visited{ color: #624825; text-decoration: none; text-transform: uppercase;} #content.travels #menu li a:hover{ color: #B10F15; text-decoration: none; text-transform: uppercase;} #content.travels #menu li a:active{ color: #B10F15; text-decoration: none; text-transform: uppercase;} #content.travels #menu li span{ color: #B10F15; text-transform: uppercase;} #content.travels h2{ border-bottom: 0.1em dotted #B10F15; font-size: 1.4em; margin-bottom: 1em;} #content.travels #pagination{ margin: 0; overflow: hidden; padding-top: 1em;} #content.travels #pagination li{ font-size: 1em; font-weight: normal; list-style: none outside none; margin: 0;} #content.travels #pagination li.first{ float: left;} #content.travels #pagination li.last{ float: right;} #content.travels #pagination li a{ color: #B10F15; font-size: 1.2em;} #content.storys #story_list{ margin: 0 0 3em 3em; overflow: hidden;} #content.storys #story_list li{ list-style: none outside none; margin: 0;} #content.storys #story_list li a{ color: #624825; line-height: 1.8em; text-transform: uppercase;} #content.travels .paragraph{ font-size: 1.4em; font-weight: bold; margin-bottom: 1em;} #content.storys #but_send{ margin-bottom: 3em;} #content.storys #but_send a{ background: transparent url('../img/template/enviar_relato.gif') no-repeat; border: none; cursor: pointer; display: block; height: 26px; text-indent: -9999em; width: 109px;} #content.storys #but_search button{ background: transparent url('../img/template/buscar_relato.gif') no-repeat; border: none; cursor: pointer; height: 26px; text-indent: -9999em; width: 109px;} #content.storys form .inputRadio span{ text-transform: none;} #content.travels .goback{ margin-bottom: 1em;} #content.travels .goback a:link{ font-size: 1.2em; font-weight: normal; text-decoration: none;} #content.travels .goback a:visited{ font-size: 1.2em; font-weight: normal; text-decoration: none;} #content.travels .goback a:hover{ font-size: 1.2em; font-weight: normal; text-decoration: underline;} #content.travels .goback a:active{ font-size: 1.2em; font-weight: normal; text-decoration: underline;} #content.travels #gallery{ margin: 0 5em 4em; overflow: hidden; padding-top: 3em;} #content.travels #gallery li{ float: left; font-size: 1em; list-style: none outside none; margin-right: 3.3em; overflow: hidden; text-align: center; width: 10.6em;} #content.travels #gallery li.first{ clear: left;} #content.travels #gallery li.last{ margin-right: 0;} #content.travels #gallery li a{ } #content.travels #gallery li a img{ border: 0.1em solid #684F2E; display: inline; margin: 0;} #content.story h2{ overflow: hidden;} #content.story h2 span{ float: left;} #content.story h2 a{ color: #B10F15; float: right; text-transform: none;} #content.story .name{ font-size: 1.4em; font-weight: bold; margin-bottom: 1em; text-transform: uppercase;} #content.story .paragraph{ font-size: 1.2em; font-weight: bold; margin-bottom: 1em;} #content.world #pagination{ margin-bottom: 2em;} #content.world #but_send_photo{ margin-bottom: 3em;} #content.world #but_send_photo a{ background: transparent url('../img/template/enviar_foto.gif') no-repeat; border: none; cursor: pointer; display: block; height: 26px; text-indent: -9999em; width: 145px;} #content.world #other_editions{ margin: 0 auto; text-align: center; width: 20em;} #content.world #other_editions p{ font-size: 1.2em; font-weight: bold;} #content.world #other_editions ul{ margin: 0; overflow: hidden;} #content.world #other_editions ul li{ float: left; list-style: none; text-align: center; width: 1.5em;} #content.world #other_editions ul li a{ color: #B10F15;} #content.shops #leftblock form#find_CP{ border-bottom: 0.1em dashed #ACABA4; margin-bottom: 1em; padding-bottom: 1em;} #content.shops #leftblock form#find_CP p.boton{ margin-top: 0;} #content.shops #leftblock form label span{ font-size: 1.1em;} #content.shops #leftblock form p.inputRadio{ clear: both;} #content.shops #leftblock form p.boton{ clear: both;} #content.shops #rightblock .shop_block{ clear: both; margin-top: 2em; overflow: hidden;} #content.shops #rightblock .shop_block p.img{ border: 0.1em solid #ACABA4; float: left; margin-right: 2em; padding: 0.2em;} #content.shops #rightblock .shop_block p.img img{ display: block;} #content.shops #rightblock .textblock{ color: #A9A9B1; float: right; font-size: 1.1em; overflow: hidden; width: 31em;} #content.shops #rightblock .textblock dt{ float: left; font-weight: bold; margin-right: 0.5em;} #content.shops #rightblock .textblock .inline{ float: left; margin-right: 0.5em;} #content #leftblock.news{ background-color: #FFF; /*border: 0.1em solid #EFEFEF; */float: left; padding: 2em; width: 16.5em;} #content #leftblock.news .pagination{ float: right; margin: 0;} #content #leftblock.news .pagination li{ float: left; list-style: none outside none; font-size: x-small; margin-left: 1.5em; text-transform: uppercase;} #content #leftblock.news .pagination li span{ color: #A9A9B1;} #content #leftblock.news h3{ clear: both; color: #515151; font-size: 1.8em; font-weight: bold; text-transform: uppercase;} #content #leftblock.news h4{ clear: both; color: #A9A9B1; font-size: 1.2em; font-weight: bold; padding-top: 0.5em; text-transform: uppercase;} #content #leftblock.news h4 a{ clear: both; color: #A9A9B1;} #content #leftblock.news p.date{ clear: both; color: #515151; font-size: 1.2em; font-weight: bold; margin-bottom: 1em;} #content #leftblock.product{ background-color: #624825; /*border: 0.1em solid #EFEFEF; */float: left; padding: 2em; width: 16.5em;} #content #leftblock.product ul{ border-top: 0.1em solid #FFF; margin-left: 0;} #content #leftblock.product ul li{ border-bottom: 0.1em solid #FFF; font-size: 1.2em; list-style: none outside none; margin-bottom: 0; padding: 0.7em 0;} #content #leftblock.product ul li a{ color: #FFF; text-transform: uppercase;} #content #leftblock.product ul li ul{ border: none; margin-left: 2em;} #content #leftblock.product ul li ul li{ border: none; font-size: inherit; padding: 0;} /* ========== */ /* = FOOTER = */ /* ========== */ #footer #news{ float: left; padding: 2em 2em 0 1em; width: 19em;} #footer #news p{ color: #815725; text-transform: uppercase;} #forms_footer{ float: left; padding: 2em 1.5em 0 1em; width: 17em;} #footer #find_shop{ margin-bottom: 1em;} #footer #find_shop form #cp{ float: left; margin-right: 1em; width: 7.6em;} #footer #find_shop form #cp input{ width: 6.8em;} #footer #find_shop form #prov{ float: left; width: 6.2em;} #footer #find_shop form #prov input{ width: 5.4em;} #footer #find_shop form label span{ color: #815725;} #footer #find_shop form p.boton{ margin-top: 1.2em;} #footer #find_shop form p.boton button{ background: transparent url('../img/template/arrow_footer.gif') no-repeat; border: none; cursor: pointer; height: 19px; text-indent: -9999em; width: 15px;} #footer #newsletter{ } #footer #newsletter form #mail{ float: left; width: 14.8em;} #footer #newsletter form #mail input{ width: 14em;} #footer #newsletter form label span{ color: #815725;} #footer #newsletter form p.boton{ margin-top: 1.2em;} #footer #newsletter form p.boton button{ background: transparent url('../img/template/arrow_footer.gif') no-repeat; border: none; cursor: pointer; height: 19px; text-indent: -9999em; width: 15px;} #footer #publi{ float: left; padding: 2em 0 0 0; width: 34em;} #footer #publi p.text a{ color: #815725; display: block; font-weight: bold; text-align: center; text-transform: uppercase;} #footer #publi p.text a span{ display: block; font-style: italic;} #footer #legal{ background: transparent url('../img/template/footer.gif') no-repeat left top; clear: both; min-height: 5.2em;} #footer #legal ul{ float: left; margin: 0.8em 0 0 7em;} #footer #legal ul li{ border-right: 0.1em solid #C1A47A; float: left; padding: 0 0.5em;} #footer #legal ul li.first{ padding-left: 0;} #footer #legal ul li.last{ border-right: none; padding-right: 0;} #footer #legal ul li a:link{ color: #C1A47A; font-weight: bold; line-height: 1em; text-transform: uppercase;} #footer #legal ul li a:visited{ color: #C1A47A; font-weight: bold; line-height: 1em; text-transform: uppercase;} #footer #legal ul li a:hover{ color: #C1A47A; font-weight: bold; line-height: 1em; text-transform: uppercase;} #footer #legal ul li a:active{ color: #C1A47A; font-weight: bold; line-height: 1em; text-transform: uppercase;} #footer #legal p{ color: #C1A47A; float: right; margin-top: 2.5em;} /* ========= */ /* = FORMS = */ /* ========= */ form{ clear: both;} form p{ font-size: x-small; margin-bottom: 1.5em;} form legend{ display: none;} form input{ background-color: #FFF; border: 0.1em solid #ACABA4; font: 1em 'Trebuchet MS', Helvetica, sans-serif; height: 1.5em; padding: 0.2em 0.4em 0; width: 36em;} form .small{ float: left; margin-right: 2em;} form .small.last, form .medium.last{ float: left; margin-right: 0;} form .medium{ float: left; margin-right: 2em;} form .first{ clear: left;} form .full{ clear: both;} form .small input, form .small select{ width: 14em;} form .medium input, form .medium select{ width: 22.5em;} form .full input, form .full textarea{ width: 48em;} form .inputCheckbox, form .inputRadio{ clear: both; float: left; overflow: hidden;} form .inputCheckbox span, form .inputRadio span{ float: left; margin: 0 1em;} form .inputCheckbox input, form .inputRadio input{ border: none; float: left; height: auto; margin: 0; padding: 0; width: auto;} form .inputFile input{ height: auto; width: auto;} form select{ background-color: #FFF; border: 0.1em solid #ACABA4; font: 1em 'Trebuchet MS', Helvetica, sans-serif; padding: 0.2em 0.2em 0; width: 20em;} form textarea{ background-color: #FFF; border: 0.1em solid #ACABA4; font: 1em 'Trebuchet MS', Helvetica, sans-serif; padding: 0.2em 0.2em 0; width: 36em;} form label span{ color: #B10F14; display: block; font-weight: bold; text-transform: uppercase;} form p.boton{ margin-top: 1em;} form p.boton button{ background-color: #797979; border: 0.1em solid #434343; color: #FFF; cursor: pointer; display: block; font-size: 1.2em; font-weight: bold; padding: 0.2em 0.4em;}