@charset "iso-8859-1";
/* CSS Document */

/*-------------	Reset	-------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*-----------	clear	--------------------*/

.clear { display:block; height:0; clear:both; line-height:1px; font-size:1px; }
body { background:url(../img/bg-main_large.gif) repeat-x; font-size:11px; 
		font-family:arial, tahoma; line-height:1.3em; }
body a{ color:#193c5a; text-decoration:none;}
body a:hover{ color:#1f4c6a; text-decoration:underline;}


/*-----------	General	--------------------*/

.main { width:940px; margin:0 auto; }
.main h2 { font-style:italic; font-size:13px; color:#FFFFFF; 
font-family:Helvetica, arial; padding-top:13px; text-align:right; padding-right:20px; }
#top {	height:35px; background:url(../img/bh-header.gif) bottom no-repeat; }

/* ------------- Home ----------------------*/

#leftSide { width:205px; float:left; position:relative; }
#rightSide { float:left; width:735px; }

#leftSide .logo { margin-top:8px; margin-left:30px; display:block; }
#leftSide .navy { background:url(../img/bg-navy.gif) top right no-repeat; margin-top:3px; }

.navy ul {	display:block; margin-right:13px; text-align:right; padding-top:14px;  }
.navy ul li a { overflow:hidden; background-repeat:no-repeat;
 background-position:right top; height:21px; display:block; }
.navy ul li a:hover { background-position:right bottom; }
.navy ul li a em { display:block; margin-top:-100px; }
.navy ul li .active { background-position:right bottom; }

.home { background:url(../img/navy-home.gif); }
.productos { background:url(../img/navy-productos-y-servicios.gif); }
.sectores { background:url(../img/navy-sectores.gif); }
.alimentacion { background:url(../img/navy-alimentacion.gif); }
.farmacia { background:url(../img/navy-farmacia.gif); }
.plasticos { background:url(../img/navy-plasticos.gif); }
.quimica { background:url(../img/navy-quimica.gif); }
.cosmetica { background:url(../img/navy-cosmetica.gif); }
.asistencia { background:url(../img/navy-asistencia-tecnica.gif); }
.clientes { background:url(../img/navy-clientes.gif); }
.ferias { background:url(../img/navy-ferias-y-eventos.gif); }
.noticias { background:url(../img/navy-noticias.gif); }
.videos { background:url(../img/navy-videos.gif); }
.contacto { background:url(../img/navy-contacto.gif); }

#leftSide .logos { margin-top:50px; text-align:right; }

#rightSide .header { height:104px; }
#rightSide .container { background:#FFFFFF url(../img/bg-container.gif) top no-repeat; }
#rightSide .container .pictures { float:left; width:215px; margin-top:9px; }
#rightSide .container .pictures img { margin:0 9px 3px 9px; }

#rightSide .container .content { margin-left:215px; padding-bottom:20px; color:#222222; }
#rightSide .container .fix { height:55px; }
#rightSide .container .content h1 { background:url(../img/title-bienvenidos.gif); 
margin-left:6px; height:17px; width:108px; font-size:1px; float:left; margin-top:30px;  }
#rightSide .container .content h1 em{ display:block;overflow:hidden;margin-top:-1000px; }

.breadcums{ float:left; margin-top:34px; margin-left:10px;  color:#1f4c6a; }

#rightSide .container .content p { margin:10px 30px 13px 10px; text-align:justify; }
#rightSide .container .content ul { list-style-position:inside; 
list-style-image:url(../img/bullet.gif); margin-left:5px; }
#rightSide .container .content ul li { margin:10px 30px 10px 8px; }
#rightSide .container .content ul li a{ font-weight:bold; color:#4b96c3; }

/* -------------------- Footer ------------------------*/

#validation { border-bottom:3px solid #204c6a; margin-bottom:6px; margin-top:20px; height:34px; }

#validation #lnkFace {
	background:url(../img/ico-face.png);
	background-repeat: no-repeat;
	background-position: top right;
	height:16px;
	padding-top:8px;
	padding-right:33px;
	display: block;
	float: right;
	margin-right:10px;
}
#validation  .btnValidado img {
	margin-top:10px;
}

