/* ESTILOS PAMPIN FINAL -------10/12/2014------ */

/* reset  */

	html, body, div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,/* ol, ul, li, */fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {

		margin:0;

		padding:0;

		border:0;

		font-size:100%;

		vertical-align:baseline;

		background:transparent;
		font-family: 'Open Sans';

	}  

	body { line-height:1; }  

	article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }  

	nav ul { list-style:none; } blockquote, q { quotes:none; } 

	a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

	ins { background-color:#ff9; color:#000; text-decoration:none;}  

	mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }  

	del { text-decoration: line-through;}  

	abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }  

	table { border-collapse:collapse; border-spacing:0; }  

	hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }  

	input, select { vertical-align:middle;}

/* reset */

html, body {
   margin:0;
   padding:0;
   height:100%;
}

body {
    font-family: 'Open Sans';
    font-size:13px;
    font-weight: normal;
	color:#000; 
}

*:first-child+html body {	
	overflow: visible;
} /** hack para IE7 **/

::-webkit-input-placeholder{color: #666;}

:-moz-placeholder { color: #000; } 
::-moz-placeholder { color: #000; } 

p, a {
    line-height:1.5;
    padding:0px;
    margin:0px 0px 15px 0px; 
}

h2{
    font-size:16px;
    line-height: 1.5;
    color: #000;
	text-transform:uppercase;
}

h3{
    font-size:14px;
    line-height:1.5;
    color: #000;
}

h4{
	font-size:16px;
	text-transform: uppercase;
	color: #3381bf;
}

#contenedor_principal {
   position:relative;
   width:100%;
   min-height:100%;
   overflow: hidden;
}

	#header {
	   width:100%;
	   height:auto;
	   top:0;
	   position: relative;
	   float: left;
	   background-image: url(../img/header.png);
	   background-repeat:repeat-x;
	}
	
	.contenedor{
		position: relative;
		width: 960px;
		height: auto;
		margin: auto;
	}
	
	#contenido{
		position: relative;
		width: 960px;
		height: auto;
		margin: auto;
		padding-bottom: 160px;
		overflow: hidden;
	}
	
	#pie{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 130px;
		background-image:url(../img/pie8.png);
		background-repeat: repeat-x;
	}


/* -------------- HEADER ---------------- */


/*----- Logo ------*/

#logo{
	display: block;
	width: 220px;
	height: 80px;
	float: left;
}

	#logo img{
		display: block;
		width: 220px;
		height: 80px;
	}

	#header span{
		display: none;
	}

/* ----- Busqueda telefono ------*/

.buscar_tel{
    position: relative;
	width: 310px;
	height: auto;
	float: right;
    z-index: 999;
}

	.buscar_tel ul{
		padding: 0;
		margin: 0 -32px;
		width: auto;
		float:left;
	}
		
		.buscar_tel ul li{
			list-style: none;
			font-weight:bold;
			width: auto;
			height:20px;
			background-repeat: no-repeat;
			color: #fff;
			padding: 2px 0px 0px 28px;
            
		}
        
        .buscar_tel ul li.dir{
            background-image:url(../img/ico_dir.png);
            line-height: normal;
            display:  inline-block;
            float: left;
            margin: 14px 0 5px 30px;
        }
        .buscar_tel ul li.tel{
            background-image:url(../img/icon_tel.png?2);
            line-height: normal;
            display:  inline-block;
            margin: 14px 0 5px 20px;
        }
        .buscar_tel ul li.mail{
            background-image:url(../img/ico_mail.png);
            line-height: normal;
            margin: 0 0 9px 30px;
        }
            .buscar_tel ul li.mail a{
                line-height: normal;
             }
             .buscar_tel ul li.mail a:hover{
                color: #a1c436;
             }
		
	#buscar{
		display:block;
		width: 310px;
		height:30px;
		float: left;
		border: none;
		background-color: #FFF;
	}
	
		#buscar input{
			display: block;
			width: 252px;
			height:28px;
			margin-left: 8px;
			float: left;
			border: none;
		}
		
		#btn_buscar{
			width: 25px !important;
			height: 26px !important;
			margin: 4px 0px 0px 16px !important;
			float: left;
			background-color: #fff;	
			background-image:url(../img/lupa_search.png);
			background-repeat:no-repeat;
			cursor: pointer;
		}


