A:link {
	text-decoration: none
}
A:visited {
	text-decoration: none
}
A:active {
	text-decoration: none
}
A:hover {
	text-decoration: underline;
}

body {
margin: 0;
padding: 0;
background: url('images/back.gif') top left; 
background-repeat: repeat-xy;
}

p{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6D6F71;	
	font-size: 12px;	
}

.input {
	font-family: Arial;
	font-size: 12px;
	color: 808285;
	background-color: #FFFFFF;
	width: 250px;
	padding: 2px;
	border: 1px solid #9D9FA2;
	margin: 0px;
	color: E8E8E8;
}
.textarea{
	font-family: Arial;
	font-size: 12px;
	background-color: #FFFFFF;
	width: 250px;
	height: 100px;
	padding: 2px;
	border: 1px solid #9D9FA2;
	margin: 0px;
	color: E8E8E8;
}
.submit {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #9D9FA2;
	width: 80px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #9D9FA2;
	margin: 0px;
}
.submit_over {
	font-family: Arial;
	font-size: 12px;
	color: 808285;
	background-color: #CDCDBA;
	width: 80px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #E8E8E8;
	margin: 0px;
	color: #9D9EA1;
}

#container {
margin: auto;
width: 785px;

}

#content {
margin: auto;
margin-top: 10px;
width: 765px;
}

#logo {
background: #FFFFFF;
margin-bottom: 5px;
}

#bardir {
padding-top: 3px;
padding-bottom: 3px;
font-family: Verdana;
font-size: 10px;
color: #666666;
text-align: right;
}

#barmenu {
border: 1px #5D8AA2 solid;
padding: 5px;
background: url(images/menu_back.gif);
background-repeat: repeat-x;
height: 18px;
}

#barbottom {
height: 10px;
margin-top: 5px;
background: #8198B9;
}

#barmenu #barmenuopts {
	display:block;
}

#barmenu #barmenuopts ul {  
	list-style:none;
	margin:0;
	padding:0;
	padding-left: 8px;
}
#barmenu #barmenuopts ul li {
	padding:0;
	margin-left: 3px;
	float:left;
}
#barmenu #barmenuopts ul li a {
	display:block;
	height:18px;  
	text-decoration:none;
}
#barmenu #barmenuopts ul li a:hover {
	background-position:bottom;
}
#barmenu #barmenuopts ul li a span {
	display:none; 
}
#barmenu #barmenuopts #home_es {
	background-image:url('images/menu_laempresa_es.gif');
		width: 77px;
}
#barmenu #barmenuopts #abrigo_es {
	background-image:url('images/menu_abrigo_es.gif');
		width: 48px;

}
#barmenu #barmenuopts #basicos_es {
	background-image:url('images/menu_basicos_es.gif');
	width: 121px;
}
#barmenu #barmenuopts #proteccionpersonal_es {
	background-image:url('images/menu_proteccion_es.gif');
		width: 128px;
}
#barmenu #barmenuopts #productosespeciales_es {
	background-image:url('images/menu_productosespeciales_es.gif');
		width: 133px;
}
#barmenu #barmenuopts #nuevosproductos_es {
	background-image:url('images/menu_nuevos_es.gif');
	width: 110px;
}
#barmenu #barmenuopts #ferias_es {
	background-image:url('images/menu_ferias_es.gif');
	width: 95px;
}
#barmenu #barmenuopts #contacto_es {
	background-image:url('images/menu_contacto_es.gif');
width: 72px;	
}


#middle {
margin-top: 5px;
overflow: hidden;
display: block;
}

#whitecontent {
width: 765px; 
overflow:hidden;
display:block;
background-color: #FFFFFF;
background: #FFFFFF;
float: left;
}

#menutop {
height: 2px;
background: #C0CBDC;
}
#menu {
float: left;
width: 135px;
font-family: Arial;
font-size: 11px;

color: #656668;
border-right: 1px #CBCFD5 solid;
background-color: #FFFFFF;
}

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

#menu li { 
width: 135px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
}

#menu  ul li a {
	height:21px; 
	display:block;
	 padding: 0px;
	text-decoration:none;
	
}

#menu  ul li a:link,
#menu  ul li a:visited,
#menu  ul li span {
	color: #666666;
	font-weight: 400;
	font-size: 11px;
	
	
}
#menu  ul li a span {
	display:none; 
}
#menu ul li a:active {
	color: #000000;
}
#menu li li a:link, #menu li li a:visited, #menu li li a {
	color: #303376;
}

