/*
á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á
    __   ___    __  ___  ____  __  _  _   __  
   /  \ (  ,)  (  )(  _)(_  _)(  )( )( ) /  \ 
  ( () ) ) ,\ __)(  ) _)  )(   )(  \\// ( () )
   \__/ (___/(___/ (___) (__) (__) (__)  \__/ 
    __  ___   ___   __   ____  __  _  _   __  
   / _)(  ,) (  _) (  ) (_  _)(  )( )( ) /  \ 
  ( (_  )  \  ) _) /__\   )(   )(  \\// ( () )
   \__)(_)\_)(___)(_)(_) (__) (__) (__)  \__/ 
  
  PAGINA WEB CREADA POR OBJETIVO CREATIVO
  Diseno grafico, web y publicidad
  
  C/ Marques de San Esteban 46, Planta 3, Oficina 2.
  (985) 340 761 - (630) 491 868 - (620) 138 441 - 33206 Gij—n
  http://www.objetivocreativo.com - correo@objetivocreativo.com
  
  -á-á-á-
  
  Layout para Eco-logica (layout.css)
  
  Diseno             : Marta Iglesias Pereira
  Maquetacion        : Juan Jose Suarez Galvan
  
á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á-á
*/

html, body { margin: 0; padding: 0; border: 0; outline: 0; }
.clear { clear: both; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

body { background: url("../img/body_bg.jpg") repeat-x; }
html { background: url("../img/green.jpg"); }

#row1, #row2 { width: 100%; }
#row1 { position: relative; z-index: 2; }
#row2 { position: relative; height: 325px; background: url("../img/footer_bg.jpg") repeat-x; z-index: 1; }
#wrapper_row1 { width: 960px; margin: -65px auto; padding-top: 65px; background-color: white; }

#header { background: url("../img/header_bg.png") no-repeat; width: 960px; height: 180px; position: absolute; top: 65px; }

#ecologica_menu { width: 360px; height: 92px; background: url("../img/ecologica_menu.jpg") 10px no-repeat;
                  position: relative; top: 37px; left: 533px; }

.ecologica_button { width: 85px; height: 35px; display: inline; float: left; cursor: pointer; margin: 2px;
                    position: relative; top: 70px;
                    background: url("../img/ecologica_button.png") no-repeat; }
.ecologica_button:hover { background: url("../img/ecologica_button.png") 0 -35px no-repeat; }
.ecologica_button:active, .visited { background: url("../img/ecologica_button.png") 0 -70px no-repeat; }

.ecologica_button a,
.ecologica_button a:hover,
.ecologica_button:visited { color: black; font-size: small;
text-decoration: none; display: block; text-align: center; position: relative; top: 8px; }

#tabs { position: absolute; top: 434px; margin-left: 19px; }

.tab_segway, .tab_johnny, .tab_beixo, .tab_compras,
.tab_segway_visited, .tab_johnny_visited,
.tab_beixo_visited, .tab_compras_visited {display: inline; float: left; background: url("../img/tabs.png") no-repeat; cursor: pointer; }

.tab_beixo { width: 230px; height: 111px; background-position: 0 0; }
.tab_segway { width: 231px; height: 130px; background-position: 0 -111px; }
.tab_johnny { width: 231px; height: 127px; background-position: 0 -246px; }
.tab_compras { width: 231px; height: 98px; background-position: 0 -373px; }

.tab_beixo:hover { background-position: -232px 0; }
.tab_segway:hover { background-position: -232px -111px; }
.tab_johnny:hover { background-position: -232px -246px; }
.tab_compras:hover { background-position: -232px -373px; }

.tab_segway_visited, .tab_johnny_visited,
.tab_beixo_visited, .tab_compras_visited { width: 229px; }

.tab_beixo_visited { width: 230px; height: 111px; background-position: -461px 0; }
.tab_segway_visited { width: 231px; height: 130px; background-position: -461px -111px; }
.tab_johnny_visited { width: 231px; height: 127px; background-position: -461px -246px; }
.tab_compras_visited { width: 231px; height: 98px; background-position: -461px -373px; }

#content { background-color: white; position: relative; top: -40px; margin: 10px; padding: 10px; }
#content_main { position: relative; top: -45px; }
.content_main { position: relative; top: -45px; }

