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, 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: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus, a { outline: none; }
em { font-style: normal; }

a, a:visited, a:active, a:link { text-decoration: none; color: #DA251D; }
a:hover { color: #ffffff; }


body,html {
 background-color: #000000 ;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 11px;
 height: 100%;
 color: #4F5155;
}

body {
	background:#000000 url('html-bkg.gif') repeat-x 0 0;
}
#container {
	position:relative;
	margin:0 auto;
	width:960px;
	background:#232122;
	height:auto !important;
	height:100%;
  min-height:100%;
}

#pre-header { background: #3e383a; height: 22px; }
#header {  background: #3f061d url('header-bkg.gif') repeat-x 0 0; height: 135px; }
#content { background: #232122 url('content-bkg.gif') repeat-x 0 0; min-height: 400px; padding-bottom: 150px; }

#body {

}


#footer { 
  height: 150px; 
	position:absolute;
	bottom:0; /* stick to bottom */
  background: #000 url('footer-bkg.gif') 0 0 repeat-x; 
}
#footer-left { 
  padding-top: 70px;
  float: left;
  width: 569px;
  color: #9c9c9c;
}
#footer-left img { 
  margin-right: 10px;
  margin-top: 10px;
}
#footer-right { 
  float: right;
  width: 391px;
  height: 150px;
  background: #000 url('footer-right.jpg') no-repeat; 
}



#logo {
  width: 210px; height: 128px;
  background: transparent url('logo.jpg') no-repeat 0 0;
  float: left;
}
#acciones-usuario { 
  float: left; width: 750px; height: 88px; overflow: hidden;  
  background: transparent url('usuario-bkg.jpg') no-repeat top right;
}
#acciones-usuario ul { list-style-type: none; margin-right: 80px; margin-top: 10px; }
#acciones-usuario li { font: normal 12px/14px arial; letter-spacing: 0px; float: right; clear: both;   text-align: right; width: 600px;  }
#acciones-usuario li em { font: bold 18px/22px arial; letter-spacing: 1px; float: right;  text-align: right; color: #ffffff; }
#acciones-usuario a { text-decoration: none; text-transform: lowercase; color: #f7ce0e; }
#acciones-usuario a:hover { color: #ffffff; }

#menu { float: left; width: 750px; height: 40px; overflow: hidden;  }
#menu ul { list-style-type: none; }
#menu li { font: normal 24px/36px arial; letter-spacing: 1px; float: right; width: 150px;  text-align: center; }
#menu a { text-decoration: none; text-transform: lowercase; color: #ffffff; }
#menu a:hover { color: #f7ce0e; }


#moto { height: 280px; padding-bottom: 0px !important; }
#moto-img { height: 280px; width: 300px; float: left; }
#moto-img img { width: 282px; height: 260px;  }

#moto-msg  { width: 620px;  float: left; height: 280px; position: relative; overflow: hidden; display: table; }
#moto-msg p { display: table-cell; vertical-align: middle; font: bold 36px/60px Arial; color: #e4e4e4; text-align: center;  #display: inline; #position: absolute; #top: 80px; #width: 100%; }



.linkeable   { cursor: pointer; }
.fullWidth   { width: 920px; padding: 20px; clear: both; }
.halfWidth   { width: 440px; float: left; padding: 20px; }
.col-clearer { clear: both; }

