body, html {
    height: 100%;
}
body {
    margin: 0px;
    padding: 0px;
    background-image: url(images/background.jpg);
    font-family: 'Georgia', "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 20px;
    color: #544841;
}

#content h2, #content h3, .producto-marca{
    font-family: 'GentiumBasicRegular', Georgia, sans-serif;
}

h3 {
    font-size: 18px;
    font-weight: normal;
}
a {
    color: #543;
}


a img {
    border: none;
}

.clear {
    clear: both;
}

#main {
    width: 1000px;
    margin: 0px auto;
}
.wrapper {
    width: 900px;
    margin: 0px auto;
}

#header {
    background-image: url(images/header-background.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 120px;
}
#header #logo {
    background-image: url(images/amici-logo.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 60px;
    position: relative;
    left: 20px;
    top: 50px;
}
#header #logos {
    float: right;
    top: 20px;
    position: relative;
}


#header h1 {
    display: none;

}

/*Cambiar nombre*/
.panel {
    position: relative;
    padding: 0px;
    border: none;
    clear: both;
}
.panelgrupo {position: relative; width: 100%; margin: 0px; padding: 0px; border: none}
.panelfoto {overflow: hidden; margin: 0px; padding: 0px; border: none}
.SlidingPanelsAnimating * {overflow: hidden !important}
.SlidingPanelsCurrentPanel {}
.SlidingPanelsFocused {}
#slideContainer {
    background-color: #FFFFFF;
    height: 385px;
    clear: both;

}


#slide {
    margin: 0px;
    clear: both;
    background-color: #665C3E;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-image: url(images/slide-background.gif);

}
#slide .panel {float: left}
#slide .panelgrupo {
    width: 20000px;
    float: left;
}
.panelfoto {
    float: left;
    width: auto;
    border: 1px solid #fff;
}
.panelfoto a {
    margin: 0;
    padding: 0;
    clear: both;
    display: block;

}
.panelfoto img {
    margin: 0;
    padding: 0;
    clear: both;
}



#panelNav {
    float: right;
    width: 100%;
    top: 150px;
    margin-left: 50%;
    left: -50%;
    z-index: 100;
    position: absolute;


}
#panelNav #left {
    float: left;
    margin-left: 20px;
    position: absolute;
    top: 0px;
}
#panelNav #right {
    float: right;
    margin-right: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#panelNav img {
    border: 0px;
}

#screenshot, #tooltip{
    border:1px solid #666666;
    padding:1px 5px;
    display:none;
    color:#fff;
    font-size: 10px;
    background-color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 10000;
}
.panelfoto .detalle {
    color: #fff;
    font-size: 11px;
    padding: 0px 10px 0 20px;
    top: 120px;
    display: block;
    position: absolute;
    border: 1px solid #333;
    border-left: none;
    background-image: url(images/bg-negro.png);
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}


#content {


}
#content  h2 {
    font-size: 32px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0px 0px 10px 0px;

}


#sidebar {
    width: 240px;
    float: left;
    margin-top: 20px;
}
.menu2-border{
    border-top:1px solid #d2ca9d;
    width:150px;
    float:right;
}
.menu2{
    list-style-type: none;
    margin:0px;
    padding-top:20px;
    display: block;
    text-align: right;
    font-size: 14px;
    line-height: 22px;
}
.menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    text-align: right;
    font-size: 14px;
    line-height: 22px;
}
.menu li {
}
.menu li a,.menu2 li a {
    padding-right: 20px;
    display: block;
    color: #544841;
    text-decoration: none;
}
.menu li a:hover,.menu2  li  a:hover, .menu li a.selected,.menu2 li a.selected {
    background-image: url(images/menu-select.png);
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: bold;
}



#mainCol {
    width: 660px;
    float: right;
}
#mainContent {
    background-image: url(images/content-bg.png);
    background-position: top;
    background-repeat: repeat-x;
    min-height: 400px;
    padding: 20px;
}
#footer {
    background-image: url(images/footer-bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    color: #fff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 80px;
}
#footer .wrapper {
    margin: 20px auto;


}



#footer #logos {
    float: left;
    width: 450px;
}
#footer  #info {
    width: 300px;
    float: right;
    text-align: right;
}



.form {

}