/* ----- Lienas header ------*/	

.lineas_header{
	position: absolute;
	right: 0;
	width: 190px;
	height: 75px;
	background-image:url(../img/lineas_header2.png);
	background-repeat:no-repeat;
}

/* ----- Menu ------*/

.menu{
	width: 100%;
	height:auto;
	float: left;
	background-color: #333;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

	.menu ul{
		padding: 0;
		margin: 0;
		width: 727px;
		height: 34px;
		float: right;
	}
	
		.menu ul li{
			list-style: none;
			float: left;
			display: block;
		}
		
			.menu ul li a{
				margin-left: 18px;
			}
		
			.menu ul li .index{
				display: block;
				width: 51px;
				height: 34px;
				background-image:url(../img/btn_home.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float: left;
			}
			
				.menu ul li .index:hover{
					background-position: 0 -34px;				
				}

			.menu ul li .empresa{
				width: 105px;
				height: 34px;
				background-image:url(../img/btn_empresa.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float: left;
			}
			
				.menu ul li .empresa:hover{
					background-position: 0 -34px;	
				}
			
			.menu ul li .productos{
				width: 124px;
				height: 34px;
				background-image:url(../img/btn_productos.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float:left;
			}
			
				.menu ul li .productos:hover{
					background-position: 0 -34px;	
				}

			.menu ul li .nov{
				width: 123px;
				height: 34px;
				background-image:url(../img/btn_novedades.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float: left;
			}
			
				.menu ul li .nov:hover{
					background-position: 0 -34px;	
				}
				
			.menu ul li .cli{
				width: 123px;
				height: 34px;
				background-image:url(../img/btn_clientes.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float: left;
			}
			
				.menu ul li .cli:hover{
					background-position: 0 -34px;	
				}
				

			.menu ul li .marca{
				width: 100px;
				height: 34px;
				background-image:url(../img/btn_marcas.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float:left;
			}
			
				.menu ul li .marca:hover{
					background-position: 0 -34px;	
				}

			.menu ul li .contact{
				width: 116px;
				height: 34px;
				background-image:url(../img/btn_contacto.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				float:left;
			}
			
				.menu ul li .contact:hover{
					background-position: 0 -34px;	
				}


/* -------------- CONTENIDO ---------------- */  

/* ----- Sidebar ------*/

.sidebar{
	width: 220px;
	height: auto;
	float: left;
}

/*#marcas{
	width:220px;
	height:400px;
	position:relative;
}*/

    .scroll{ 
		height:374px; 
		margin-bottom:26px; 
		overflow:hidden;
	}

#marcas, #categorias{
	padding: 0;
	margin: 0 0 30px;
}

	#marcas_menu h3, #categorias h3{
		width: 220px;
		height: 40px;
		background-image:url(../img/barra_menu.png);
		background-repeat:no-repeat;
		font-size:12px;
		color: #fff;
		text-transform: uppercase;
		padding-left: 20px;
		line-height:3.5;
		margin:0;
	}
	
	#marcas li, #categorias li{
		display: block;
		position:relative;
		list-style: none;
		width: 220px;
		height: auto;
		background-color: #f6f6f6;
		border-bottom: 1px solid #ccc;
		text-align:left;
	}
	
		#marcas li a, #categorias li a, #marcas li span, #categorias li span{
			position:relative;
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			padding: 7px 19px 7px 20px;
			margin-bottom: 0;
			color: #333;
			line-height:19px;
		}
		
			#marcas li a:hover, #categorias li a:hover, #marcas li span:hover, #categorias li span:hover{
				color: #fff;
				background-color:#3381bf;
			}
			
			#marcas li:hover .submenu, #categorias li:hover .submenu{
				/*display: block;*/
				
			}
		
		.submenu{
			display: none;
			/*position: absolute;*/
			top: 0;
			
			/*width: auto;
			height: auto;*/
			/*margin-left:222px;*/
			z-index:999;
			/*box-shadow:1px 1px 5px 1px #666;*/
		}
		
	
			.submenu li{
				/*margin-left: -40px;*/
				width: 220px;
				height:auto !important;
			}
			
				.submenu li a{
					padding: 0;
					margin: 0;
				}

#marcas li .submenu li{
	background-color: #fff;
}			
#marcas li.desplega a{
	padding-top:8px;
}