.halfWidth h3 { color: #cccccc; font: bold 30px/30px Arial; text-transform: uppercase; padding: 0px 0px 5px 0px; margin: 10px 0px; border-bottom: 3px dashed #333333; }


.lista { width: 440px; }
.lista-linea { height: 50px; }
.lista-col1 { width: 85px; font: bold 20px/20px Arial; color: #a3a3a3; float: left; } 
.lista-col1 b { color: #da251d; }
.lista-col2 { width: 355px; height: 50px; font: normal 11px/15px Verdana; color: #d0d0d0; float: left; font-size: 10px; line-height: 12px; } 
.lista-col2 em { color: #da251d; font-size: 11px; line-height: 14px;}

img.fotito { width: 150px; height: 100px; border: 0px; }
  
span.ico16x16 { float: left; display: block ; width:23px; height: 16px;  }
span.icoFacebook { background: transparent url('ico-facebook.gif') no-repeat 0 0; }
span.icoTwiter { background: transparent url('ico-twiter.gif') no-repeat 0 0; }
span.icoDireccion { background: transparent url('ico-direccion.gif') no-repeat 0 0; }
span.icoMail { background: transparent url('ico-mail.gif') no-repeat 0 0; }
span.icoTelefono { background: transparent url('ico-telefono.gif') no-repeat 0 0; }
#footer-content {
  padding-top: 10px;
}
#footer dl { float:left; margin:0; padding:10px 0 10px 10px; width:250px; }
#footer dt { font: bold 18px/24px Arial; color: #2c2929; letter-spacing:1px; text-transform:uppercase; }
#footer dd { color:#4c4949; font: normal 11px/16px Verdana; margin: 5px 0px; }
#footer a { color:#4c4949; font: normal 12px/16px Verdana; margin: 0px; padding: 0px; }
#footer a:hover { color:#a3211b;  }
#copyright { position: absolute; bottom: 0px; right: 0px; font-size: 8px !important; }

div.foooter-block {
  height: 50px;
  width:200px;
  float: left;
  margin: 10px;
}
ul#footer-block-location {
  background: url('location32.gif') no-repeat 0 0;
  height: 50px;
  padding-left: 40px;
  list-style-type: none;
}
ul#footer-block-phone {
  background: url('phone32.gif') no-repeat 0 0;
  height: 50px;
  padding-left: 40px;
  list-style-type: none;
}
div.foooter-block-follow {
  height: 50px;
  width: 90px;
  float: right;
  margin: 10px;
}
div.foooter-block-follow img {
  margin: 0px 4px;
}

div.foooter-block li {
  color: #959595;
  font: normal 11px/15px 'Lucida Grande',Verdana,Arial,Sans-Serif;
}





.scrollable { position:relative; overflow:hidden; }
#scrollable-home {
	width: 440px;
	height:100px;
  background-color: #000000;
}
#scrollable-lugar {
	width: 920px;
	height:100px;
}

div.scrollable div.items {
	width:20000em;
	position:absolute;
}
div#scrollable-lugar { margin: 20px 0px; }


.progress { 
  position:absolute; 
  top:45%; left:50%;  display:none; 
} 
 
#scroller a.active img { 
  outline:1px solid #000; 
  z-index:9999; 
  position:relative; 
}






#lugar-datos { clear: both; width: 920px; font: normal 18px/23px Arial; color: #aaa; }
#lugar-datos dl { margin: 0 auto; padding: 0px; width: 520px; float: left; }
#lugar-datos dt { font-weight: bold; color: #F7CE0E; float: left; clear: both; width: 100px; text-align: right; margin-right: 10px; margin-bottom: 12px; }
#lugar-datos dd { float: left; margin: 0px; width: 410px; }
#lugar-mapa { float: left; width: 400px;  }


.luna-warning {
  position: absolute; top:0px; left: 207px;
  padding: 20px;
  width: 500px;
  overflow: auto;
  border: 3px solid #000000; border-top: 0px;
  text-align: center;
  font: bold 14px/18px Arial;
  color: #ffffff;
  background: #e32611 url('warning-bkg.gif') bottom center repeat-x;
  -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomright: 10px;
}


.luna-notificacion {
  position: absolute; top:0px; left: 207px;
  padding: 20px;
  width: 500px;
  overflow: auto;
  border: 3px solid #000000; border-top: 0px;
  text-align: center;
  font: bold 14px/18px Arial;
  color: #ffffff;
  background: #347e1e url('notif-bkg.gif') bottom center repeat-x;
  -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomright: 10px;
}