#menu ul li a:hover {
	color: #C0272D;
	text-decoration: none;
	background-position:bottom;
}

#menu  ul ul { padding: 0;
margin:0; }
#menu li li {
padding: 0 0 0 0px;
margin: 0px;

}
#menu .menuhidden {
margin: 0px; 
padding: 0px;
display: none;
}

#menu  ul ul li a {
	display:block;
	height:15px;  
	padding-top: 5px;
	text-decoration:none;
	color: #303376;
}


#menu #basicos_lateral_es {
	background-image:url('images/menu_lateral_basicos_es.gif');
	width: 135px;
	
}

#menu #abrigo_lateral_es {
	background-image:url('images/menu_lateral_abrigo_es.gif');
	width: 135px;
}

#menu #proteccion_lateral_es {
	background-image:url('images/menu_lateral_proteccion_es.gif');
	width: 135px;
}

#menu #especiales_lateral_es {
	background-image:url('images/menu_lateral_especiales_es.gif');
	width: 135px;
}

#menu #nuevos_lateral_es {
	background-image:url('images/menu_lateral_nuevos_es.gif');
	width: 135px;
}

#menu #ferias_lateral_es {
	background-image:url('images/menu_lateral_ferias_es.gif');
	width: 135px;
}

#menu #contacto_lateral_es {
	background-image:url('images/menu_lateral_contacto_es.gif');
	width: 135px;
}	
}


#swfhome {
text-align: center;
padding-top: 5px;
padding-left: 5px;

}

#middlecontent {
float: left;
width: 629px;
margin-bottom: 5px;
font-size: 11px;
font-family: Arial;
background-color: #FFFFFF;
}

#middletitle {
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
background: #FF4001;	
}

#middletitle A:link {
	text-decoration: none;
	color: #FFFFFF;
}
#middletitle  A:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#middletitle  A:active {
	text-decoration: none;
	color: #FFFFFF;
}
#middletitle  A:hover {
	text-decoration: underline;
	color: #FFFFFF;
}


#products {
padding-top: 10px;
padding-left: 5px;
background-color: #FFFFFF;
}

.productblock {
	display: block;
	width: 120px;
	height: 145px;
	overflow: hidden;
	padding-bottom: 5px;
	float: left;
	cursor: pointer;
	text-align: center;
}

.productimage {
border: 1px #EEEEEF solid;
}

#productscolors {
clear: both;

}

#productscolors .title {
background: #C7C3C0;
font-weight: 400;
margin-bottom: 5px;
padding: 3px;
padding-left: 5px;
font-size: 11px;
}

#productscolors #colors .color {
width: 120px;
font-size: 12px;
text-align: center;
margin-right: 4px;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
border: 1px #EEEEEF solid;
float: left;
}

#productscolors #colors .colorright {
width: 120px;
font-size: 12px;
text-align: center;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
margin-bottom: 3px;
border: 1px #EEEEEF solid;
float: left;
}

#productscolors #colors .color .colordesc {
width: 15px;
padding: 2px;
}

#productscolors #colors .colorright .colordesc {
width: 15px;
padding: 2px;
}

#productssizes {
overflow: hidden;
}

#productssizes .title {
background: #C7C3C0;
font-weight: 400;
margin-bottom: 5px;
padding: 3px;
padding-left: 5px;
font-size: 11px;
}

#productssizes #sizes .sizeone {
width: 50px;
font-size: 12px;
text-align: center;
margin-right: 5px;
margin-bottom: 3px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px #EEEEEF solid;
float: left;
}

#productinfografias {
clear: both;
overflow: hidden;
padding-top: 5px;
}

#productinfografias .title {
background: #C7C3C0;

margin-bottom: 5px;
padding: 3px;
padding-left: 5px;
font-size: 11px;
}

#productinfografias #infografias .infografiasone {
width: 248px;
font-size: 12px;
text-align: left;
margin-right: 5px;
margin-bottom: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
border: 1px #EEEEEF solid;
background: #FF4001;
float: left;
}

#productinfografias #infografias .infografiasone .infografia {
color: white;
}
#productssizes #sizes .size {
width: 36px;
font-size: 12px;
text-align: center;
margin-right: 5px;
margin-bottom: 3px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px #EEEEEF solid;
float: left;
}

#productssizes #sizes .sizeright {
width: 37px;
font-size: 12px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 3px;
text-align: center;
border: 1px #EEEEEF solid;
float: left;
}

#footer {
clear: both;
padding: 5px;
clear: both;
font-family: Arial;
font-size: 11px;
color: #CE5B60;
background: #FFFFFF;
border: 1px #CBCFD5 solid;
text-align: right;
}

