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

html, body {
	margin:0;
	padding:0;
	height:100%;
	min-width:950px;
	
	background:url(../ima/layout/fondo-degradado.jpg) top repeat-x #fff;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
}

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


#FondoRadial {
	z-index:1;
	position:absolute;
	width:100%;
	min-height:100%;
	
	background:url(../ima/layout/fondo-radial.png) top no-repeat;
}

#FondoHuesos {
	z-index:2;
	position:absolute;
	width:100%;
	min-height:100%;

	background:url(../ima/layout/fondo-huesos.png) top center no-repeat;
	text-align:center;
}

#Bloqueo {
	display:block;
	width:100%;
	min-width:950px;
	text-align:center;
}


/* Logo */
#Logo {
	display:inline-block;
	vertical-align:top;
	width:163px;
	height:123px;
	background:url(../ima/top/logo.png);
	cursor:pointer;
	text-indent:-9999px;
}

/* Top */
#TopInfo {
	display:inline-block;
	vertical-align:top;
	width:711px;
	height:90px;
	margin:22px 0 0 0;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8d191c;
	text-align:right;
}

	#TopInfo ul {
		display:block;
		margin:10px 0 0 0;
		padding:0;
	}
	
	#TopInfo li {
		display:inline-block;
		margin:0 0 0 15px;
		padding:0;
		width:27px;
		height:27px;
		vertical-align:top;
	}
	
	#TopInfo li:hover { cursor:pointer; border-bottom:1px dotted #8d191c; }
	
	#TopInfo li.iconHome { background:url(../ima/top/icon-home.png)	}
	#TopInfo li.iconContacto { background:url(../ima/top/icon-contacto.png)	}
	#TopInfo li.iconYouTube { background:url(../ima/top/icon-youtube.png)	}
	#TopInfo li.iconFacebook { background:url(../ima/top/icon-facebook.png)	}
	#TopInfo li.iconTwitter { background:url(../ima/top/icon-twitter.png)	}
	
	
/* Banner */
#Banner {
	display:block;
	width:930px;
	height:165px;
	margin:-10px auto auto auto;
	background:url(../ima/banner/fondo.png);
}
	
/* Menú */
#Menu {
	display:block;
	width:930px;
	height:65px;
	background:url(../ima/menu/fondo-huellas.png);
	margin:auto;
}

	#Menu ul {
		display:block;
		text-align:center;
		margin:0 0 0 5px;
		padding:0;
	}
	
	#Menu li {
		display:inline-block;
		text-align:center;
		margin:1px 0 0 -5px;
		padding:23px 10px 23px 10px;
		
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#FFF;
		text-transform:uppercase;
	}
	
	#Menu li:hover { background:url(../ima/menu/fondo-boton-seleccionado.png) top repeat-x; cursor:pointer; }
	
	#Menu li.separadorMenu, #Menu li.separadorMenu:hover {
		display:inline-block;
		width:1px;
		height:64px;
		vertical-align:top;
		margin:1px -5 0 0;
		padding:0;
		border-left:1px solid #ffb20c;
		opacity:0.6;
		filter:alpha(opacity=60);
		background:#ff6600;
		cursor:default;
	}
	
#Menusombra {
	display:block;
	width:930px;
	height:20px;
	margin:auto;
	background:url(../ima/menu/sombra.png) top no-repeat;
}

/* Base */
#BaseRepetir {
	width:100%;
	height:263px;
	background:url(../ima/base/fondo-02.png) repeat-x;
}

#BaseCurvas {
	width:100%;
	height:263px;
	background:url(../ima/base/fondo.png) center no-repeat;
}

#Perro {
	display:inline-block;
	vertical-align:top;
	width:234px;
	height:263px;
	background:url(../ima/base/perro.png);
}

#BaseLogo {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 -5px;
	width:161px;
	height:263px;
	background:url(../ima/base/logo.png);
}

#Base {
	display:inline-block;
	vertical-align:top;
	width:460px;
	height:263px;
	text-align:right;
	background:url(../ima/base/sombra.png) left no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
}

	#Base ul {
		display:block;
		text-align:right;
		margin:70px 0 12px 0;
		padding:0;
		list-style:none;
		cursor:default;
	}
	
	#Base li {
		display:inline-block;
		margin:0;
		padding:0;
		text-transform:uppercase;
		vertical-align:top;
	}
	
	#Base li:hover { color:#FFF; cursor:pointer; }
	
	#Base li.separadorMenu, #Base li.separadorMenu:hover {
		width:1px;
		height:16px;
		padding:0;
		margin:0 2px 0 2px;
		border-left:1px solid #404040;
		vertical-align:top;
	}
	
#DesarrolladoporGrupoCF {
	display:inline-block;
	width:130px;
	height:41px;
	background:url(../ima/base/desarrollado-por-grupo-cf.png);
	cursor:pointer;
	vertical-align:top;
	text-indent:-9999px;
}

#Aviso {
	display:inline-block;
	width:545px;
	height:36px;
	margin:0 0 10px 0;
	padding:5px 0 0 200px;
	text-align:right;
	cursor:default;
	opacity:0.6;
	filter:alpha(opacity=60);
	vertical-align:top;
	
	font-size:10px;
}

/* Titulos, separadores, etc... */
h1, h2, h3, h4 , h5, h6 {
	margin:0;
	padding:0;
	font-weight:bold;
}