#marcas li .submenu li a, #marcas li .submenu li span,
#categorias li .submenu li a, #categorias li .submenu li span {
	padding: 5px;
	width: initial;
	padding-left: 35px;
	background-color: #fff;
	font-size: 11px;
	background:url(../img/blue.png) 17px center no-repeat;
}

#marcas li .submenu li,
#categorias li .submenu li {
    width: initial;
}
			
			#marcas_menu li .submenu li a:hover, #marcas li .submenu li span:hover{
				color: #fff !important;
				background-color:#3381bf;
				background-position: 7px;
			}

/* ----- Page ------*/

.page{
	width: 710px;
	height: auto;
	margin-left: 30px;
	float: left;
}

/* ------ Novedades -------*/


/*** noveades index ***/

.nov_index{
	position:relative;
	width:700px;
	height:200px;
	padding: 10px;
	float: left;
	border-top: 1px solid #3381c4;
	background-color: #f6f6f6;
	margin-bottom: 30px;
}
	.nov_index h2{
		display:inline-block;
		font-size: 18px;
		color: #3381c4;
		width: 375px;
		margin: 0;
	}
    
    .cont_p_new_home{
			width: 370px;
			height: 100px;
			overflow: hidden;
            float: left;
            margin-top:15px;
		}
            .cont_p_new_home span{
                float: none;
    			position: relative;
    			top: 0;
    			right: 0;
    			color: #333;
    			font-size: 12px;
            }

	.img_nov_index{
		position:absolute;
		top: 10px;
		right: 20px;
		width: 300px;
		height:200px;
		overflow:hidden;
		text-align: center;
		margin:0;
	}
	
		.img_nov_index img{
			width:inherit;
			text-align:center;
			background-position:center center;
		}
	
	.link_nov{
		position:absolute;
		bottom:0;
		left: 10px;
		font-size:14px;
		text-transform: uppercase;
		font-weight: bold;
		color: #9bbb34;
		text-decoration: none;
	}
	
	.link_nov:hover{
		color: #3381bf;
	}
	
	/**** pagina novedades ****/
	
	.nov_page{
		position:relative;
		width:700px;
		height:380px;
		padding: 10px;
		float: left;
		border-top: 1px solid #3381c4;
		background-color: #f6f6f6;
		margin-bottom: 30px;
		margin-top: 23px;
	}
	
		.nov_page h2{
			float: left;
			font-size: 18px;
			color: #3381c4;
			width: 600px;
			margin: 0;
		}
		
		.nov_page span{
			float: right;
			position: relative;
			top: 10px;
			right: 15px;
			color: #333;
			font-size: 12px;
		}
	
		.cont_p_new{
			width: 295px;
			height: 320px;
			overflow: hidden;
			float: left;
			margin-top:25px;
		}
            .cont_p_new span{
                float: none;
    			position: relative;
    			top: 0;
    			right: 0;
    			color: #333;
    			font-size: 12px;
            }
        
		
		.img_nov_page{
			position:absolute;
			top: 60px;
			right: 25px;
			width: 360px;
			height:320px;
			overflow:hidden;
			text-align: center;
			margin:0;
		}
		
			.img_nov_page img{
				width:inherit;
				height:auto;
				text-align:center;
				background-position:center center;
			}
	
		.item_nov{
			width:100%;
			height:45px;
			background: #F6F6F6;
			float: left;
			border-top: 1px solid #3381BF;
			margin-bottom: 20px;
            margin-top: 20px;
		}
		
			.item_nov span{
				margin-top: 18px;
				margin-left: 10px;
				font-size:12px;
				background-image:url(../img/blue.png);
				background-repeat:no-repeat;
				background-position:left top;
				padding-left: 20px;
				float: left;
			}
			
			.item_nov h2{
				float: left;
				font-size: 14px;
				color: #3381c4;
				width: 460px;
				margin: 12px 0 0 30px;
			}
			
			.link_nov_item{
				float: right;
				font-size:14px;
				text-transform: uppercase;
				font-weight: bold;
				color: #9bbb34;
				text-decoration: none;
				margin: 12px 10px 0 10px;
			}
			
			.link_nov_item:hover{
				color: #3381bf;
			}

