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

/* Reset
------------------------------------------------------------------*/
@import url('reset.css');

/* Basic
------------------------------------------------------------------*/
html, body {
	background: rgb(51,51,51) url(imagenes/background-header-blue.png) top left repeat-x;
	font-family: 'Gudea', sans-serif;
}

p {
	font-size: .9em;
	line-height: 1.3em;
	color: rgb(51,51,51);
}

h6 {
	font-size: .8em;
	font-weight: 700;
}

h1 {
	font-size: 2.3em;
	font-weight: 400;
}

/* Content
------------------------------------------------------------------*/
#content {
	width: 960px;
	height: 100%;
	float: left;
	overflow: hidden;
	margin-left: 32px;
	background: white;
}

/* Header
------------------------------------------------------------------*/
#header {
	background: url(imagenes/background-header-grey.png) top left repeat-x;
	width: 940px;
	height: 146px;
	float: left;
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: 10px;
}

/* Tittle */
.header-tittle {
	width: auto;
	height: auto;
	position:absolute;
	top: 30px;
}

/* Nav */
#header .header-nav {
	width: auto;
	height: auto;
	margin-top: 111px;
	margin-left: 160px;
	position: absolute;
	overflow: hidden;
}

#header .header-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .header-nav li { display: inline; }

#header .header-nav a {
	display: block;
	float: left;
	width: auto;
	height: 15px;
	padding: 12px 50px 8px 15px;
	text-decoration: none;
	color: rgb(204,204,204);
	font-size: 1em;
	font-weight: 700;
	border: none;
	text-shadow: 1px 1px white;
}

#header .header-nav a:hover {
	/*background: url(imagenes/button-header-nav-hover.png) top right no-repeat;*/
	color: rgb(128,128,128);
	font-weight: 700;
	text-shadow: 1px 1px white;
}

#header .header-nav .active a {
	background: url(imagenes/button-header-nav.png) top right no-repeat;
	color: rgb(0,118,192);
	box-shadow: none;
	border-left: 1px solid rgb(204,204,204);
}

/* Article
------------------------------------------------------------------*/
#article {
	width: 720px;
	height: auto;
	float: left;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}

.article-tittle {
	width: auto;
	height: 12px;
	padding: 8px 10px;
	margin-left: 150px;
	border-top: 1px solid rgb(230,230,230);
	background: url(imagenes/background-article-tittle-grey.png) top left repeat-x;
}

.article-tittle h6 {
	color: rgb(128,128,128);
	font-weight: 400;
	font: 13/27px;
}

.article-tittle a:link, .article-tittle a:visited {
	color: rgb(128,128,128);
	text-decoration: underline;
}

.article-tittle a:hover, .article-tittle a:active {
	color: rgb(77,77,77);
	text-decoration: none;
}

/* Aside
------------------------------------------------------------------*/
#aside {
	width: 220px;
	height: auto;
	float: right;
	margin: 10px 10px 10px 0;
	overflow: hidden;
}

.aside-list {
	background: url(imagenes/arrow-down-grey.png) top left no-repeat;
	width: auto;
	height: auto;
	border-top: 1px solid rgb(230,230,230);
	margin-bottom: 10px;
}

.aside-news {
	width: 100%;
	height: auto;
	margin-top: 30px;
}

.aside-tittle {
	background: rgb(248,248,248);
	border-top: 1px solid rgb(230,230,230);
	width: auto;
	height: auto;
	padding: 10px;
}

.aside-tittle h6 {
	color: rgb(51,51,51);
	text-shadow: 1px 1px white;
}

/*ficha tecnica*/
.aside-product-text {
	width: auto;
	height: auto;
	margin-top: 1px;
	padding: 0px 10px 10px 10px;
	background: rgb(248,248,248);
}

.aside-product-text h6 {
	color: rgb(51,51,51);
	padding-top: 10px;
}

.aside-product-text p { font-size: .8em; }

/*prospecto*/
.aside-download {
	width: auto;
	height: auto;
	margin-top: 2px;
	padding: 10px 10px 10px 10px;
	background: rgb(248,248,248);
	border-bottom: 1px dotted rgb(230,230,230);
}

.aside-download h6 {
	color: rgb(51,51,51);
	text-shadow: 1px 1px white;
}

.aside-download ul.download { list-style: inside url(imagenes/arrow-download-black.png) disc; }

.aside-download ul.download li {
	color: rgb(51,51,51);
	font-size: .8em;
	line-height: 1.6em;
}

.aside-download ul.download a {
	color: rgb(51,51,51);
	text-decoration: none;
}

.aside-download ul.download a:hover {
	color: rgb(0,118,192);
	text-decoration: underline;
}