.form label
{
    float: left;
    text-align: left;
    display: block;
    font-weight: bold;
    font-size: 11px;
    margin-right: 20px;
}
.form p {
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
    text-align: right;
    padding: 5px 5px;
    margin: 0;
}
.focused{
    background-color: #F3ECBE;
}
.form   input, .form  textarea, .form select
{
    color: #544841;
    border: 1px solid #C4B8B0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    padding: 0px;
    width: 150px;
    height: 25px;
}
.form textarea {
    width: 280px;
    height: 60px;
}
.form .submit {
    border: none;
}
.form .button {
    background-image: url(images/form-boton.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 38px;
    width: 180px;
    font-weight: bold;
    font-size: 12px;
    margin: 20px auto;
    color: #fff;
    border: none;
    display: block;
    background-color: #F6F1C7;
}
.form .button:hover {
    background-image: url(images/form-boton-over.png);
}



.form fieldset {
    display: block;
    margin: 0px auto;
    border: none;

}
.form form {
    text-align: left;
}
#enlaces {
    width: 450px;
    margin: 40px auto;
}

#enlaces a {
    margin-right: 20px;
    display: inline;
    float: left;
}
#local {
}
#local h3 {
    margin: 0;
}

#local #fotos {
    width: 100%;

}
#local #fotos img {
    border: 1px solid #ccc;
    margin: 0px 5px 5px 0px;
    padding: 2px;
    background-color: #fff;
}


#local #data {
    margin-top: 20px;
    width: 360px;
    float: left;

}
#local #data h4 {
    margin: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid;

}
#local p {
    margin: 0px 0px 15px 0px;
}
#mapa {
    text-align: right;
    float: right;
    margin: 20px;
    width: 200px;
}
.localesList {
    width: 350px;
}
.localesList ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.localesList ul li {
}
.localesList ul li a {
    text-decoration: none;
    display: block;
    padding-left: 15px;
    background-image: url(images/list-icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 1px solid #cfbfaf;
}
.localesList ul li a:hover {
    color: #321;
    font-weight:bold;
}
.cafe {
    text-align: right;
    margin: 20px 0px;
}
/*nuevo*/
.btn-colecciones{
    margin:0px;}
.coleccion-content{
    margin:30px 0px;
}
.coleccion-item{
    float:left;
    margin:0px 15px 30px 0px;
    font-size:12px;
    width:190px;
    height:180px;
}
.producto-tumb{
    box-shadow: 0px 2px 5px #999;
}
.producto-marca{
    font-weight:bold;
    margin:7px 0px 5px 0px;
    font-size: 14px;
}
.producto-descripcion{
    border-top:1px solid #d2ca9d;
    padding-top:3px;
}
.producto-imagen{
    box-shadow: 0px 2px 5px #999;
}
.producto-informacion{
    font-size:12px;
    margin:10px 0px 30px 0px
}
.producto-informacion p{
    margin-top:0px;
}
.producto-informacion ul{
    list-style-type: none;
    padding:0px;
    margin:0px;
    display:block;
    text-align: right;
}
.producto-informacion li{
    display:inline;
}
.producto-informacion1-colores li{
    margin-right:5px;
}
.producto-informacion1{
    float:left;
    width:370px;
    margin-right:30px;
}
.producto-informacion2{
    float:left;
    width:220px;
    margin:0px;
}
.producto-informacion1-marca{
    float:left;
    font-weight:bold;
}
.producto-informacion1-descripcion{
    float:right;
}
.producto-informacion1-arriba{
    height:20px;
    margin-bottom:5px;
    clear:both;
}
.producto-informacion1-abajo{
    border-top:1px solid #d2ca9d;
    padding-top:7px;
    height:30px;
}
.producto-informacion1-colores{
    float:left;
}
.producto-informacion1-talles{
    float:right;
}
.producto-botones{
    border-top:1px solid #d2ca9d;
    padding-top:5px;
    margin-top:30px;
}
.producto-anterior{
    float:left;

}
.producto-volver{
    float:left;
    margin-left:192px;
}
.producto-siguiente{
    float:left;
    margin-left:192px;
}
.producto-anterior a{
    display:block;
    width:75px;
    text-decoration:none;
    text-align:right;
}
.producto-volver a{
    display:block;
    width:70px;
    text-decoration:none;
    text-align:center;
}
.producto-siguiente a{
    display:block;
    width:90px;
    text-decoration:none;
    text-align:left;
}
.producto-volver a:hover{
    font-weight: bold;
}
.producto-anterior a:hover{
    background-image: url(images/menu-select.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}
.producto-siguiente a:hover{
    background-image: url(images/menu-select2.png);
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: bold;
}

.paginador {
    clear: both;
    margin: 0px auto;
    text-align:center;
    width:200px;
}
.paginador a {

}
.paginador a:hover {

}

.promocion {
    overflow: auto;
    clear:both;
    margin-bottom:20px;
}