#footer { height:64px; border-bottom:10px solid #f57c2d; margin-bottom:20px; }
#footer .left { float:left; width:200px;  }
#footer .center{ float:left; width:580px; text-align:center; }
#footer .right { float:left; width:150px; text-align:right; }

/* --------------------------------------------------- */

#rightSide .container p { line-height:1.3em; font-size:12px; }
#rightSide .container .index p { line-height:1.6em; font-size:11px; }

/* --------------------- Sectores -------------------- */

.sectores-pic { float:right; width:216px; margin-top:9px; }
.sectores-pic img { margin:0 9px 3px 9px; }
#rightSide .container .interna-left { margin-left:16px; margin-right:216px;
								padding-bottom:20px; color:#222222; }
#rightSide .container .interna-left h1 { background:url(../img/title-sectores.gif); width:79px; }
#rightSide .container .interna-left p { text-align:left; }
#rightSide .container .prods li { margin:10px 30px 0px 8px !important; }

.botonera {	margin:35px 15px; width:280px;	}
.boton-servicios { float:left; height:115px; width:93px;  }
.boton-servicios a{ display:block; height:17px; width:93px;
 background-position:left top; padding-top:93px; text-align:center; 
 font-weight:bold; text-decoration:none;  }

#ali {	background:url(../img/boton-alimentacion.jpg) no-repeat; }
#far {	background:url(../img/boton-farmacia.jpg) no-repeat; }
#cos {	background:url(../img/boton-cosmetica.jpg) no-repeat; }
#pla {	background:url(../img/boton-plasticos.jpg) no-repeat; }
#qui {	background:url(../img/boton-quimica.jpg) no-repeat; }

.boton-servicios a:hover { background-position:right top !important;
							 text-decoration:underline !important; }
							 
#rightSide .container .sect p { line-height:1.6em; font-size:11px; }
							 
/* ------------------- Productos y Servicios -------------*/

#rightSide .container .productos-servicios { 
	background:url(../img/title-productos.gif) !important; width:189px !important;
	height:20px !important;
}

#rightSide .container .foto-prods { width:auto; margin-top:65px; margin-right:10px; }

/* ----------------- ALimentacion ----------------------- */
#rightSide .container .alimen h1 { background:url(../img/title-alimentacion.gif) no-repeat; width:115px; }

/* ----------------- Contacto ----------------------- */
.contacto-pic { float:right; width:216px; margin-top:8px; }

#rightSide .container .contacto { background:none; }
#rightSide .container .contacto h1 { background:url(../img/title-contacto.gif) no-repeat; width:81px; }
#rightSide .container .contacto .info-ubicacion { width:185px;padding-left:10px; float:left }
#rightSide .container .contacto .info-ubicacion p { margin:0; line-height:16px; color:#204c6a }
#rightSide .container .contacto .info-ubicacion p a { color:#000 }
#rightSide .container .contacto .img-ubicacion { width:230px;padding-left:20px; float:left; position:relative }
#rightSide .container .contacto .img-ubicacion a { position:absolute; right:5px; bottom:4px; background:url(../img/bt-ampliar.gif) no-repeat left top; width:72px; height:26px; text-indent:-1000em}

#rightSide .container .contacto form { display:block; margin-top:20px; float:left; width:480px; margin-left:10px }
#rightSide .container .contacto form .etiqueta { width:100px; margin-right:10px; display:block; text-align:right } 
#rightSide .container .contacto form .campos-obligatorios { color:#f57e30 }
#rightSide .container .contacto form .espacio { display:block;height:4px }
#rightSide .container .contacto form input { width:320px; background-color:#bbc9d2; border:0; height:23px; float:left; padding-top: 3px }
#rightSide .container .contacto form input.codigo{width:110px}
#rightSide .container .contacto form .errores-contacto { font:bold 10px tahoma;border: 1px solid #f57e30; padding:5px}
#rightSide .container .contacto form textarea { width:320px; background-color:#bbc9d2; height:150px; border:0; float:left }
#rightSide .container .contacto form span { font-size: 24px; color:#f57e30; width:5px; float:left; padding:2px }
#rightSide .container .contacto form .boton { background:url(../img/bt-enviar-contacto.gif) no-repeat left top; float:right; width:92px; height:27px; color:#fff; font:bold 12px tahoma; cursor:pointer; padding:0 }