#copyright {
margin-top: 5px;
padding: 5px;
clear: both;
font-family: Arial;
font-size: 11px;
color: #CBCFD5;
text-align: center;
}
#pagination {
text-align: center;
font-family: Arial;
font-size: 11px;
color: #CBCFD5;
clear: both;
}
#photos {
float: left;
width: 335px;
padding-left: 10px;
}
#productdescription
{
float: left;
width: 275px;
text-align: justify;
}
#productdescription #text {
width: 254px;
margin: auto;
}
.productname {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 600;
text-align: left;
}
.productdescription {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#photos #thumbs {
padding-top: 5px;
}

#photos #thumbs .thumb {
float: left;
padding-right: 7px;
}
#photos #thumbs .thumbright {
float: left;
}
#photos #trademarks {
clear: both;
padding-top: 5px;
text-align: center;
}
#quienes {
font-family: Arial;
font-size: 11px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
border-bottom: 1px #D9D9D9 dotted;
}

#middlecontact {
padding-top: 10px;
font-family: Arial;
font-size: 11px;
color: #6D6F71;
width: 635px;
margin: auto;
overflow: hidden;
}

#middlecontact .mail {
color: #6D6F71;
}

#box1 {
margin: 5px 16px 5px 0;
width: 241px;
float: left;
}
#box2 {
margin: 5px 16px 5px 0;  
width: 241px;
float: left;

}
#box3 {
margin-top: 5px;
margin-bottom: 5px;
width: 241px;
float: left;
}

#homequienes {


}

#homequienes #title{
font-family: Arial;
font-size: 14px;
color: #798AA8;
border-bottom: 1px #798AA8 dotted;

}
#homequienes #title .orange {
color: #FF3E05;
}

#homequienes #text{
font-family: Arial;
font-size: 12px;
color: #798AA8;
text-align: justify;
}

#promociones {
float: left;
width: 245px;
background-color: #FFFFFF;
text-align: center;
}

.boxcontacto {
text-align: left;
font-family: Arial;
font-size: 14px;
color: #798AA8;
padding: 17px;
float: left;
border: 1px #798AA8 solid;
cursor: pointer;
}

.boxcontactoover {
text-align: left;
font-family: Arial;
font-size: 14px;
color: #FFFFFF;
padding: 17px;
float: left;
border: 1px #798AA8 solid;
background-color: #556975;
cursor: pointer;
}

.cumpleanos {
border: 1px #F6F6F6 solid;
}

#boxmarcas {
float: left;
width: 510px;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
border-top: 1px #798AA8 dotted;  
border-bottom: 0px #798AA8 dotted;
height: 140px;
}

#boxmarcas .marcaborde {
border-right: 1px #798AA8 dotted; 
float: left; 
padding-left: 8px; 
padding-right: 8px;
}

#boxmarcas .marcasinborde {
float: left; 
padding-left: 8px; 
padding-right: 8px;
}


#ferias #title{
font-family: Arial;
font-size: 14px;
color: #798AA8;
border-bottom: 1px #798AA8 dotted;
padding: 8px;

}

#ferias {
width: 765px;
}


#ferias #text{
text-align: justify;
padding: 15px;

}


#quienes #title{
font-family: Arial;
font-size: 14px;
color: #798AA8;
border-bottom: 1px #798AA8 dotted;
padding: 8px;

}

#quienes {
width: 765px;
}


#quienes #text{
text-align: justify;
padding: 15px;

}


.blue {
color: #798AA8;
}

.zoom {
	padding-top: 15px;
	padding-bottom: 15px;
	content: ".";
	visibility: hidden;
	display: none;
	position: absolute;
	width: 627px;
	background: #FFFFFF;
	border: 1px #DDDEDF solid;
}

.imageborder {
border: 1px #BCBEC0 solid;
}
.zoomimage {
width: 400px;
margin: auto;
}

.zoomclose {
padding-top: 10px;
width: 77px;
margin: auto;
}
/* popup */
#pop { 
   z-index:1;
   position:absolute; 
   border: 1px solid #C9CACB; 
   text-align:center; 
   background:#FFFFFF;
   top: 2px;
   right: 2;
} 
#cerrar { 
   float:right; 
   margin-right:5px; 
   cursor:pointer; 
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:12px; 
   font-weight:bold; 
   color:#C9CACB; 
   width:12px; 
   position:relative; 
   margin-top:-1px; 
   text-align:center; 
   height: 15px;
}