#bar_left, #bar_right { display: inline; padding: 10px; }
#bar_left { width: 580px; float: left; }
#bar_right { width: 250px; float: right; border: 1px solid gray; }

.h1_home, .h1_ecologica, .h1_enlaces,
.h1_contacto, .h1_segway, .h1_bici,
.h1_compras, .h1_contacto2 { color: #a5c400; font-size: 1.2em; font-weight: normal; padding-top: 10px; padding-left: 65px; }

.h2_subtitle, .h2_bici { font-size: 0.8em; font-weight: normal; position: relative; top: -60px; padding-left: 66px;
                         padding-bottom: 0; margin-bottom: 0; }
.h2_bici { padding-left: 90px; }
 
.h1_home { height: 75px; background: url("../img/h1_home.jpg") no-repeat; }
.h1_ecologica { width: 100%; height: 75px; background: url("../img/h1_ecologica.jpg") no-repeat; }
.h1_enlaces { width: 100%; height: 75px; background: url("../img/h1_enlaces.jpg") no-repeat; }
.h1_contacto { width: 100%; height: 75px; background: url("../img/h1_contacto.jpg") no-repeat; }
.h1_segway { width: 100%; height: 75px; background: url("../img/h1_segway.jpg") no-repeat; }
.h1_bici { width: 100%; height: 75px; background: url("../img/h1_bici.jpg") no-repeat; padding-left: 89px; }
.h1_compras { width: 100%; height: 75px; background: url("../img/h1_compras.jpg") no-repeat; }
.h1_contacto2 { width: 100%; height: 75px; background: url("../img/h1_contacto2.jpg") no-repeat; }

h3 { font-size: 0.8em; font-weight: normal; }

#bar_left p { font-size: 0.8em; color: gray; }

#bar_right h1 { width: 240px; height: 45px; margin-left: 5px; background: url("../img/bar_right.jpg") bottom no-repeat;
                font-size: 0.8em; text-align: center; font-weight: normal; color: gray; }
                
#bar_right h2 { font-size: 0.8em; font-weight: normal; color: #a5c400; }
#bar_right p { font-size: 0.7em; color: gray; margin-top: -8px; }

#notices { width: 960px; margin: 0 auto; position: relative; top: 80px; }

#destacada { width: 320px; height: 189px; background: url("../img/ultima_noticia.png") no-repeat; }
#destacada h1 { font-size: 1em; position: relative; top: -30px; padding-left: 1em; color: #434343; font-weight: normal; }
#destacada h2 { font-size: 0.8em; position: relative; top: -20px; display: block; color: #434343; text-align: right; padding-right: 1em;
                font-weight: bold; margin-top: -10px; }
#destacada p { font-size: 0.8em; font-weight: normal; padding: 1.4em; width: 200px; position: relative; top: -75px; color: #222; }

#wp_noticias { width: 620px; float: right; position: relative; top: -195px; }

.noticia { border-bottom: 1px dotted white; width: 260px; height: 86px; display: inline; float: left; margin: 4px; padding: 2px;
           margin-left: 20px; }
