Tema: centrar logo
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/10/2013, 09:16
Avatar de elsolodigno
elsolodigno
 
Fecha de Ingreso: agosto-2009
Mensajes: 225
Antigüedad: 14 años, 8 meses
Puntos: 2
Respuesta: centrar logo

Gracias por la pronta respuesta. Ya había probado esa opción pero nada...

Código HTML:
/* header */
.top-part { background:url(../image/top-hpart-bg.jpg) left top repeat-x; }
.t-part { width:960px; background-color:#2d2d2d; margin:0 auto; height:40px; padding:0 10px; }
#header { padding:0px 0px 0px 0px; position: relative; z-index:1200; width:980px; margin:0 auto 20px auto; }
#header #logo { float:left; margin:0; padding:28px 0 10px 10px; }
#language { float:left; font-size:14px; color:#ccc; line-height:40px; margin-left:10px; padding-left:10px; padding-right:5px; }
#language span { margin-right:5px; }
#language img { cursor: pointer; margin-right:5px; opacity:0.8; }
#language img:hover { opacity:1; }
#currency { float:left; color:#ccc; line-height:40px; font-size:14px; position:relative; }
#currency a { display:inline-block; padding:0px 4px; font-size:14px; color:#ccc; text-decoration:none; margin-right:2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#currency a b { color:#ccc; text-decoration:underline; }
#currency a:hover { text-decoration:underline; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#header #cart { position:absolute; z-index:1199; top:82px; right:10px; line-height:32px; }
#header #cart .heading { float: right; padding:0 5px 0 0px; position: relative; }
#header #cart .heading h4 { background:#000; width:29px; height:27px; display:inline-block; float:left; margin:8px 8px 0 0; }
#header #cart .heading a { text-decoration: none; font-size:16px; height:36px; float:left; color:#444; }
#header #cart .heading a span { background:url('../image/arrow-down.png') 100% 50% no-repeat; padding-right: 15px; display:inline-block; margin-top:5px; }
#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height: 150px; border:1px solid #eee; background: #FFF; width:350px; right:0; top:36px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); }
#header #cart.active .heading { }
#header #cart.active .content { display: block; }
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
.mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; }
.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { border: 1px solid #EEEEEE; text-align: left; }
.mini-cart-info .name small { color: #666; }
.mini-cart-info .quantity { text-align: right; }
.mini-cart-info td.total { text-align: right; }
.mini-cart-info .remove { text-align: right; }
.mini-cart-info .remove img { cursor: pointer; }
.mini-cart-total { text-align: right; }
.mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; }
.mini-cart-total td { color: #000; padding:0px; margin:0; }
#header #cart .checkout { text-align: right; clear: both; }
#header #cart .empty { padding-top: 50px; text-align: center; }
.t-part #search { position:relative; float:right; z-index:15; line-height:25px; margin-left:10px; margin-top:7px; }
.t-part .button-search { position:absolute; right:0px; background: url('../image/button-search.png') center center no-repeat; width:28px; height:24px; cursor: pointer; }
.t-part #search input { background:#fff; opacity:0.5; padding:0px 30px 0px 12px; width:120px; height:25px; -webkit-border-radius:20px; -moz-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; border:0px none; color:#111111; font-size:13px; line-height:25px; }
.t-part #search input:focus { opacity:1; color:#000; }
.t-part #welcome { text-align:right; float:right; color:#bbb; height:40px; line-height:40px; }
.t-part #welcome a { color:#ddd; text-transform:capitalize; text-decoration:underline; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.t-part #welcome a:hover { text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#header .links { float:right; font-size:14px; margin:20px 10px 10px 0; }
#header .links a { float: left; display: block; padding: 0px 0px 0px 7px; color:#666; text-decoration: none; font-size: 13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#header .links a + a { margin-left: 8px; border-left:1px dotted #666; }
#header .links a:hover { text-decoration:underline; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media screen and (max-width:768px) {

#header {
width:auto!important;
}

#header {
min-height:auto;
text-align:center;
margin:0 auto;
}

}