body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color:#0C3B73;
text-align:center;
margin: 0 auto;
background-color: #ffffff;
}

ul { 
margin:0;
padding:0;
list-style-type:none;}

a {cursor:pointer; text-decoration:none;}

/*******************************/
#contenedor {
width:1014px;
margin:60px auto 0 auto;
text-align:left;
padding:0 0 20px 0;
}

#contenido {
float:left;
width:780px;
border:1px solid #B6BBC1;
color:#666666;
background: #ffffff url(../images/fondo_menu_interior.gif) repeat-y 0% 0%;
}

#info {
width:562px;
float:left;
clear:right;
padding: 0 0 20px 0px;
}

/*******/
#menu {
width:213px;
height:550px;
float:left;
}

#menu h1 {
width:213px;
height:127px;
margin:0;
padding:0;
float:none;
}

#menu h1 a img{
border: 0 none;
}

#menu ul {
margin:0;
padding:0;
width:213px;
}

#menu li {
width:213px;
float:left;
}

#menu a {display:block;}

#menu li a.quienes {
background: url(../images/menu_interior.gif) no-repeat 0% 0%;
height: 38px;
}
#menu li a.quienes:hover {
background: url(../images/menu_interior.gif) no-repeat 99% 0%;
}
#menu li a.current_quienes {
background: url(../images/menu_interior.gif) no-repeat 99% 0%;
height: 38px;
}

#menu li a.productos {
background: url(../images/menu_interior.gif) no-repeat 0% 25%;
height:38px;
}
#menu li a.productos:hover {
background: url(../images/menu_interior.gif) no-repeat 99% 25%;
}
#menu li a.current_productos{
background: url(../images/menu_interior.gif) no-repeat 99% 25%;
height:38px;
}

#menu li a.marcas {
background: url(../images/menu_interior.gif) no-repeat 0% 50%;
height: 38px;
}
#menu li a.marcas:hover {
background: url(../images/menu_interior.gif) no-repeat 99% 50%;
}
#menu li a.current_marcas {
background: url(../images/menu_interior.gif) no-repeat 99% 50%;
height: 38px;
}

#menu li a.donde {
background: url(../images/menu_interior.gif) no-repeat 0% 74%;
height: 38px;
}
#menu li a.donde:hover {
background: url(../images/menu_interior.gif) no-repeat 99% 74%;
}
#menu li a.current_donde {
background: url(../images/menu_interior.gif) no-repeat 99% 74%;
height: 38px;
}

#menu li a.sugerencias{
background: url(../images/menu_interior.gif) no-repeat 0% 121%;
height:48px;
padding:10px;
}
#menu li a.sugerencias:hover {
background: url(../images/menu_interior.gif) no-repeat 99% 121%;
}
#menu li a.current_sugerencias {
background: url(../images/menu_interior.gif) no-repeat 99% 121%;
height:48px;
padding:10px;
}

/******/
#contenido a.aviso_legal {
float:left;
width:94px;
height:23px;
margin:4px 0 0 0;
padding:0;
background: url(../images/boton_aviso_legal.gif) no-repeat 0% 0%;
}

#contenido a.contacto {
float:left;
width:94px;
height:23px;
margin:4px 0 0 1px;
padding:0;
background: url(../images/boton_contacto.gif) no-repeat 0% 0%;
}

/******/


#info h1 {
margin:4px 0 0 0px;
padding:0;
width:561px;
height: 98px;
float:left;
}

#info h1 span {display:none;}

#info h1.sport{
background:url(../images/h1_productos_sport.gif) no-repeat 0% 0%;
}

#info h1.ceremonia{
background:url(../images/h1_productos_ceremonia.gif) no-repeat 0% 0%;
}

#info h1.sastreria{
background: url(../images/h1_productos_sastreria.gif) no-repeat 0% 0%;
}

#info h1.quienes_somos{
background: url(../images/h1_quienes_somos.gif) no-repeat 0% 0%;
}

#info h1.donde{
background: url(../images/h1_donde_estamos.gif) no-repeat 0% 0%;
}

#info h1.contacto{
background: url(../images/h1_contacto.gif) no-repeat 0% 0%;
}

#info h1.aviso_legal{
background: url(../images/h1_aviso_legal.gif) no-repeat 0% 0%;
}

#info h1.encuesta{
background: url(../images/h1_encuesta.gif) no-repeat 0% 0%;
}

#info h1.sugerencias{
background: url(../images/h1_sugerencias.gif) no-repeat 0% 0%;
}

#info h1.calidad {
background: url(../images/h1_calidad.gif) no-repeat 0% 0%;
}

/*********/
#info img.plano {margin: auto 10px;}
/********/

#contenido ul.fotos {
float:left;
margin:6px 0 0 5px;
padding:0;
}

#contenido ul.fotos li 
{
display:block;
margin: 0 0 5px 0;
}

#contenido ul.aviso 
{
float:left;
clear:left;
font-size:70%;
width: 70%;
margin: 10px 0 10px 35px;
}
#contenido ul.aviso li {
background: #ffffff url(../images/fondo_submenu_current.gif) no-repeat 0% 40%;
padding: 0 0 0 15px;
margin:5px;
}