div.filaSemana {
  width: 920px;
  min-height: 100px;
  clear: both;
  padding: 20px 0px;
}
  div.filaSemanaTitle {
    width: 200px;
    float: left;
  }
    div.filaSemanaTitle p {
      width: 200px;
      margin: 0px; padding: 0px;
      font-size: 36px;
      height: 50px; overflow: hidden;
      text-align: center;
    }
    div.filaSemanaTitle p em {
      font-style: normal;
      font-weight: bold;
      color: #cc0000;
    }
    
  div.filaSemanaAlbumes {
    width: 700px;
    float: left;
  }
    div.filaSemanaAlbumesClearer {
      clear: both;
    }
    
    div.albumContainerListado {
      float: left;
      width: 150px;
      
    }
      div.albumContainerListadoImagen {
        padding: 5px 0px;
      }
        div.albumContainerListadoImagen img {
          border: 0px;
          margin: 0px 25px;
        }
      div.albumContainerListadoCaption {
      
      }
        div.albumContainerListadoCaption a {
          margin: 0px; padding: 0px;
          text-decoration: none;
          font: bold 16px/20px Arial;
          width: 75px;
          display: block; float: left;
          color: #ccc;
        }
        div.albumContainerListadoCaption a.left {
          color: #cc0000;
          text-align: right;
          letter-spacing: 3px;
        }
        div.albumContainerListadoCaption a.right {
          text-transform: uppercase;
          text-align: left;
          font-weight: normal;
        }

        
        
        
        
        
        
  div.headerAlbum {
    padding: 20px 0px;
    height: 100px;
    overflow: hidden;
  }
    div.headerAlbumLeft {
      width: 200px;
      float: left;
    }
      div.headerAlbumLeft p {
        width: 200px;
        margin: 0px; padding: 0px;
        font-size: 36px;
        height: 50px; overflow: hidden;
        text-align: center;
      }
      div.headerAlbumLeft p em {
        font-style: normal;
        font-weight: bold;
        color: #cc0000;
      }
    div.headerAlbumMiddle {
      width: 150px;
      float: left;
    }
      div.headerAlbumMiddle img {
      }
      div.headerAlbumMiddle p {
        margin: 0px; padding: 0px;
        text-decoration: none;
        font: bold 16px/20px Arial;
        width: 75px;
        display: block; float: left;
        color: #ccc;
          text-transform: uppercase;
          text-align: left;
          font-weight: normal;
      }
      div.headerAlbumMiddle p em {
          color: #cc0000;
          text-align: right;
          letter-spacing: 3px;
      }
    div.headerAlbumRight {
      width: 570px;
      height: 100px;
      float: left;
    }
      div.headerAlbumRight p {
        height: 60px;
        font: bold 34px/40px Arial;
      }
      div.headerAlbumRight p.xiao {
        height: 20px;
        font: bold 14px/20px Arial;
      }
      div.headerAlbumRight p.har-links {
        font: normal 11px/18px Verdana;
        text-align: right;
        height: 20px;
      }
      div.headerAlbumRight p.har-links a {
        text-decoration: none;
        color: #da251d;
      }
        
  div.listAreaAlbum {
  
  }
  div.listAreaAlbumImagesPlaceholder {
    width: 100px;
    height: 75px;
    padding: 15px;
    float: left;
  }
  div.listAreaAlbumImagesPlaceholder a {
    margin: auto;
  }
  
  
  div.containerFotoAlbum {
    padding: 20px 0px;
  }
    div.leftZoneFotoAlbum {
      width: 440px;
      float: left;
      text-align: center;
      height: 350px;
    }
    div.leftZoneFotoAlbum img {
      padding-left: 20px;
    }
    
    div.rightZoneFotoAlbum {
      width: 440px;
      float: left;
      padding: 0px 20px;
      position: relative;
    }
    ul#comentariosFotoAlbum {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
    }
    ul#comentariosFotoAlbum li {
      padding: 5px 10px;
      color: #cccccc;
    }
    div.nuevoComentarioFotoAlbum {
      padding: 10px;
      margin: 0px; margin-top: 10px; padding-top: 5px;
      height: 24px;
    }
    div.nuevoComentarioFotoAlbum input#lblMensaje {
      width: 300px;
    }
    div.nuevoComentarioFotoAlbum input#btnSubmit {
      width: 80px;
      margin-left: 10px;
    }
    
    
    
  div.loading {
    width: 24px;
    height: 24px;
    overflow: hidden;
    background: url('loading.gif') 0 0;
  }
  div.download {
    margin-top: 10px;
    padding-left: 28px;
    height: 24px;
    overflow: hidden;
    font: normal 20px/24px Arial;
    color: #DA251D;
  }  
  span.download-ico {
    width: 24px; height: 24px; overflow: hidden; padding: 0px 12px;
    background: url('download24.gif') 0 0 no-repeat;
  }
  div.download:hover {
    color: #ffffff;
  }
  div#loadingFotoAlbum {
    position: absolute;
    right: 25px;
    top: 5px;
  }
  
  
.caption {
  font: bold 18px/22px Arial !important;
  width: 150px;
}

#lugar-speach { 
  color: #ddd;
  font: normal 22px/26px Tahoma !important;
  text-align: justify;
  letter-spacing: 2px;
}

