/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #19306C;}
a:hover {color: #19306C;text-decoration:underline}

body {
	background-color: #5b77a4;
	color: #444;
	font: normal 62.5% Verdana,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.4em Verdana,sans-serif;}
h2 {font: bold 1.1em Verdana, sans-serif;}
h3 {font: bold 1em Verdana ,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Verdana,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	display: block;
	font-weight: bold;
	padding:20px 40px
}

h1,h2,h3 {color: #444; margin-bottom: 14px;}
h1 {background-color:#dfe1c2;padding:4px;text-indent:}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
	background: #FFF;
	font-size: 1.2em;
	margin: 10px auto;
	padding: 0;
	width: 1024px;
}

.outer-container {
	padding-bottom: 10px;
}

/* headere & title */
.lang{background-color: #5b77a4;text-align:right}
.lang li {display:inline;padding:0 3px}
.header {
	background:#fff url('../img/header.jpg') no-repeat;
	height: 260px;
}
/* path */
.path {
	background: #fff url('../img/path.jpg') no-repeat;
}
.path a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	height:27px
}
.path a:hover {
	color: #000;
	height:27px;
	text-decoration: underline;
}
.path ul{height:27px; white-space:nowrap;}
.path li{
	border-right:2px solid #9cba99;
	display:inline;
	padding:4px 13px 5px
}

/* path_www: Si es castellano, hay una sección de I+D+i, tenemos que recortar el tamaño*/
.path_www {
	background: #fff url('../img/path.jpg') no-repeat;
}
.path_www a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	height:27px
}
.path_www a:hover {
	color: #000;
	height:27px;
	text-decoration: underline;
}
.path_www ul{height:27px; white-space:nowrap;}
.path_www li{
	border-right:2px solid #9cba99;
	display:inline;
	padding:4px 5px 5px
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /**hack para google chrome**/
  .menu-fb {
	width:250px!important;
  }
}
.menu-fb{
	display:inline-block;
	width:252px;
	float:left;
	color: #FFF;
	font: normal 1.1em Verdana,sans-serif;
	height:27px;
}

.menu-opts{
	color: #FFF;
	font: normal 1.1em Verdana,sans-serif;
	height:27px;
	padding-left:10px;
	padding-top:4px;
}

/* main */
.main {
	background-color:#fff;
	margin: 10px 0;
	border-right:40px solid #c6c89c;
}

/* content */
.content {
	float: right;
	width: 710px;
	background-color:#fff;
	margin-right:10px;
	text-align:justify
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../img/li.gif);
	margin-left: 18px;
	margin-bottom:10px
}
.content p {font-family: Verdana,sans-serif;}

.content h2 { 
	font-size:2em;
	width:700px
}


.contentfb{
	margin-top:-5px;
	/*margin-bottom:30px;*/
}
	
/* navigation */
.navigation {
	float: left;
	width: 250px;
	background-color:#e8eacc;	
	margin-top:-7px
}
.navigation h2 {
	color: #000;
	background-color:#c5c79d;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding-right: 12px;
	text-align:right;
	text-transform:uppercase;
}
.navigation h2 a{color:#000;text-decoration:none}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover, .navigation li a.activo {
	background: #5f7882;
	color: #fff;	
}

.navigation img{border:0}