.separadorPunteado {
	display:block;
	height:1px;
	width:100%;
	border-bottom:1px dotted #000;
	margin:10px 0 5px 0;
}

#separadorCategorias {
	display:block;
	height:30px;
	width:890px;
	margin:auto;
}

#separadorBase {
	display:block;
	height:10px;
	width:890px;
	margin:auto;
}


#leerMas {
	display:block;
	text-align:right;
	font-size:11px;
	font-weight:normal;
}

	#leerMas span {
		background:url(../ima/layout/leermas-bullet.png) left no-repeat;
		padding:0 0 0 15px;
	}
	
/* Layout, columnas, márgenes, etc... */
#ColumnaSimple {
	display:block;
	width:888px;
	min-height:50px;
	padding:20px 0 0 0;
	margin:auto;
	vertical-align:top;
	text-align:left;
}

	#ColumnaSimple h1 {
		margin:0;
		padding:0;
		line-height:100%;
	}

#ColumnaDoble {
	display:inline-block;
	width:441px;
	padding:20px 0 0 0;
	margin:0;
	vertical-align:top;
	text-align:left;
}

#ColumnaSimple h1, #ColumnaDoble h1 {
	margin:0 0 10px 0;
	padding:0 0 0 8px;
}

#ColumnaSimple p, #ColumnaDoble p {
	display:block;
	text-align:left;
	font-size:12px;
	line-height:14px;
	margin:0 0 15px 0;
	padding:0 0 0 8px;
}

/* Página de inicio */
#Bienvenidos {
	display:inline-block;
	width:562px;
	background:url(../ima/inicio/bienvenidos.png) left top no-repeat;
	text-align:left;
	margin:0 0 0 0;
	padding:0 18px 0 23px;
	vertical-align:top;
}

	#Bienvenidos h1 {
		padding-bottom:108px;
	}
	
	#Bienvenidos span.Texto {
		display:block;
		text-align:left;
		font-size:12px;
		line-height:13px;
	}
	
#Productos {
	display:inline-block;
	width:288px;
	background:url(../ima/inicio/productos.png) left top no-repeat;
	text-align:left;
	margin:0 2px 0 0;
	padding:0 18px 0 16px;
	vertical-align:top;
}

	#Productos h1 {
		padding-bottom:108px;
	}
	
	#Productos span.Texto {
		display:block;
		text-align:left;
		font-size:12px;
		line-height:13px;
	}
	
#Somos {
	display:inline-block;
	width:280px;
	text-align:left;
	padding:0 10px 0 10px;
	background:url(../ima/inicio/somos.png) top no-repeat;
	vertical-align:top;
}

	#Somos h2 {
		padding-bottom:80px;
	}
	
	#Somos span.Texto {
		display:block;
		text-align:left;
		font-size:12px;
		line-height:13px;
	}
	
#Distribuidores {
	display:inline-block;
	width:280px;
	text-align:left;
	padding:0 10px 0 10px;
	background:url(../ima/inicio/distribuidores.png) top no-repeat;
	vertical-align:top;
}

	#Distribuidores h2 {
		padding-bottom:80px;
	}
	
	#Distribuidores span.Texto {
		display:block;
		text-align:left;
		font-size:12px;
		line-height:13px;
	}
	
#AlimentacionContacto {
	display:inline-block;
	width:272px;
	text-align:left;
	padding:0;
	margin:0 0 0 8px;
	vertical-align:top;
}

	#AlimentacionContacto span.Texto {
		display:block;
		text-align:left;
		font-size:12px;
		line-height:13px;
		border-top:1px dotted #000;
		border-bottom:1px dotted #000;
		padding:5px 0 5px 0;
	}
	
	#AlimentacionContacto span.Alimentacion {
		background:url(../ima/inicio/alimentacion.png) top left no-repeat;
		padding:9px 0 9px 55px;
		display:block;
	}
	
	#AlimentacionContacto span.Contacto {
		background:url(../ima/inicio/contacto.png) top left no-repeat;
		padding:9px 0 9px 55px;
		display:block;
	}	
	
/* Productos (Categoría) */
#pMenuContenedor {
	display:inline-block;
	width:230px;
	text-align:left;
	margin:0;
	padding:0;
	vertical-align:top;
}

	#pMenuContenedor h1, #pContenedor h1 {
		margin:0 0 10px 0;
		padding:0;
	}
	
	#pMenuContenedor ul {
		display:block;
		margin:0;
		padding:0 15px 0 0;
		background:url(../ima/productos/separador.png) top right no-repeat;
	}
	
	#pMenuContenedor ul li {
		display:block;
		padding:8px 0 8px 32px;
		margin:0 15px 0 0;
		border-bottom:1px dotted #000;
		background:url(../ima/productos/bullet.png) left no-repeat;
		
		font-size:12px;
		text-align:left;
	}
	
	#pMenuContenedor ul li:hover {
		cursor:pointer;
		background:url(../ima/productos/bullet.png) left no-repeat #F60;
	}
	
#pImagen {
	display:inline-block;
	vertical-align:top;
	width:165px;
	margin:0 0 0 20px;
	padding:0;
}
	
#pContenedor {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:455px;
	font-size:15px;
	font-weight:normal;
}

#pContenedor ul { margin:0 0 20px 0; padding:0; font-size:14px; }

#pContenedor li { margin:0 0 0 15px; padding:0; }