div#pager {
  text-align: center;
  height: 50px;
}
span.pagina-actual {
  padding: 2px 10px;
  margin: 0 2px;
  font: bold 24px/30px Arial;
  text-align: center;
  border: 1px dotted #222;
}
div#pager a {
  padding: 2px 10px;
  margin: 0 2px;
  border: 1px dotted #222;
  font: normal 22px/30px Arial;
  text-align: center;
}

span.commentUser {
  padding-right: 10px;
  color: #ffffff;
}


































h3  {
  color:white;
  font:bold 18px/22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  letter-spacing:1px;
  margin: 20px 0px;
  text-transform:none;
}
h4  {
  color:white;
  font:bold 18px/22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  letter-spacing:1px;
  margin: 0px; margin-bottom: 10px; padding-bottom: 5px;
  border-bottom: 4px solid #666666;
  text-transform:none;
}
h5  {
  color:#dddddd;
  font:bold 16px/20px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  letter-spacing:1px;
  margin: 10px 0px; padding-bottom: 5px;
  border-bottom: 4px solid #444444;
  text-transform:none;
}
label.inputLabel {
  color:#FFFFFF;
  display:block;
  font-size:12px;
  font-weight:bold;
  margin:5px 0 0 5px;
  width:450px;
}
textarea.text, input.text {
  font: normal 13px/16px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  letter-spacing: 1px;
  background-color:#E8EAED;
  border:1px solid #000000;
  margin:3px 0 10px 3px;
  padding:5px;
  width:600px;
}
textarea.text:hover, input.text:hover  { background-color:#FFFFFF; }

.combo  {
  font: normal 13px/16px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  letter-spacing: 1px;
  background-color:#E8EAED;
  border:1px solid #000000;
  margin:3px 0 10px 3px;
  padding:5px;
  width:200px;
}
.combo:hover  { background-color:#FFFFFF; }


div.errorTooltip {
  background:url("errortooltip-tl.png") no-repeat scroll 0 0 transparent;
  display:inline;
  margin:3px 0 0 10px;
  position:absolute;
  z-index:2;
}
div.errorTooltip div.tooltipBg {
  background:url("errortooltip-br.png") no-repeat scroll 100% 100% transparent;
  left:-2px;
  position:relative;
  top:10px;
  width:223px;
}
div.errorTooltip div.tooltipBg p {
  color:#FFFFFF;
  font-size:12px;
  margin:0;
  padding:1px 13px 6px 11px;
  position:relative;
  text-align:center;
top:-6px;
}
div.errorTooltip div.tooltipBg div.arrow {
  background:url("errortooltip-arrowleft.png") no-repeat scroll 0 0 transparent;
  height:21px;
  left:-4px;
  position:absolute;
  top:-6px;
  width:6px;
}
.boton {
  background:none repeat scroll 0 0 #a3001d;
  border:1px solid #da251d; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  color:#FFFFFF;
  cursor:pointer;
  letter-spacing: 2px;
  font: bold 14px/22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  height:32px;
  outline: none;
}
.boton:hover { background-color: #da251d; }
form#frmRegister,form#frmContacto { position: relative; padding-bottom: 40px; }
form#frmRegister input#frmSubmit,form#frmContacto input#frmSubmit {
  width: 120px;
  margin-left: 0px;
  clear: both;
  display: block;
}
form#frmRegister button.boton {
  position: relative;
  top: -32px;
  left: 150px;
}
form#frmRegister #captcha_img {
  bottom: 50px !important;
}

#captcha_img {
  position: absolute;
  right: 350px;
  bottom: 20px;
}



div.fichaUsuario {
  width: 450px;
  height: 50px;
  float: left;
  
  margin: 10px;
}
div.avatarFichaUsuario {
  width: 50px; height: 50px; overflow: hidden;
  float: left; 
}
div.tituloFichaUsuario {
  margin-left: 10px;
  width: 390px; height: 26px; overflow: hidden;
  font: bold 22px/26px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,sans-serif;
  float: left; 
}
div.datosFichaUsuario {
  height: 24px; overflow: hidden;
  float: left;
}
div.datosFichaUsuario ul {
  margin-left: 10px;
  width: 390px;
} 
div.datosFichaUsuario li {
  width: 390px; height: 11px; overflow: hidden;
  font: normal 11px/11px Verdana;
} 
div.datosFichaUsuario em {
  text-decoration: line-through;
}