/* CSS Farmacia Piolets */
/**/
body{background:#a5cce7; margin:0px; font-family:Arial; color:#03314f;}

/* ..................
Estructura General */

#content{
	width:797px;
	left:50%;
	margin-left:-398px;
	padding:6px;
	position:absolute;
	background-color:#ffffff;
}
#content table{text-align:left;}
#header{width:100%; height:175px; background:url(../images/header.png) top right no-repeat; }
#menu{width:170px; height:175px; float:left;}
#logo{width:170px; height:81px; background:url(../images/logo.png) no-repeat;}
#banner{width:627px; height:58px; background:url(../images/banner.png) no-repeat; float:right; margin-top:119px;}
#productes{
	width:100%;
	margin: 0px;
	;
}
#footerProductos{width:100%; height:50px; background:#6daadd; margin-top:5px; }
#footerMedicamentos{width:100%; height:220px; background:#6daadd; margin-top:5px;}



/* ..................
Caixes             */
.producte{
	height:0px;
	margin-top:4px;
	width:190px
}
.producteLeft{
	width:190px;
	padding-left:8px;
	margin-left:8px;
}
.producteRight{
	width:190px;
	padding-left:8px;
	margin-left:5px;
	padding-top:6px
}
.fichaProducte{width:408px; padding-left:5px;margin-top:-18px; margin-left:2px; padding-top:20px}


#menuProductes{width:150px; _height:880px; min-height:880px; padding-left:15px; padding-top:0px; background:url(../images/menu/bg_productes.png) repeat-y #6daadd; color:#FFFFFF; font-size:11px; font-weight:bold; float:left; margin-top:1px}

#novedades{position:absolute; z-index:999; width:206px; background:url(../images/bg_novedades4.png) no-repeat left top;  left:586px; top:185px; text-align:center; margin-left:10px; height:372px}
#novedades h3{ margin:1px 0 5px 0}
#novedades img{width:180px; height:120px; margin:0}
#novedades a img{width:auto; height:auto;}
/*#novedades{width:211px; height:540px; background:url(../images/bg_novedades2.png) repeat-y left top; padding-left:0px; margin-left:-5px; text-align:center; margin-top:6px; }*/
#consulta{width:160px;height:280px; margin-top:5px; background:url(../images/bg_consulta.png) no-repeat;}
#formulario_consulta{width:415px; height:457px;  background:url(../images/bg_formulario_consulta.gif) no-repeat top center; margin-top:5px;}
#formulario{padding-left:20px; padding-top:170px;}