/* Section
------------------------------------------------------------------*/
#section {
	width: 720px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-top: 30px;
}

/*seciones*/
.section-aside, .section-aside-antibioticos, .section-aside-antiinflamatorios, .section-aside-antiparasitarios, .section-aside-biologicos, .section-aside-dermicos, .section-aside-energeticos, .section-aside-especiales, .section-aside-osteo, .section-aside-respiratorios, .section-aside-protector_casco {
	background: rgb(229,243,236);
	width: 130px;
	height: 100&;
	float: left;
	overflow: hidden;
	padding: 10px;
	text-align: right;
	border-top: 1px dotted rgb(128,194,159);
	border-bottom: 1px dotted rgb(128,194,159);
}

.section-aside-antibioticos {
	background: rgb(251,210,211);
	border-top: 1px dotted rgb(237,28,36);
	border-bottom: 1px dotted rgb(237,28,36);
}

.section-aside-antiinflamatorios {
	background: rgb(212,239,249);
	border-top: 1px dotted rgb(41,171,226);
	border-bottom: 1px dotted rgb(41,171,226);
}

.section-aside-antiparasitarios {
	background: rgb(204,233,218);
	border-top: 1px dotted rgb(0,146,69);
	border-bottom: 1px dotted rgb(0,146,69);
}

.section-aside-biologicos{
	background: rgb(255,210,204);
	border-top: 1px dotted rgb(255,51,0);
	border-bottom: 1px dotted rgb(255,51,0);	
}

.section-aside-energeticos {
	background: rgb(253,233,210);
	border-top: 1px dotted rgb(247,147,70);
	border-bottom: 1px dotted rgb(247,147,70);
}

.section-aside-dermicos {
	background: rgb(250,224,235);
	border-top: 1px dotted rgb(238,153,187);
	border-bottom: 1px dotted rgb(238,153,187);
}

.section-aside-especiales {
	background: rgb(233,212,233);
	border-top: 1px dotted rgb(147,39,143);
	border-bottom: 1px dotted rgb(147,39,143);
}

.section-aside-osteo {
	background: rgb(251,210,228);
	border-top: 1px dotted rgb(237,30,121);
	border-bottom: 1px dotted rgb(237,30,121);
}

.section-aside-respiratorios {
	background: rgb(204,227,242);
	border-top: 1px dotted rgb(0,113,188);
	border-bottom: 1px dotted rgb(0,113,188);
}

.section-aside-protector_casco {
	background: rgb(252, 240, 190);
	border-top: 1px dotted rgb(254,214,38);
	border-bottom: 1px dotted rgb(254,214,18);
}

.section-aside h6, .section-aside-antibioticos h6, .section-aside-antiinflamatorios h6, .section-aside-antiparasitarios h6, .section-aside-biologicos h6, .section-aside-dermicos h6, .section-aside-energeticos h6, .section-aside-especiales h6, .section-aside-osteo h6, .section-aside-respiratorios h6, .section-aside-protector_casco h6 {
	color: rgb(0,133,63);
	line-height: 1.4em;
	text-shadow: 1px 1px white;
}

.section-aside-antibioticos h6 { color: rgb(237,28,36) }
.section-aside-antiinflamatorios h6 { color: rgb(41,171,226) }
.section-aside-antiparasitarios h6 { color: rgb(0,146,69) }
.section-aside-biologicos h6 {color: rgb(255,51,0)}
.section-aside-energeticos h6  { color: rgb(247,147,70) }
.section-aside-dermicos h6 { color: rgb(238,153,187) }
.section-aside-especiales h6 { color: rgb(147,39,143) }
.section-aside-osteo h6 { color: rgb(237,30,121) }
.section-aside-respiratorios h6 { color: rgb(0,113,188) }
.section-aside-protector_casco h6 { color: rgb(254,214,18) }

.section-text h1 {
}

.section-text, .section-text-antibioticos, .section-text-antiinflamatorios, .section-text-antiparasitarios, .section-text-biologicos, .section-text-dermicos, .section-text-energeticos, .section-text-especiales, .section-text-osteo, .section-text-respiratorios, .section-text-protector_casco {
	width: 529px;
	height: auto;
	float: left;
	padding: 0px 30px 20px 10px;
	margin-bottom: 30px;
	border-left: 1px solid rgb(0,133,63);
}

.section-text-antibioticos { border-left: 1px solid rgb(237,28,36) }
.section-text-antiinflamatorios { border-left: 1px solid rgb(41,171,226) }
.section-text-antiparasitarios { border-left: 1px solid rgb(0,146,69) }
.section-text-biologicos {border-left: 1px solid rgb(255,51,0)}
.section-text-energeticos { border-left: 1px solid rgb(247,147,70) }
.section-text-dermicos { border-left: 1px solid rgb(238,153,187) }
.section-text-especiales { border-left: 1px solid rgb(147,39,143) }
.section-text-osteo { border-left: 1px solid rgb(237,30,121) }
.section-text-respiratorios { border-left: 1px solid rgb(0,113,188) }
.section-text-protector_casco { border-left: 1px solid rgb(254,214,18) }