/* ----- Slider ------*/

#slider{
	position: relative;
	width: 700px;
	height:300px;
	padding:10px;
	float: left;
	border-top: 1px solid #9bbb34;
	background-color: #f6f6f6;
}

.cont_inf{
	width:340px;
	height: 280px;
	float: left;
	position: relative;
	overflow:hidden;
}

	.cont_inf h4{
		width: 100%;
		font-size:16px;
		float: left;
		text-transform: uppercase;
		color: #333;
		margin: 0;
	}
		
	.cont_inf span{
		width:100%;
		float: left;
		margin-top: 15px;
		left: 0;
		font-size:12px;
		color: #666;
		float: left;
	}
	
	.cont_inf p{
		float: left;
		margin-top:20px;
		left: 0;
		width: 320px;
		height:auto;
		font-size: 13px;
	}
	
	.img_slider{
		position: absolute;
		top: 0;
		right: 10px;
		width: 300px !important;
		height: auto;
		height:auto;
	}
	
	.link_slide{
		position:absolute;
		bottom:0;
		left: 0;
		font-size:14px;
		text-transform: uppercase;
		font-weight: bold;
		color: #9bbb34;
		text-decoration: none;
	}
	
	.link_slide:hover{
		color: #3381bf;
	}
	
	
/* ----- Empresa ------*/

.empresa img{
	margin: 20px 0px 30px 0px;
}
	