.botoMasInfo{ background-color:#FFF; display:block; text-align:center; padding:3px 0; width:175px; height:46px}

/* ..................
Titols             */
h4{margin-top:0px; font-size:16px; color:#ab003a; text-decoration:underline; visibility:hidden;}
h2{margin-top:0px; margin-bottom:5px; font-size:16px; color:#fff; padding-left:0px;padding-top:5px; text-decoration:underline;}
h3{margin-top:0px; margin-bottom:-10px; font-size:13px; color:#fff; text-transform:uppercase;}
h1, h8{font-size:0px; line-height:0px; visibility:hidden; height:0px; margin-top:0px; margin-bottom:0px;}/*Titols Invisibles W3C - Accessibilitat */
.titolSeccio{height:35px; margin:10px 0 10px 0}
*:first-child+html .titolSeccio{height:35px; margin-bottom:10px;}
*html .titolSeccio{height:35px; margin-bottom:10px;}


/* ..................
Descripción Home           */
.top{width:425px; height:280px; padding-left:8px; padding-top:4px}
.titulo_descripcion{margin-top:5px; margin-left:8px; font-size:17px; color:#d4685b; text-decoration:none; text-align:center}
.descripcion{width:400px; margin-left:8px; marging-right:8px; margin-top:-10px; margin-bottom:30px;  font-size:11px; color:#333333; text-decoration:none; text-align:justify}
.titulo_categoria{ width: 400px; border:1px; border-color:#fff7de; border-style:solid; background-color:#fff7de; padding-left:14px; font-size:11.5px; color:#d4685b; text-align:left }
.presentacion{ background:url(../images/bg_presentacion.png) no-repeat; font:arial black; font-size:11.5px; color:#ffffff; text-decoration:none; text-align:left; padding-left:11px; padding-right:20px; padding-bottom:40px;}




/* ..................
Menu               */
#bt_inicio{width:170px;height:18px; background:url(../images/menu/bt_inicio.png) top left no-repeat;}
#bt_inicio:HOVER{cursor:pointer;  background:url(../images/menu/bt_inicio.png) bottom left no-repeat;}

#bt_compra{width:170px;height:20px; background:url(../images/menu/bt_compra.png) top left no-repeat;}
#bt_compra:HOVER{cursor:pointer;  background:url(../images/menu/bt_compra.png) bottom left no-repeat;}

#bt_consulta{width:170px;height:20px; background:url(../images/menu/bt_consulta.png) top left no-repeat;}
#bt_consulta:HOVER{cursor:pointer;  background:url(../images/menu/bt_consulta.png) bottom left no-repeat;}

#bt_contactenos{width:170px;height:20px; background:url(../images/menu/bt_contactenos.png) top left no-repeat;}
#bt_contactenos:HOVER{cursor:pointer;  background:url(../images/menu/bt_contactenos.png) bottom left no-repeat;}

#bt_blank{width:170px;height:17px; background:url(../images/menu/bt_blank.png) no-repeat;}


/* ..................
Menu Productes     */
#menuProductes li{ list-style:none; margin-left:-40px; line-height:30px;background:url(../images/menu/separator.png) bottom right no-repeat;}
#menuProductes .ul2{ list-style:none; margin-left:0px; padding-left:60px; margin-top:0px;}
#menuProductes a{color:#fff; text-decoration:none;}
#menuProductes a:HOVER{color:#a50038}


#novedad{ background:url(../images/bg_novedades.jpg) no-repeat; width:413px; height:372px; float: right; margin:3px 212px 0 0}

#novedad img{ float:left; width:200px; height:150px; margin:80px 10px 5px 20px}
#novedad .text{margin:80px 10px 0 10px;}
#novedad .text h2{font-size:20px; color:#e36900; text-decoration:none; text-align:left}
#novedad .text p{font-size:14px; line-height:18px}

/*#novedad .text a.mesinfo{ font-size:16px; background-color:#FFF; padding:5px 10px; text-decoration:none;}
#novedad .text a.mesinfo:hover{ font-size:16px;color:#e36900; background-color:#CCC }*/


#ofertaDestacada{ background: url(../images/oferta_destacat.jpg) no-repeat; width:624px; height:258px; float: right; margin:6px 0 0 0}

#ofertaDestacada img{ float:left; width:200px; height:150px; margin:90px 10px 5px 20px}
#ofertaDestacada .text{margin:85px 10px ;}
#ofertaDestacada .text h2{font-size:22px; color:#fff; text-decoration:none; text-align:left}
#ofertaDestacada .text p{font-size:14px; line-height:18px}


a.mesinfo{ font-size:16px; background-color:#FFF; padding:5px 10px; text-decoration:none; color:#e36900}
a.mesinfo:hover{ font-size:16px;color:#fff; background-color: #666}


.tablapreparate{border-color:#FF0000; width:100%}

/* ..................
Altres Classes      */
p{font-family:Arial; font-size:12px; font-weight:normal; text-align:justify; line-height:12px;}
ul li{font-family:Arial; font-size:12px; font-weight:normal; text-align:justify }
p a{color:#03314f; text-decoration:none}
p a:HOVER{color:#a50038}

#novedades p{padding-left:14px; padding-right:10px; line-height:14px;font-size:14px!important}
#consulta p{font-size:11px; padding-left:10px; padding-right:10px; padding-top:105px; }
hr.clear {height: 0;clear:both;visibility:hidden; margin:0px; padding:0px;}
img {
	border:none;
	margin: 4px;
}



.imgNovedad{width:110px; height:110px; text-align:center; margin-left:40px; margin-top:-5px;}
.busca{width:100px; height:15px; border:1px solid #006699; color:#03314f; background-color:#f7fbfd; }
.bt_ok{height:19px; width:25px; border:1px solid #006699; color:#03314f; background-color:#f7fbfd}
.bt_ok:HOVER{border:1px solid #003366; color:#a50038; background-color:#fff; cursor:pointer;}
.bt_enviar{height:19px; width:55px; border:1px solid #006699; color:#03314f; background-color:#f7fbfd}
.bt_enviar:HOVER{border:1px solid #003366; color:#a50038; background-color:#fff; cursor:pointer;}
.inputsFormulario{width:170px; height:15px; border:1px solid #006699; color:#03314f; background-color:#f7fbfd; padding-left:2px; font-size:12px;}
.textareaFormulario{width:220px; height:100px; border:1px solid #006699; color:#03314f; background-color:#f7fbfd; padding-left:2px; font-size:12px; }
.texteFooter{text-align:center; color:#fff; font-size:12px; padding-top:12px;}
.texteFooterMeds{text-align:left; color:#fff; font-size:12px; padding-top:12px; padding-left:5px; padding-right:5px;}
.style2 {font-size: 10px}

/* Hacks IE6 i IE7 Farmacia Piolets */

*:first-child+html #productes{margin-top:1px;}
*:first-child+html #novedades{margin-top:6px;}
*html #menuProductes{padding-top:12px;}
*html #productes{margin-top:-16px}
*html .producteLeft{margin-top:10px;}
*html .producteRight{margin-top:5px;}
*html #novedades img{ margin-top:-10px; margin-bottom:-10px;}
*html #novedades p{ line-height:11px; margin-bottom:10px;}
*:first-child+html #novedades img{ margin-top:-10px; margin-bottom:-10px;}
*:first-child+html #novedades p{ line-height:11px; margin-bottom:10px;}
*html .titolSeccio{height:35px; margin-bottom:0px; margin-top:0px }
*:first-child+html #menuProductes .ul2{margin-left:0px; margin-top:-5px; }
*html #menuProductes .ul2{margin-left:0px; margin-top:-5px; }
*html #home_div_ie6{margin-top:50px}
/* Cercador */

.alertBox{
	background-color: #ffffff;
	font-size: 12px;
	margin: 10px;
	padding: 2px;
	width: 70%;
}

.alertBox h1{
	color: #FFFFFF;
	font-size: larger;
	margin: 0px;
}

.alertBox h1.errorHeader {
	background-color: #FF0000;
}

.alertBox h1.msgHeader {
	background-color: #008000;
}

.alertBox ul {
	margin: .8em;
	margin-left: 2em;
}

.error{
	color: #FF0000;
}

.msg, .search_fileSize, .search_truncatedMsg, .search_link, .search_hitCount {
	color: #008000;
}

.search_container{
	list-style:none;
	margin-left:-15px;
	padding-left:10px;
	width: 400px;
	font-size:11px;
}

.search_hitCount{
	font-size: 10px;
}

.search_summary{
	visibility:collapse;
	font-size:11px;
}

.search_term{
	background-color: #F5F5F5;
	font-weight: bold;
	font-size:11px;
}

.search_title a{
	color:#003366;
}
.search_title a:HOVER{
	color:#a50038;
}

.search_truncatedMsg, .search_searchInfo {
	font-size: 11px;
}

.style2 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style5 {color: #FFFFFF}
.style12 {font-size: 9px}
.style13 {font-size: 9pt}
.style16 {font-size: 10pt}
.style17 {
	font-size: 11px
}
.style18 {font-weight: bold}



#banners{width:620px; height:342px; float:left; margin:10px 0 0 10px; text-align: right!important}

#banners .botons{font-size:11px; background-color:#FFF; padding:5px 10px; text-decoration:none; color:#e36900; display:block; text-align:left!important}
#banners .botons:hover{color:#fff; background-color: #666}


#banner_01{ background:url(../images/home_Oligesol.jpg) no-repeat; width:308px; height:342px; float:left}
#banner_01 .text{margin: 130px 0 0 103px; width: 185px; text-align:left!important}
#banner_02{ background:url(../images/home_Oscillococcinu.jpg) no-repeat; width:308px; height:342px; float:right}
#banner_02 .text{ margin: 120px 0 0 15px; width: 120px; text-align:left!important}

.text p{text-align:left!important}