.noticia h1 { width: 100%; height: 28px; background: url("../img/icono_noticias.png") no-repeat;
              font-size: 0.8em; padding-left: 36px; font-weight: bold; color: #a5c400; }
.noticia h2 { width: 100%; height: 28px; font-size: 0.8em; text-align: right; color: #a5c400; position: relative; top: -37px; }
.noticia p { font-size: 0.7em; color: white; position: relative; top: -45px; }

#firma_oc { position: relative; top: -93px; padding: 0 20px; }
#firma_oc h1, #firma_oc strong { text-align: right; float: right; width: 100%; }
#firma_oc span { cursor: pointer; }

/* Colaboradores (Enlaces) */
/* ----------------------- */

.colaborador { width: 100%; display: block; }
.colaborador img { display: inline; float: left; padding: 1em; }
.colaborador p { padding: 1em; padding-top: 2em; font-size: 0.9em; }

.colaboradores { border: 1px solid silver; padding: 1em; }
.colaboradores:hover { border: 1px dashed silver; cursor: pointer; }
#colaboradores_group { text-align: center; }

/* Contacto (Formulario) */
/* --------------------- */

label, input, textarea { display: block; }
label { margin-top: 1em; font-size: 0.8em; }
input, textarea { width: 100%; background-color: white; border: 1px solid #a5c400; padding: 0.5em; font-weight: bold; }
input:hover, textarea:hover { border: 1px dashed silver; font-weight: normal; }
input:focus, textarea:focus { background-color: #eee; border: 1px solid #a5c400; font-weight: normal; }
textarea { height: 100px; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; }
textarea, textarea:hover, textarea:focus { font-weight: normal; }
button { padding: 1.2em; margin: 1em; font-size: 0.8em; float: right; }
.fieldset_main { border: none; }

select { width: 100%; }
option { font-size: medium; }
optiongroup { font-size: medium; font-weight: bold; }
legend { font-size: 0.8em; }

/* Segway Modelos */
/* -------------- */

.segway_modelos { display: inline; float: left; border: 1px solid silver; margin: 2px; padding: 2px; }
.segway_modelos:hover { border: 1px solid #9acd32; cursor: pointer; margin: 2px; padding: 2px; display: inline; float: left; }
.segway_modelos span { color: gray; padding: 1em; }
.segway_modelos:hover span { color: #9acd32; padding: 1em; }

/* MODELOS LOCOS */
/* ----------------- */

/* HACER RESERVA */
/* ----------------- */

.hacer_reserva { width: 120px; height: 30px; background-color: #eee; float: right;  border: 1px solid gray; margin-bottom: 20px; }
.hacer_reserva span { font-size: 0.7em; padding: 12px; font-weight: bold; color: gray; position: relative; top: 5px; }

.hacer_reserva:hover { border: 1px solid black; cursor: pointer; }
.hacer_reserva span:hover { cursor: pointer; text-decoration: underline; }

/* Segway Accesorios */
/* ----------------- */

.accesorio h1 { font-size: small; color: gray; width: 150px; }
.accesorio p { font-size: small; width: 150px; }
.accesorio { width: 170px; padding: 1px; margin: 1px; display: inline; float: left; }
.fieldset_accesorios { display: inline; float: left; }

/* Segway Publicidad */
/* ----------------- */

.publicidad h1, .publicidad p { font-size: small; }
.publicidad h1 { color: #9acd32; }
.publicidad img { max-width: 260px; }
.publicidad { width: 270px; display: inline; float: left; margin: 6px; padding: 3px;}


/* Miga PAN */
/* ----------------- */
  
  #migapan { text-align: center; color: yellowgreen; }
  #migapan a { color: gray; font-size: small; text-decoration: none; }
  #migapan a:hover { text-decoration: underline; color: yellowgreen; }
  #migapan a:visited { color: gray; }
  

/* TIENDINA */
/* -------- */

#tiendina { position: relative; height: 300px; top: 155px; border-bottom: 1px solid gray;
background: url('../img/tiendina/bg.jpg'); }

#wrapper_tiendina { width: 890px; height: 205px; position: relative; top: 15px; margin: 0 auto; overflow: auto; }

#header_tiendina { background: url('../img/tiendina/header.jpg');
width: 890px; height: 122px; margin: 0 auto; }

#content_tiendina { width: 890px; margin: 0 auto; position: relative; top: -20px; }

#tiendina_unidades, #tiendina_concepto, #tiendina_color, #tiendina_precio { display: inline; float: left; width: 200px; }
#tiendina_unidades { width: 120px; }
#tiendina_concepto { width: 345px; border-left: 1px solid #a6c525; border-right: 1px solid #a6c525; }
#tiendina_color { border-right: 1px solid #a6c525; }

#titulin h1 { margin: 0; padding: 0; padding-left: 530px; padding-top: 50px; font-size: large; color: #333; }
#titulin h1 strong { font-size: 35px; }

.bloque_tiendina h1 { margin: 0; padding: 0; font-size: small; color: #333; padding-left: 5px; top: -5px; position: relative; }

.linea select, .linea img { display: inline; float: left; }
.linea { clear: both; height: 23px; }
.linea span { color: gray; padding: 10px; font-size: small; }

#tiendina_precio .linea span { text-align: right; }

.oculto { display: none; }

.opacidad:hover {  opacity: 0.85; }
.contorno:hover {  border: 1px solid #a4c224; cursor: pointer; margin: -1px;}

/* FOOTER FIX */
/* ---------- */

.noticia_first { margin-top: -37px; }
#destacada { padding-top: 37px; }