.section-text span  {
	font-weight: 700;
	color: rgb(0,118,192);
}

span.antibioticos, span.antiinflamatorios, span.antiparasitarios, span.biologicos, span.dermicos, span.energeticos, span.especiales, span.osteo, span.respiratorios, span.protector_casco { font-weight: 700 }

span.antibioticos { color: rgb(237,28,36) }
span.antiinflamatorios { color: rgb(41,171,226) }
span.antiparasitarios { color: rgb(0,146,69) }
span.biologicos {color: rgb(255,51,0)}
span.energeticos { color: rgb(247,147,70) }
span.dermicos { color: rgb(238,153,187) }
span.especiales { color: rgb(147,39,143) }
span.osteo { color: rgb(237,30,121) }
span.respiratorios { color: rgb(0,113,188) }
span.protector_casco { color: rgb(254,214,18) }

.section-text ul {
	list-style: outside disc;
	padding-left: 13px;
	}

.section-text li {
	color: rgb(102,102,102);
	font-size: .9em;
	line-height: 1.3em;
	padding-top: .4em;
}

/*links*/
.section-text ul.links { list-style: inside url(imagenes/arrow-left-blue.png) disc; }

.section-text ul.links li {
	color: rgb(102,102,102);
	font-size: .9em;
	line-height: 1.3em;
}

.section-text ul.links a {
	color: rgb(0,118,192);
	text-decoration: none;
}

.section-text ul.links a:hover {
	color: rgb(51,145,205);
	text-decoration: underline;
}

/*Products*/
.section-text-antibioticos ul.products, .section-text-antiinflamatorios ul.products, .section-text-antiparasitarios ul.products, .section-text-biologicos ul.products, .section-text-dermicos ul.products, .section-text-energeticos ul.products, .section-text-especiales ul.products, .section-text-osteo ul.products, .section-text-respiratorios ul.products, .section-text-protector_casco ul.products { list-style: inside none; }

.section-text-antibioticos ul.products li, .section-text-antiinflamatorios ul.products li, .section-text-antiparasitarios ul.products li, .section-text-biologicos ul.products li, .section-text-dermicos ul.products li, .section-text-energeticos ul.products li, .section-text-especiales ul.products li, .section-text-osteo ul.products li, .section-text-respiratorios ul.products li, .section-text-protector_casco ul.products li {
	color: rgb(204,204,204);
	font-size: 1em;
	line-height: 1.5em;
	border-bottom: 1px solid rgb(204,204,204);
}

.section-text-antibioticos ul.products li.activo, .section-text-antiinflamatorios ul.products li.activo, .section-text-antiparasitarios ul.products li.activo, .section-text-biologicos ul.products li.activo, .section-text-dermicos ul.products li.activo, .section-text-energeticos ul.products li.activo. .section-text-especiales ul.products li.activo, .section-text-osteo ul.products li.activo, .section-text-respiratorios ul.products li.activo, .section-text-protector_casco ul.products li.activo { border-bottom: 1px solid rgb(51,51,51); }

.section-text-antibioticos ul.products a, .section-text-antiinflamatorios ul.products a, .section-text-antiparasitarios ul.products a, .section-text-biologicos ul.products a, .section-text-dermicos ul.products a, .section-text-energeticos ul.products a, .section-text-especiales ul.products a, .section-text-osteo ul.products a, .section-text-respiratorios ul.products a, .section-text-protector_casco ul.products a {
	color: rgb(51,51,51);
	text-decoration: none;
	padding-left: 3px;
}

.section-text-antibioticos ul.products a:hover, .section-text-antiinflamatorios ul.products a:hover, .section-text-antiparasitarios ul.products a:hover, .section-text-biologicos ul.products a:hover, .section-text-dermicos ul.products a:hover, .section-text-energeticos ul.products a:hover, .section-text-especiales ul.products a:hover, .section-text-osteo ul.products a:hover, .section-text-respiratorios ul.products a:hover, .section-text-protector_casco ul.products a:hover {
	color: rgb(51,51,51);
	/*text-shadow: 1px 1px rgb(230,230,230);*/
	text-decoration: none;
	display:list-item;
	background: rgb(248,248,248);
}