.navigation ul.productos li{text-align:right;padding-right:10px}
.navigation ul.productos a:hover{background-color:#E8EACC;color:#554;text-decoration:underline}

/* footer menu */
.footer_menu{
	background-color:#30678f;
	color:#fff;
	border-top:1px solid #222;
	border-bottom:2px solid #fff;
	margin-top: 15px;
	padding:10px;
	}
.base_menu{margin-left:260px;padding:0}
.base_menu li{display:inline;padding:0px 3px}
.base_menu a{color:#fff;text-decoration:none;text-transform:uppercase;}

/* footer */
.footer {
	background-color: #277524;
	color: #fff;
	font: bold 1em sans-serif;
	padding: 10px 12px;
}
.footer a {
	color: #F7F7F2;
	text-decoration: none;
}
.footer a:hover {color: #FFC;}
.footer .right, .footer .right a {color: #C8C8C3;}
.footer .right a:hover {color: #F7F7F2;}

/* Otros */
p.home{text-align:center}
.home_img{border:1px solid #7dc39e}

.alignright {float:right; border:1px solid #7dc39e;margin:10px 0 0 10px}
.alignleft {float:left; border:1px solid #7dc39e;margin:0 10px 10px 0}
strong {color:#277524}

div.info{text-align:center;margin-top:20px}
div.info img{border:0}
div.info p{text-align:center;}
li.info {text-align:center}

.footer .text {margin-left:30px;width:200px;text-transform:uppercase}
/* ----------------------------------------
   Contactar / Pedidos
------------------------------------------- */

#form_contact fieldset{
	background: #fff;
	margin-right:10px;
}

#form_contact input { display: block; clear: left; font-family: Arial, verdana; font-size: 125%; padding: 2px; border: 1px solid #ddd; margin: 10px; width:650px}
#form_contact div.label { position: relative; float: left; margin-left: 3px; clear: left; }
#form_contact div.clear { clear: both; }
#form_contact label{ color: #333; margin:10px;vertical-align:middle}
#form_contact select{ display: inline; clear: left; font-family: Arial, verdana; font-size: 125%; padding: 2px; border: 1px solid #ddd; margin: 10px; }
#form_contact select{
  width:150px;
}
#form_contact fieldset{
border:0;
margin-bottom:10px;
padding:4px;
}
#form_contact legend{
  font-weight:bold;
  padding:10px;
  color:#277524;
}
#form_contact .parent{
  background-color:#444;
  color:#fff;
}
#form_contact textarea{
    display: block; 
    clear: left; 
    font-family: Arial, verdana; 
    font-size: 125%; 
    padding: 5px; 
    border: 1px solid #999;
    margin: 10px;
	width:650px;
  	height:200px;     
}
#form_contact #features{
display:block;
}
#form_contact input.linea{
  display:inline !important; width:100px;
}
#form_contact .pedidos{display:inline}

#form_contact span{
  color:#FF0033;
}
#form_contact .error{
background-color:#FF0033;
border:1px solid #FF0033 !important;
color:#FFFFFF;
}

div#address p{
	font-size:14px
}

.botones{
	background-color:#f1f1f1;
	color:#444;
	border:1px solid #ddd !important;
	padding:5px !important}
	
/* Tablas */
.tTable{width:100%;background-color:#f1f1f1;border:1px solid #ddd;margin-bottom:20px}
.tTable td{background-color:#fff;text-align:center;padding:3px}	
.tTable td.title{text-align:left;text-indent:15px}
.tTable th{background-color:#743434;text-align:center;color: #fff;padding:3px}
.tTable tr.total{color:#fff}
.tTable tr.total td{background-color:#777;}

/* News */
div.news_content {
	width:200px;
	margin-left:30px;
	text-align:right;
	margin-bottom:5px
	}
div.news_date {
	width:200px;
	margin-left:30px;
	text-align:right;
	color:#19306c;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom: 1px solid #319e2d;
	}
	
h2.news {
	height:88px;
	background: #E8EACC url('../img/noticias.gif') no-repeat;
	padding-top:7px
	}

/* Pedidos */
h2.pedidos {
	height:66px;
	background: #E8EACC url('../img/pedidos.gif') no-repeat;
	padding-top:15px
	}	
div.pedido_online{padding:10px;text-align:center}

/* HOME */
div.img_center {
	text-align:center;	
}
img.img_right{
	background:#FAFAFA none repeat scroll 0 0;
	border:1px solid #DCDCDC;
	padding:7px;
	margin: 0 0 0 10px;
	float:right;
}

img.img_left{
	background:#FAFAFA none repeat scroll 0 0;
	border:1px solid #DCDCDC;
	padding:7px;
	margin: 0 10px 0 0;
	float:left;
}

img.img_center{
	background:#FAFAFA none repeat scroll 0 0;
	border:1px solid #DCDCDC;
	padding:7px;
}

/* Laboratorio */
p.subtitle {width:200px}

/* Productos */
ul.detalles{
	float:left;
	width: 350px;	
}
div.detalles { padding: 15px }

/*Pagination*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #277524;
	color: #fff;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/* Mensajes */
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../img/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../img/validation.png');
}