/* ----- Logos ------*/

	a.link_producto{
		float: left;
		margin-top: 10px;
		left: 0;
		font-size:14px;
		text-transform: uppercase;
		font-weight: bold;
		color: #9bbb34;
		text-decoration: none;
	}
	
		a.link_producto:hover{
			color: #3381bf;
		}

	.logos{
		width: 720px;
		height: auto;
		float: left;
	}
	
	.logo_grande{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	
		.logo_grande ul, .logo_ch ul{
			margin: 0;
			padding: 0;
		}
			
			.logo_grande ul li{
				list-style: none;
				width: 220px;
				height: 150px;
				float: left;
				border: 1px solid #ccc;
				margin-right: 22px;
                position: relative;
                text-align:  center;
                overflow: hidden;
			}
			
				.logo_grande ul li:nth-child(3n+3){
					margin-right: 0px;
				}
			
			.logo_grande ul li a{
				display: block;
				width: 220px;
				height: 150px;
				float: left;
				margin: 0;
			}
		
			.logo_grande ul li img{
				list-style: none;
				width: auto;
				height: auto;
				/*float: left;*/
                width: auto;
				height: auto;
                margin: auto;
                position: absolute;
                top:0;
                bottom: 0;
                left: 0;
                right: 0;
			}
		
		.logo_ch {
			float: left;
			margin-top: 20px;
		}		
		
			.logo_ch ul li{
				list-style: none;
				width: 150px;
				height: 100px;
				float: left;
				border: 1px solid #ccc;
				margin-right: 34px;
				margin-bottom: 10px;
                overflow: hidden;
                text-align: center;
                position: relative;
			}
			
				.logo_ch ul li:nth-child(4n+4){
					margin-right: 0px;
				}
			
			.logo_ch ul li img{
			    display: block;
				list-style: none;
				width: auto;
				height: auto;
                margin: auto;
                position: absolute;
                top:0;
                bottom: 0;
                left: 0;
                right: 0;
				/*float: left;*/
			}

/* ---- Lista de productos ---- */

.lista_productos{
	float: left;
	margin-top: 17px;
}

	span.nav{
		float:left;
		margin-left: 20px;
		font-size:14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #666;
	}

	.lista_productos ul{
		margin: 0; 
		padding: 0;
	}
		
		.lista_productos ul li{
			display: block;
			list-style: none;
			width: 210px;
			height: 85px;
			float: left;
			margin: 10px 40px 0px 0px;
			overflow: hidden;
			border-top: 1px solid #3381bf;
		}
		
			/*.lista_productos ul li:first-child{
				margin: 10px 40px 0px 0px;
			}*/
		
			.lista_productos ul li:nth-child(3n+3){
				margin: 10px 0px 0px 0px;
			}

			.lista_productos ul li:hover{
				color: #fff;
			}
			
		.cont_img{
			width:65px;
			height:55px;
			float: left;
			overflow:hidden;
			text-align: center;
			margin:15px 0px 0px 10px
		}
		
		.lista_productos img{
			display: block;
			list-style: none;
			width: auto;
			height: 100%;
		    margin: auto;
			background-position:center;
		}
		
		.lista_productos span{
			position: absolute;
			top: 15px;
			left: 84px;
			line-height: 1.3;
		}
		
			.lista_productos ul li a{
				position:relative;
				top:0;
				right:0;
				display: block;
				width: 210px;
				height: 86px;
				overflow:hidden;
				text-decoration: none;
				color: #333;
				float:right;
			}
			
			.lista_productos ul li a:hover{
				color: #000;
			}
			

/* ---- Productos descripcion ---- */	

.producto_detalle{
	position:relative;
	width: 100%;
	height: auto;
	padding-bottom:5px;
	margin: 30px 0px 20px 0px;
	border-bottom: 1px solid #3381bf;
	float: left;
}

.cont_inf_p{
	width:320px;
	height: auto;
	float: right;
}

	.producto_detalle img{
		display: block;
		width: 350px;
		height: auto;
		float: left;
		border-bottom: 1px solid #CCC;
	}
	
	.cont_inf_p h4{
		width: 100%;
		margin:0;
		font-size:16px;
		text-transform: uppercase;
		color: #3381bf;
		float:left;
		text-align:right;
	}
		
	.cont_inf_p span{
		width:100%;
		float: left;
		margin-top: 10px;
		font-size:12px;
		color: #666;
		text-align:right;
	}
	
	.cont_inf_p p{
		float: left;
		margin-top: 20px;
		width: 100%;
		height:auto;
		font-size: 13px;
		text-align:right;
	}
	
	.marca_producto{
		position: relative;
		float:left;
		width: 100%;
		height:auto;
		margin:10px 0 10px 0;
	}
	
		.marca_producto img{
			width: 150px !important;
			height: auto;
			float: left;
			margin-top: 5px;
			border: none;
		}
		
		.marca_producto p{
			position:relative;
			top: 15px;
			left: 20px;
			width: 270px;
			float: left;
			font-size: 11px;
			text-align: left;
			padding-bottom: 5px;
		}
		
		.link_volver{
			position: absolute;
			right: 0;
			bottom:0;
			margin:0;
			font-size:14px;
			text-transform: uppercase;
			font-weight: bold;
			color: #9bbb34;
			text-decoration: none;
		}
		
			.link_volver:hover{
				color: #3381bf;
			}

/* productos relacionados

.productos_rel{
	width: 100%;
	height: auto;
	float: left;
}		

	.productos_rel ul{
		padding: 0;
		margin: 0;
	}

		.productos_rel ul li{
			display: block;
			list-style: none;
			width: 220px;
			height: 86px;
			float: left;
			margin: 10px 25px 0px 0px;
			overflow: hidden;
			border-top: 1px solid #3381bf;
		}
		
			.productos_rel ul li:nth-child(4n+4){
					margin-right: 0px;
			}

		
			.productos_rel ul li:hover{
				color: #fff;
			}
		
		.productos_rel img{
			display: block;
			list-style: none;
			width: 65px;
			height: auto;
			float: left;
		    margin: 0;
		}
		
		.productos_rel p{
			position: absolute;
			top: 15px;
			left: 84px;
			font-size: 12px;
		}
		
		.productos_rel span{
			font-weight: bold;
		}
		
			.productos_rel li a{
				position:relative;
				top:0;
				right:0;
				display: block;
				width: 220px;
				height: 86px;
				overflow:hidden;
				text-decoration: none;
				color: #333;
				float:right;
			}
			
			.productos_rel ul li a:hover{
				color: #fff;
			}*/

/* ---- Marcas ---- */	

.marcas{
	position:relative;
	width: 100%;
	min-height: 260px;
	height: 100%;
	background-color: #f6f6f6;
	padding-bottom:5px;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #9bbb34;
	float: left;
}

	.marcas img{
		display: block;
		width: 350px;
		height: auto;
		float: left;
		margin: 20px 20px 10px 20px;
	}
	
	.marcas h4{
		font-size:16px;
		text-transform: uppercase;
		color: #3381bf;
		float:right;
		margin: 0;
	}
	
	.cont_link{
		width:330px;
		float: left;
		margin-top: 20px;
		overflow:hidden;
		margin-left: 20px;
	}
	
	.link_marca{
		height:20px;
		font-size:14px;
		color: #000;
		text-decoration: none;
		font-weight: bold;
		float:left;
		margin: 0 200px 0 0;
	}
	
		.link_marca a{
			font-size:14px;
			color: #000;
			text-decoration: none;
			font-weight: bold;
			float:left;
	    }
	
		.marcas a:hover{
			color: #3381bf;
		}
	
	/*.marcas a.link_producto{
		margin: 10px 0px 0 0;
		color: #9bbb34;
	}
		.marcas a.link_producto:hover{
			color: #3381bf;
		}*/
		
	.marcas span{
		position: absolute;
		top: 30px;
		right: 0;
		font-size:12px;
		color: #666;
		text-align:right;
	}
	
	.cont_p{
		width:300px;
		min-height: 220px;
		height: auto;
		float: right;
		margin: 20px 20px 0px 0px;
	}
		.marcas.cont p{
			width: 320px;
			height:auto;
			font-size: 13px;
			text-align:left;
		}			

/* ---- Categorias ---- */

.lista_categorias{
	float: left;
	padding-bottom: 20px;
	margin-top: 22px;
}

	span.nav{
		width: 100%;
		float:left;
		margin-left: 0px;
		font-size:14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #666;
	}

	.lista_categorias ul{
		margin: 0; 
		padding: 0;
	}
		
		.lista_categorias ul li{
			display: block;
			list-style: none;
			width: 150px;
			height: 150px;
			float: left;
			text-align: center;
			margin: 0px 0px 20px 25px;
			border-top: 1px solid #3381bf;
		}
		
		.lista_categorias img{
			display: block;
			list-style: none;
			width: auto;
			height: 100px;
			float: none;
			margin-bottom: 15px;
			margin-top: 10px;
		}
		
			.lista_categorias li a{
				display: block;
				width: 150px;
				height: auto;
				text-decoration: none;
				color: #666;
				float:right;
				font-size:11px;
				text-align:-webkit-center;
				text-align:-moz-center;
				text-align:-op-center;
				text-align:-ms-center;
				text-transform: uppercase;
				font-weight: bold;
				
			}
			
			.lista_categorias ul li a:hover{
				color: #3381bf;
			}


/* ---- Contacto ---- */

.contacto{
    width: 100%;
    height: auto;
    float: left;
}

.contacto h2{
	text-transform: uppercase;
}

.contacto p{
	width:100%;
	float: left;
	margin-top: 20px;
}
		
	.contacto form {
		float:left;
		margin:0px 0px 0px 0px;
        width: 500px;
		height:auto;
		padding:0;
	}              
                
        form fieldset {
             float:left;
             width:500px !important;
             margin:0px;
        }
               
             .contacto input{
                   float: left;
                   width: 500px;
				   background-color: #f6f6f6;
				   border: #fff;
				   border-bottom: 1px solid #ccc;
                   padding:6px;
                   margin:15px 0px 0px 0px;
				   font-family: 'Open Sans';
				   font-size:12px;
             }
			 
			 .contacto input[value]{
				 color:#666;
			 }
			 
             .contacto textarea {
                   float: left;
                   width: 500px;
				   background-color: #f6f6f6;
                   clear: both;
                   padding:6px;
                   margin:15px 0px 0px 0px;
				   font-family: 'Open Sans';
				   font-size:12px;
				   border: #fff;
				   border-bottom: 1px solid #ccc;
              }

                    input.Send{
                        width: 70px;
                        background: #333;
                        color: #fff !important;
                        cursor: pointer;
                        float: right;
                        padding:5px;
                        margin: 20px auto;
						border-top: 1px solid #3381bf;
                    }

					input.Send:hover {
						background-color: #9cba34;
                    }


/* -------------- PIE ---------------- */

.menu_pie ul{
		padding: 0;
		margin: 0 0 0 -30px;
		background-repeat:no-repeat;
		float: left;
	}
	
		.menu_pie ul li{
			list-style: none;
			float: left;
			width: 110px;
			text-align: center;
			margin-top: 25px;
		}
	
		.ult{
			width:200px !important;
		}
		
			.menu_pie ul li a{
				text-decoration: none;
				text-transform: uppercase;
				color: #fff;
			}
			
				.menu_pie ul li a:hover{
					/*font-weight: bold;*/
					color: #000;
				}

.datos{
	float:right;
}

	.mail{
		background-image:url(../img/icon_mail.png);
		background-repeat: no-repeat;
		margin: 20px 0px 0px -30px;
		padding-left: 40px;
		list-style: none;
	}
	
		.mail a{
			color: #FFF;
			list-style: none;
			text-decoration: none;
			line-height:2.1;
		}
		
			.mail a:hover{
				color:#000;
			}
	
	.dir{
		background-image:url(../img/icon_direccion.png);
		background-repeat: no-repeat;
		margin: 8px 0px 0px -30px;
		padding-left: 40px;
		color: #FFF;
		list-style: none;
		line-height:2.1;
	}
	
	.tel{
		background-image:url(../img/icon_tel_pie.png);
		background-repeat: no-repeat;
		margin: 8px 0px 0px -30px;
		padding-left: 40px;
		color: #FFF;
		list-style: none;
		line-height:2.1;
	}
	
	
/********************************************************/

/* ---- Listado ---- */

.listado{
	width: 710px;
	float: left;
	margin-top: 17px;
}

.titulo_listado{
	width:100%;
	height:110px;
	float: left;
	border-top: 1px solid #9bbb34;
	margin: 10px 0;
	padding-top:10px;
	background: #f6f6f6;
	margin-bottom: 20px;
}
	
	.cont_listado_img{
		width:150px;
		height:100px;
		float: left;
		margin-left:10px;
		overflow: hidden;
		text-align:center;
        position: relative;
	}
		
		.cont_listado_img img{
			width: auto;
			height: auto;
			margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
		}
	
	.titulo_listado h3{
		width: 520px;
		height: 100px;
		font-size: 21px;
		line-height: 1.3;
		float: left;
		margin-left: 10px;
		margin-top:0;
		color: #3381bf;
		text-transform:uppercase;
		overflow: hidden;
		background-position:center;
	}

	span.nav{
		float:left;
		font-size:14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #666;
	}

	.listado ul, .productos_rel ul{
		margin: 0; 
		padding: 0;
	}
		
		.listado ul li, .productos_rel ul li{
			display: block;
			list-style: none;
			width: 340px;
			height: 38px;
			float: left;
			margin: 10px 30px 10px 0px;
			overflow: hidden;
			padding-bottom: 6px;
			border-top: 1px solid #3381bf;
			background: #f6f6f6;
		}
        
        .listado ul li:hover, .productos_rel ul li:hover{
            background-color: #fff;
            }
            		
			.listado ul li:nth-child(2n+2), .productos_rel ul li:nth-child(2n+1){
				margin: 10px 0px 0px 0px;
			}

			.listado ul li:hover, .productos_rel ul li:hover{
				color: #fff;
			}
            
		.listado p, .productos_rel p{
			position: absolute;
			top: 6px;
			left: 10px;
			font-size:12px;
			background-image:url(../img/blue.png);
			background-repeat:no-repeat;
			background-position:left 5px;
			padding-left: 20px;
		}
        
		.listado span, .productos_rel span{
			font-weight: bold;
			color: #333;
		}
		
			.listado ul li a, .productos_rel ul li a{
				position:relative;
				top:0;
				right:0;
				display: block;
				width: 340px;
				height: 38px;
				overflow:hidden;
				text-decoration: none;
				color: #333;
				float:left;
				padding-bottom:5px;
			}
			
			.listado ul li a:hover{
				color: #000;
			}