/*Product*/
.section-text-antibioticos ul.product, .section-text-antiinflamatorios ul.product, .section-text-antiparasitarios ul.product, .section-text-biologicos ul.product, .section-text-dermicos ul.product, .section-text-energeticos ul.product, .section-text-especiales ul.product, .section-text-osteo ul.product, .section-text-respiratorios ul.product, .section-text-protector_casco ul.product {
	list-style: outside url(imagenes/tilde-black.png) disc;
	padding-left: 20px;
}

.section-text-antibioticos ul.product li, .section-text-antiinflamatorios ul.product li, .section-text-antiparasitarios ul.product li,.section-text-biologicos ul.product li,  .section-text-dermicos ul.product li, .section-text-energeticos ul.product li, .section-text-especiales ul.product li, .section-text-osteo ul.product li, .section-text-respiratorios ul.product li, .section-text-protector_casco ul.product li {
	font-size: 1em;
	font-style: italic;
	line-height: 1.2em;
	padding-top: .4em;
}

/*composicion*/
table {
	width: 70%;
	padding-top: 10px;
	border: none;
	border-collapse: collapse;
}

td {
	font-size: .8em;
	color: rgb(51,51,51);
	padding: .3em 0;
	border-bottom: 1px dotted rgb(51,51,51);
}

 
.section-text a.email:link, .section-text a.email:visited {
	color: rgb(51,51,51);
	text-decoration: underline;
}

.section-text a.email:hover, .section-text a.email:active {
	color: rgb(0,118,192);
	text-decoration: none;
}

/* Form
------------------------------------------------------------------*/
label {
	display:block;
	font-size: .8em;
	line-height: 2em;
	color: rgb(51,51,51);	
}

fieldset {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.section-form {
	display: inline;
	float:left;
	width:50%;
}

input {
	width: 90%;
	padding: 5px;
	color:#888888;
	margin-bottom: 5px;
	border: none;
	border: 1px solid rgb(204,204,204);
	border-radius: 2px;
	background: rgb(248,248,248);
}

textarea {
	width: 95%;
	padding: 5px;
	color:#888888;
	margin-bottom: 5px;
	border: none;
	border: 1px solid rgb(204,204,204);
	border-radius: 2px;
	background: rgb(248,248,248);
}

/*boton enviar*/
button {
	border: 0;
	border: 1px solid #003352;
	background: #125e8d;
	border-radius: 3px;
	cursor: pointer;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
}
button:hover { background: #1a84c6; }

	/*captcha*/
	fieldset.captcha {
		margin: 8px 0 15px;
		width: 100%;
		height: auto;
		float: left;
		padding-bottom: 5px 0;
	}
	fieldset.captcha label {
		font-family: 'Gudea', sans-serif;
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
		width: 100%;
		padding-bottom: 5px;
		float: left;	
	}
	fieldset.captcha img {
		vertical-align: bottom;
		float: left;
	}
	form fieldset.captcha input {
		width: 50px !important;
		background: #F2F2F2;
		border: none;
		border: 1px solid rgb(204,204,204);
		border-radius: 2px;
		background: rgb(248,248,248);
		height: 13px;
		color: #888888;
		margin-left: 5px;
	}


/* Footer
------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background: rgb(102,102,102);
	border-top: 1px solid rgb(242,242,242);
	bottom: 0;
}

.footer-content {
	width: 960px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 32px;
	padding: 10px 0;
	background: rgb(250,250,250);
	border-top: 1px solid rgb(242,242,242);
}

/*Fotter-Nav*/
.footer-nav { margin-left: 178px; }

.footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-nav li { display: inline; }

.footer-nav a {
	display: block;
	float: left;
	width: auto;
	height: 15px;
	margin: 0 30px 40px 0;
	text-decoration: none;
	color: rgb(102,102,102);
	font-size: .8em;
	border: none;
	font-weight: bold;
}

.footer-nav a:hover { color: rgb(51,51,51); }

.footer-copy {
	width: 490px;
	height: auto;
	bottom: 0px;
	margin-left: 178px;
	overflow: hidden;
	float:left;
}

.footer-copy p {
	font-size: .8em;
	color: rgb(102,102,102);/*text-shadow: 1px 1px rgb(232,232,232);*/
}

.qr-code {
	width: auto;
	height: auto;
	overflow: hidden;
	float: right;
	margin-right: 20px;
}

.footer-design {
	float: right;
	bottom: 0px;
	width: 220px;
	height: auto;
	bottom: 0px;
	overflow: hidden;
	text-align: right;
	margin-right: 20px;
}

.footer-design p {
	font-size: .8em;
	color: rgb(179,179,179);	
	text-shadow: 1px 1px white;
}

.footer-design a:link, .footer-design a:visited {
	color: rgb(179,179,179);
	text-decoration: underline;
}

.footer-design a:hover, .footer-design a:active {
	color: rgb(77,77,77);
	text-decoration: none;
}