#contenido .flash_productos {
float:left;
margin:10px 0 0 5px; 
}

/* p */
#contenido p {
font-size: 70%;
width: 90%;
float:left;
margin: 10px 0 5px 15px;
}

#contenido p.productos {
width: 150px;
margin: 5px 0 5px 15px;
}

#contenido p.info {
width: 65%;
}
/**/
#contenido address {
float:left;
margin: 20px 0 20px 15px;
padding: 0 0 0 18px;
font-size: 70%;
font-style:normal;
background: url(../images/flechas.gif) no-repeat 0% 50%;
}

#contenido strong {
color:#999999;
background-color:#ffffff;
}
/*********/
#contenido h2 {
float:left;
margin: 15px 0 0 15px;
padding: 8px 0 18px 14px;
border-top : 1px solid #ACBCCF;
border-bottom : 1px dotted #ABABAB;
}

#contenido h2 span {display:none;}

#contenido h2.quienes1 {
background:#ffffff url(../images/h2_quienes_1.gif) no-repeat 5% 15%;
width:140px;
height:80px;
}
#contenido h2.quienes2 {
background:#ffffff url(../images/h2_quienes_2.gif) no-repeat 5% 45%;
width:130px;
height:80px;
}

#contenido h2.quienes3 {
background:#ffffff url(../images/h2_quienes_3.gif) no-repeat 5% 45%;
width:320px;
height:120px;
}

#contenido h2.sport1 {
background:#ffffff url(../images/h2_sport_1.gif) no-repeat 0% 15%;
width: 143px;
height:50px;
}
#contenido h2.sport2 {
background:#ffffff url(../images/h2_sport_2.gif) no-repeat 0% 15%;
width: 143px;
height:50px;
}

#contenido h2.ceremonia1 {
background:#ffffff url(../images/h2_ceremonia_1.gif) no-repeat 0% 15%;
width: 143px;
height:50px;
}
#contenido h2.ceremonia2 {
background:#ffffff url(../images/h2_ceremonia_2.gif) no-repeat 0% 15%;
width: 143px;
height:50px;
}

#contenido h2.sastreria1 {
background:#ffffff url(../images/h2_sastreria_1.gif) no-repeat 0% 15%;
width: 143px;
height:50px;
}
#contenido h2.sastreria2 {
background:#ffffff url(../images/h2_sastreria_2.gif) no-repeat 0% 15%;
width: 143px;
height:50px;
}
#contenido h2.limitacion {
background:#ffffff url(../images/h2_limitacion.gif) no-repeat 0% 15%;
width: 250px;
border: 0 none;
}

#contenido ol {
float:left;
clear:left;
margin: 0 0 0 5px;
padding:0;
width: 550px;
}

#contenido ol li {
float:left;
width:180px;
display:inline;
}

#contenido ol li.li_conbordes {
border-left: 1px dotted #ABABAB;
border-right: 1px dotted #ABABAB;}

#contenido ol li img {
vertical-align:top;
margin: 0 0 0 20px;
display:block;
}
#contenido ol li p {
background: url(../images/fondo_parrafo.gif) no-repeat 0% 0%;
width:150px;
margin:0;
padding: 0 0 0 14px;
}
/*****************/
#contenido form {
clear:left;
float:left;
margin: 20px 0 0 20px;
width:477px;
height: 440px;
background:#ffffff url(../images/sobre_contacto.gif) no-repeat 0% 0%;
}

#contenido  label {
padding: 0 0 0 10px;
margin: 0 0 0 35px;
background: url(../images/fondo_label.gif) no-repeat 0% 60%;
}

#contenido input {
float:left;
clear:left;
margin: 2px auto auto 35px;
border: 1px solid #4382cc;
}

#contenido textarea {
float:left;
clear:left;
border: 1px solid #4382cc;
margin:2px 0 0 35px;
}

#contenido input.boton {cursor:pointer; margin: 5px 0 0 35px;}

/******************/
#marcas {
float:left;
width:218px;
height: 521px;
margin: 0px 0 0 4px;
background: url(../images/fondo_marcas.gif) no-repeat 0% 0%;
}

#marcas ul 
{
width: 204px;
margin:45px 0 0 3px;
padding:0;
float:left;
}

#marcas li 
{
float:left;
margin: 4px 0 4px  0px;
padding: 0  0 5px 4px;
border-bottom: 1px solid #C5C5C5;
}

#marcas li a {
text-decoration:none;

}
#marcas li img {vertical-align: bottom;border: 0 none;}
/*****************/

#pie {
float:left;
clear:both;
width:100%;
height:10px;
background: url(../images/fondo_menu_interior.gif) no-repeat 0% 0%;
}

/*************/
#contenido a.calidad{
width: 197px;
height: 23px;
margin:4px 0 0 173px;
padding:0;
float:left;
display:inline;
}

#contenido a.calidad img {text-decoration:none; border: 0 none;}

.calidad:hover{
background-color: transparent;
z-index: 50;
}

.calidad span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D1C3D1;
padding: 1px;
left: -1000px;
border: 1px solid #720050;
visibility: hidden;
color: black;
text-decoration: none;
}

.calidad span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.calidad:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:0;left:30px; /*position where enlarged image should offset horizontally */
}