@charset "UTF-8";
/* CSS Document */

html,body{
margin:0;padding:0
}

body{
font: 13px arial,sans-serif;text-align:center;
background-image: url("bg.png");
background-repeat: repeat-x;
background-position: center top;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}

div#container{width:960px;margin:0 auto;top:0px;text-align:left}

div#content{width:940px;padding-left:10px;text-align:justify}
div#content img{padding-left:20px}

div#content-contacto{width:740px;margin:0 auto;}

#textoempresa{padding-left:150px;padding-top:30px;padding-right:500px;}
#textofilosofia{padding-left:30px;padding-top:10px;padding-right:500px;}

#textoempresa a,#textofilosofia a{
font-size:12px;
color:#CC0000;
text-decoration:none;
}
#textoempresa a:hover,#textofilosofia a:hover{
color:#333333;
}

#textoempresa a:visited,#textofilosofia a:visited{
color:#CC0000;
}




div#comunicacion{padding-left:10px;}

div#header{height:100px;}

div#logo{float:left;}

div#menu{float:right;height:125px;}

div#banner,div#bannerotoinv,#banner-empresa,#banner-filosofia,#banner-representantes,#banner-contacto,#banner-espana,#banner-portugal,#banner-comunicacion,#banner-ferias,#banner-campanas{
 display:block;height:105px;width:960px;background-repeat: no-repeat;background-position: 10px;}

div#bannerotoinv{background-image: url("bannerotoinv.jpg");}
div#banner-empresa{background-image: url("banner-empresa.jpg");}
div#banner-filosofia{background-image: url("banner-filosofia.jpg");}
div#banner-representantes{background-image: url("banner-representantes.jpg");}
div#banner-contacto{background-image: url("banner-contacto.jpg");}
div#banner-espana{background-image: url("puntos-de-venta-espana.jpg");}
div#banner-portugal{background-image: url("puntos-de-venta-portugal.jpg");}
div#banner-comunicacion{background-image: url("banner-comunicacion.jpg");}


div#zapato{float:left;width:700px;height:450px;}

div#caracteristicas{float:right;width:240px;height:450px;}

#caracteristicas {
 background-image: url("suela.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left bottom;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
}


#menu ul li{
list-style:none;float: left;position: relative;}

#menu a{
text-decoration:none;
color:#333333;
outline:none; text-decoration:none;
}

#menu a:hover{
color:#000000;
border-bottom:1px #FFFFFF dotted;
}

#menu li
{
 display: inline;
 padding-top: 45px;
 padding-right: 10px;
 padding-bottom: 24px;
 padding-left: 10px;
}

#menu .active{
 background-image: url("punta.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center top 10px;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
}

#menu .active a{
color:#FFFFFF;
font-weight:bold;
}

#colecciones2{
color:#000000;
width:940px;margin-left:10px;
height:55px;
background-color:#CC0000;
background-image: url("bg.jpg");
border-bottom:1px #CCCCCC solid;}

#colecciones2 li{
float:left;
list-style:none;
padding-left:8px;
padding-right:8px;
padding-top:20px;
padding-bottom:20px;
}

#colecciones2 a{
color: white;
text-decoration:none;
}

#colecciones2 a:hover{
}

#colecciones2 .active{
background-color:#FFFFFF;
border-top:1px #CC0000 dotted;
 background-image: url("star-active.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center 5px;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
}

#colecciones2 .active a{
color:#CC0000;
}




#colecciones3{
color:#000000;
width:940px;margin-left:0px;
height:55px;
background-color:#CC0000;
background-image: url("bgotoinv.jpg");
border-bottom:1px #CCCCCC solid;}

#colecciones3 li{
float:left;
list-style:none;
padding-left:4px;
padding-right:4px;
padding-top:20px;
padding-bottom:20px;
}

#colecciones3 a{
color: white;
text-decoration:none;
}

#colecciones3 a:hover{
}

#colecciones3 .active{
background-color:#FFFFFF;
border-top:1px #CC0000 dotted;
 background-image: url("star-active-otoinv.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center 5px;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
}

#colecciones3 .active a{
color:#CC0000;
}


div#modelos{
clear:both;width:100%;background: #FFFFFF;height:30px;
}

#modelos ul li{
list-style:none;}

#modelos li{
float: left;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 8px;
}

#modelos a{
padding-top: 5px;
font-size:18px;
text-decoration:none;
color:#333333;}

#modelos a:hover{
color:#666666;}

#modelos .active a{
color:#CC0000}

/* footer */
.footer
{
	overflow:hidden;
	background:#ddd;
	border-top:1px solid #bbb;
	color:#996633;
}

.footer .links
{
	float:left;
	padding:0px 0px 0px 40px;
	font:normal normal normal 0.8em/1 tahoma,arial,sans-serif;
}

.footer .links h3
{
	color:#996633;
	margin-bottom:0.3em;
}
.footer .links p
{
	color:#224;
	font-style:italic;
	
	font-size:0.85em;
	line-height:1;
}
.footer .links li a, .footer .links li:visited
{
	color:#555;
	text-decoration:none;
}
.footer .links li a:hover
{
	text-decoration:underline;
	color:#999999;
}

.footer .links ol{
	margin-left:-20px;
}

#suela{
position:relative; bottom:0;
z-index:0;}

.modelo{
color:#CC0000;
font-size:15px;
font-weight:bold;}

.piso{
font-size:15px;
font-weight:bold;}

#facebook
{
  float: right;
  padding-right: 15px;
}

.tabla tr{
  padding-top: 4px;
  padding-right: 5px;
  padding-bottom: 4px;
  padding-left: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d6d6d6;
  }
  
#idiomas {
position:relative;
width:960px;
margin:0 auto;
height:51px;
text-align:right;
}

#idiomas a {
padding:2px;
}

#idiomas a:hover {
text-decoration:underline;
}