/*
·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·
    __   ___    __  ___  ____  __  _  _   __  
   /  \ (  ,)  (  )(  _)(_  _)(  )( )( ) /  \ 
  ( () ) ) ,\ __)(  ) _)  )(   )(  \\// ( () )
   \__/ (___/(___/ (___) (__) (__) (__)  \__/ 
    __  ___   ___   __   ____  __  _  _   __  
   / _)(  ,) (  _) (  ) (_  _)(  )( )( ) /  \ 
  ( (_  )  \  ) _) /__\   )(   )(  \\// ( () )
   \__)(_)\_)(___)(_)(_) (__) (__) (__)  \__/ 
  
  PÁGINA WEB CREADA POR OBJETIVO CREATIVO
  Diseño gráfico, web y publicidad
  
  C/ Marqués de San Esteban 46, 3º Oficina 2
  (985) 340 761 · (630) 491 868 · (620) 138 441 · 33206 Gijón
  http://www.objetivocreativo.com · correo@objetivocreativo.com
  
  -·-·-·-
  
  (layout.css)
    
  Diseño Gráfico              : Marta Iglesias
  Programación y Maquetación  : Juan José Suárez
  
·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·-·
*/

.clear { clear: both; }

.left, .right, .center { padding: 25px; font-size: small; width: 264px; display: inline; }
.left   { float: left; }
.right  { float: right; text-align: right; }
.center { float: left; text-align: center; }

html, body { margin: 0; padding: 0; background-color: #33291a; }

#wrapper { width: 990px; margin: 0 auto; }

#header  { height: 390px; }

    #menu      { position: relative; height: 131px; z-index: 2; background: url("../img/header.png") repeat-x #eef2be; }
    .menu, .menu_s { display: inline; }
    .menu          { margin-top: -5px; }
    .menu_s        { color: #493318; }
    
      #menu_left, #menu_right { position: relative; width: 390px; height: 31px; display: inline; top: 100px;
                                text-align: center; border-top: 2px dashed #493318; padding: 5px; }
      #menu_left  { float: left; }
      #menu_right { float: right; }
      
    #photos    { position: relative; height: 260px; z-index: 2; background-color: gray; overflow:hidden; }
    #logo      { position: relative; width: 207px; height: 167px;
                 margin: 0 auto; top: -380px; z-index: 4;
                 background: url("../img/logo.png") no-repeat #eef2be; }
                 
    #bg_logo   { position: relative; width: 231px; height: 57px;
                 margin: 0 auto; top: -428px; z-index: 3;
                 background: url("../img/bg_logo.png") no-repeat; }
    
#main      { }

    #content         { width: 654px; display: inline; float: left; background-color: white; }
    #bar_right_onda  { width: 31px; height: 257px; display: inline; float: left; }
    #bar_right_onda2 { width: 31px; display: inline; float: left; }
    #bar_right       { width: 305px; height: 257px; display: inline; float: right; }
    #bar_right2      { width: 305px; display: inline; float: right; }
    
#footer  { height: 54px; }