/* ----------------- Clientes ----------------------- */
.clientes-pic { float:right; width:216px; margin-top:8px; }
#rightSide .container .clientes { background:none; }
#rightSide .container .clientes h1 { background:url(../img/title-clientes.gif) no-repeat; width:81px; }
#rightSide .container .clientes li { font-size: 12px }

/* ----------------- Asistencia tecnica y recambios ----------------------- */
.pic-asistencia { float:right; width:216px; margin-top:7px; margin-right:-9px }

#rightSide .container .asistencia { background:none; }
#rightSide .container .asistencia h1 { background:url(../img/title-asistencia.gif) no-repeat; width:162px; height:35px }

/* ----------------- Aviso legal ----------------------- */
.pic-aviso-legal { float:right; width:216px; margin-top:8px; margin-right:-9px }

#rightSide .container .aviso-legal { background:none; }
#rightSide .container .aviso-legal h1 { background:url(../img/title-aviso-legal.gif) no-repeat; width:92px; height:19px }
#rightSide .container .aviso-legal .texto { margin-left:6px }
#rightSide .container .aviso-legal .texto h3 { display:block; margin: 10px 0 }
#rightSide .container .aviso-legal .texto p { margin:0; line-height: 16px }

/* ------------------ FARMACIA -------------------------- */
#rightSide .container .farm h1 { background:url(../img/title-farmacia.gif) no-repeat; width:90px; }

/* ------------------ plastico -------------------------- */
#rightSide .container .plas h1 { background:url(../img/title-plasticos.gif) no-repeat; width:90px; }

/* ------------------ quimica --------------------------- */
#rightSide .container .quim h1 { background:url(../img/title-quimica.gif) no-repeat; width:85px; }

/* ------------------ cosmetic -------------------------- */
#rightSide .container .cosm h1 { background:url(../img/title-cosmetica.gif) no-repeat; width:100px; }

/* ferias eventos */
#rightSide .container .fer h1 { 
/*	background:url(../img/title-ferias-eventos.gif) no-repeat; */
	background:url(../img/title-noticias.gif) no-repeat;
/*	width:146px; */
	width:86px; 
	height:20px; 
}
#rightSide .container .fer .fix {  padding:3px 0; }
.fer .parr { border-bottom:1px dotted #333333; margin:0 5px !important; padding:8px 8px 6px 3px; }
.fer .parr .link { display:block; clear:left;text-transform:uppercase; color:#5e5e5e; 
				font-family:arial; font-weight:bold; margin:3px 0; }
.fer .parr span { display:block; text-align:right; }
.fer .parr span a { color:#f57c2d; font-weight:bold; }
.fer .parr span a:hover { text-decoration:none; }

.fer .det { margin:0 5px !important; padding:8px 8px 6px 3px; }
.fer .link { display:block; clear:left;text-transform:uppercase; color:#5e5e5e;
				font-family:arial; font-weight:bold; margin:3px 8px; }
.fer .det span { display:block; text-align:right; }
.fer .det span a { color:#f57c2d; font-weight:bold; }

/* Flash Logo */
.logoFlash{padding:12px 0 0 50px;cursor:pointer;}


/* videos */
#rightSide .container .vid h1 { 
	background:url(../img/title-videos.gif) no-repeat;
	width:76px; 
	height:20px; 
}

img.youtube{ margin-right:15px; }

div.vid a.link{ display:block; }

div.vid div.caja_vid h3{
	display:block;
	margin:20px 20px 20px 10px;
	color:#f57c2d;
	font-size:14px;
}

div.vid div.caja_vid object{ margin-left:10px; }

.vid .det span a {
    color: #F57C2D;
    font-weight: bold;
}

.vid .det span {
    display: block;
    text-align: right;
}

#rightSide .container .content p.det {
	margin-right:20px;
}