body {
font-family: Calibri, 'Trebuchet MS', Arial, Verdana, sans-serif;
color: #fff;
background: #7b0a20;
margin:0;
text-align: center; /* for IE */
}


h1 {
margin: 10px 0;
padding: 0 10px 0 0;
text-align: left;
font-size: 150%;
color: #FF9F00; /*#F5A36B*/
/*border-bottom: 2px dashed #FFe0FF;*/
}

h2 {
margin: 0;
padding: 0.8em 0 0.3em 1em;
font-size: 150%;
color: #fff /*#FF9F00#E89745*/;
}

h5 {
margin: 0;
padding: 0;
}

p, li {
margin-top: 5px;
color: #fff;
font-size: 80%;
}

p.home {
font-weight: bold;
font-size: 110%;
margin: 0;
}

dt {
font-weight: bold;
font-size: 80%;
}



a:link, a:visited {
color: #fff;
text-decoration: underline;
}



a:hover {
color: #000;
background: none;
text-decoration: none;
}



#contenedor {
margin: 20px auto 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
width: 695px;
border: 5px solid #fff;
}

#header {
background: transparent url(bg-header.jpg) no-repeat;
height: 97px;
text-indent: -1000em;
}

#header h1, 
#header p {
margin: 0;
padding: 0;
}



#menu {
width: 100%;
height: 24px;
line-height: 24px;
background: transparent url(bg-menu.jpg) no-repeat;
/*text-align: center;*/
margin: 0;
padding: 0;
}

#menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0 20px;
   padding:0;
   position:relative;
   right:50%;
}

#menu a {
color: #fff;
font-weight: bold;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}


#menu a:hover {
color: #000;
background: none;
}

#menu a:active{
color: #E10717;
}

#contenido {
width: 100%;
margin: 0;
padding: 0;
background: #B8081C url(bg-cont.jpg) no-repeat top;
}

#izq {
padding: 20px 0 0 20px;
width: 45%;
float: left;
}



#der {
padding: 20px 0 0 20px;
width: 45%;
float: left;
}


#centro {
margin: 0px 0 0 0px;
width: 695px;
}

#centro td{
padding-top: 15px;
width: 115px;
}

#centro td a{
font-size: 9pt;
}

#centro td a img{
border: 1px solid #000;
display: block;
}

#centro td a:hover img{
border: 1px solid #fff;
}

br {
display: none;
}

#jeans-mujer,
#jeans-hombre{
margin: 25px 0 15px 30px
}

#jeans-mujer a{
background: #B3081B url(jeans-mujer.jpg) no-repeat;
}
#jeans-hombre a{
background: #B3081B url(jeans-hombre.jpg) no-repeat;
}

#jeans-mujer a,
#jeans-hombre a{
display: block;
width: 274px;
height: 148px;
border: 1px dashed #fff;
}

#jeans-mujer a:hover {
background: #B3081B url(jeans-mujer.jpg) 0 -148px no-repeat;
border: 1px dashed #000;
}
#jeans-hombre a:hover {
background: #B3081B url(jeans-hombre.jpg) 0 -148px no-repeat;
border: 1px dashed #000;
}




#clear{
clear: both;
}

#pie{
width: 677px;
margin: auto;
}

#pie p{
font-size: 12px;
color: #fff;
text-align: center;
margin: 0px 0 0 0;
padding:0;
}

#pie a{
color: #86A8D5;
font-size: 13px;
text-decoration: underline;
}


#pie a:hover {
color: #FFAFFF;
text-decoration: none;
}


#pie table {
width: 100%;
font-size: 80%;
text-align: center;
}



.galeria td{
border: 0
}


input.imc {
background: red;
color:#fff;
}

label.imc {
text-align: right
}



/*------contacto-----------*/
form {
margin: 0;
}

form p {
margin: 0;
}

form#distribuidores{
margin: 0 0 0 30px;
}

form#distribuidores p{
margin: 0 0 20px 0;
}


.form-dist {
float: left;
display: block;
width: 330px;
}

.form-dist-com {
clear: both;
display: block;
width: 90%;
}

label {
text-align: left;
display: block;
font-weight: bold;
margin-top: 5px;
}

select {display: inline;}


input, textarea, select{
background-color: #E74753;/*#FFBE5B*/;
border: 1px solid #fff;
color: #000;
font-family: verdana, sans-serif;
font-size:9pt;
font-weight: normal;
padding:0.2em;
}


textarea{
overflow:auto;
}

label.error {
color: red;
/*border: 1px dashed red;*/
width: 280px;
background: #fff;
text-align: center;
margin-top: 0.5em;
outline:1px dashed #fff;
}

.error {
color: red;
}

.contacto {
margin: 10px 0;
padding: 0;
}