﻿* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url(img/fons1.png);
	background-attachment: fixed;
	height: 500px;
	background-repeat: no-repeat;
} 

#plana {
	width: 922px;
	height: 500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#cap {
	width: 922px;
	display: block;
}

#logomenu {
	height: 101px;
	width: 800px;
}
#logomenu img {
	float: left;
	border: 0;
}
#menu {
	height: 26px;
	width: 350px;
	background-image: url(img/menucap1.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 75px;
}
#menu ul {
	list-style-type: none;
	padding-left: 8px;
}

#menu ul li {
	float: left;
	padding-right: 2px;
	font-size: 12px;
	color: #000000;
	padding-left: 2px;
	padding-top: 5px;
}

#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#menu a:hover {
	color: #ED6E00;
}
#mapa ul li a {
	color: #000000;
	}
#mapa ul li a:hover {
	color: #ED6E00;
}
#banner img {
	padding-top: 24px;
}

#banner {
	background-image: url(img/bannerfons.png);
	background-repeat: no-repeat;
	height: 352px;
	width: 800px;
	top: 110px;
	margin-top: 10px;
}
#banner a 
{
	position: relative;
	display: block;
	top: 30px;
	margin-left: 570px;
}

#clients ul {
	list-style-type: none;
	padding-left: 0px;
	margin-top: 60px;
}
#clients ul li {
	float: left;
	padding-left: 0px;
}
#clients {
	height: 55px;
	width: 800px;
	margin-top: 50px;
}
/*scroll clients*/
#pscroller2
{
	margin-top: -14px;
	width: 795px;
	height: 45px;
	padding: 3px;
	border: 0px solid black;
}
#pscroller2 img {
	float: left;
	margin-top: -23px;
	margin-left: 2px;
}
#cos {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu .taronja {
	color: #ED6E00;
}

#lateral {
	height: 515px; 
	width: 240px; 
	float: left;
}
/* IE7 Only */
*:first-child+html #lateral {
	height: 515px; 
	width: 240px; 
	float: left;
	margin-top: -21px;
}

#telefon {
	width: 240px;
	display: block;
	height: 200px;
}
#telefon .telf {
	float: right;
	width: 100px;
	line-height: 12px;
	margin-left: 20px;
	display: block;
}
#telefon .paisos {
	float: left;
	margin-left: 18px;
	line-height: 12px;
	display: block;
}
#telefon li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}
#formulari ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-top: -17px;
	padding-left: 18px;
}

#formulari .boto {
	margin-top: -10px;
	padding-left: 135px;
}

#formulari ul li {
	line-height: 14px;
	width: 215px;
}
#softmedico{
	background-image: url(img/fonsproductessalus.png);
	background-repeat: no-repeat;
	width: 268px;
	height: 319px;
	margin-left: 0px;
	margin-right: 270px;
	margin-top: -22px;
}
#softmedico1 {
	background-image: url(img/fonsproductessalus.png);
	background-repeat: no-repeat;
	width: 268px;
	height: 319px;
	margin-left: 5px;
	margin-right: 270px;
	margin-top: -23px; 
	float: left;
	position: relative;
}
/* IE6 Only */
* html #softmedico1 {
	background-image: url(img/fonsproductessalus.png);
	background-repeat: no-repeat;
	width: 268px;
	height: 319px;
	margin-left: 0px;
	margin-right: 270px;
	margin-top: -23px; 
	float: left;
	position: relative;
}

/* IE6 Only */
* html #softmedico{
	background-image: url(img/fonsproductessalus.png);
	background-repeat: no-repeat;
	width: 268px;
	height: 319px;
	margin-left: 0px;
	margin-right: 270px;
	margin-top: 0px;
}
#soft1 ul {
	list-style-type: none;
	padding-top: 19px;
	margin-left: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.def {
	padding-left: 15px;
	margin-top: -14px;
	line-height: 12px;
	margin-bottom: 11px;
	padding-top: 2px;
}
.defvet {
	padding-left: 15px;
	margin-top: -14px;
	line-height: 12px;
	margin-bottom: 8px;
	padding-top: 2px;
}

#soft1 li {
	display: block;
}
#soft1 ul li a {
	display: block;
	height: 30px;
	width: 118px;
	text-indent: -5000px;
	margin-bottom: 5px;
}
#soft1 ul li a:hover {
	background-position: bottom;
	height: 30px;
	width: 118px;
}

#soft1 .stetic {
	background-image: url(img/productes/steticsalus.png);
	background-repeat: no-repeat;
	background-position: top;
}
#soft1 .gero {
	background-image: url(img/productes/gerosalus.png);
	background-repeat: no-repeat;
	background-position: top;
}
#soft1 .fisio {
	background-image: url(img/productes/fisiosalus.png);
	background-repeat: no-repeat;
	background-position: top;
}
#soft1 .gine {
	background-image: url(img/productes/ginesalus.png);
	background-repeat: no-repeat;
	background-position: top;
}
#soft1 .salus {
	background-image: url(img/productes/salus.png);
	background-repeat: no-repeat;
	background-position: top;
}
#soft1 .oftalmo {
	display: block;
	background-image: url(img/productes/oftalmosalus.png);
	background-repeat: no-repeat;
	background-position: top;
}


#noticiasmed {
	background-image: url(img/fonsnoticies.png);
	background-repeat: no-repeat;
	height: 198px;
	width: 268px;
	top: -25px;
	display: block;
	position: relative;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
}


#softvet {
	height: 319px;
	width: 268px;
	background-image: url(img/fonsproductes.png);
	background-repeat: no-repeat;
	float: right;
	display: block;
	margin-top: -318px;
	margin-right: -8px;
}
/* IE6 Only */
* html #softvet {
	height: 319px;
	width: 275px;
	background-image: url(img/fonsproductes.png);
	background-repeat: no-repeat;
	float: right;
	display: block;
	margin-top: -546px;
	margin-right: -8px;
}
#softvet1 {
	float: right;
	margin-top: -319px;
	margin-right: -8px;
	background-image: url(img/fonsproductessalus.png);
	background-repeat: no-repeat;
	width: 268px;
	height: 319px;
	position: relative;
	
}
#productos {
	width: 558px; 
	height: 96px; 
	margin-top: -23px; 
	position: relative; 
	float: right; 
	left: 22px;  
	margin-bottom: 15px;
}
/* IE7 Only */
*:first-child+html #productos {
	width: 558px; 
	height: 96px; 
	margin-top: -23px; 
	position: relative; 
	float: right; 
	left: 5px; 
	margin-bottom: 15px;
}
/* IE6 Only */
* html #productos {
	width: 558px; 
	height: 96px; 
	margin-top: -17px; 
	position: relative; 
	float: right; 
	left: 0px;  
	margin-bottom: 15px;
}
#productos h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-left: 15px;
	padding-top: 8px;
}
#softvet ul {
	list-style-type: none;
	padding-top: 19px;
	margin-left: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#softvet1 ul {
	list-style-type: none;
	padding-top: 12px;
	margin-left: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#soft2 li {
	display: block;
}

#soft2 ul li a {
	text-indent: -5000px;
	height: 30px;
	width: 118px;
	margin-bottom: 5px;
}
#soft2 ul li a:hover {
	background-position: bottom;
}

#soft2 .clinica {
	background-image: url(img/productes/laclinica.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}

#soft2 .qvet {
	height: 30px;
	display: block;
	background-image: url(img/productes/qvet.png);
	background-repeat: no-repeat;
	background-position: top;
}
#soft2 .qvetlab {
	background-image: url(img/productes/qvetlab.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}

#soft2 .vms {
	background-image: url(img/productes/vms.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
#noticiasvet {
	background-image: url(img/fonsnoticies.png);
	background-repeat: no-repeat;
	display: block;
	width: 268px;
	height: 198px;
	position: relative;
	top: 84px;
}
/* IE6 Only */
* html #noticiasvet {
	background-image: url(img/fonsnoticies.png);
	background-repeat: no-repeat;
	display: block;
	width: 268px;
	height: 198px;
	position: relative;
	top: 12px;
}
#peu, #peumapa  {
	height: 100px;
	width: 800px;	
}
/* IE6 Only */
* html #peu {
	height: 100px;
	width: 800px;
	position: relative;
	top: -240px;	
}
/* IE6 Only */
* html #peumapa {
	height: 100px;
	width: 800px;
	position: relative;
	top: 245px;	
}
#peu img, #peumapa img {
	float: left;
}
#peudefault, #peuproductos {
	height: 100px;
	width: 800px;
	margin-top: 10px;	
}
/* IE7 Only */
*:first-child+html #peudefault, *:first-child+html #peuproductos {
	height: 100px;
	width: 800px;
	margin-top: 0px;	
}
/* IE6 Only */
* html #peudefault {
	height: 100px;
	width: 800px;	
}
/* IE6 Only */
* html #peuproductos {
	height: 100px;
	width: 800px;
	position: relative;
	top: 345px;	
}
#peudefault img, #peuproductos img  {
	float: left;
}
#peucontactar {
	height: 100px;
	width: 800px;
	margin-top: 5px;	
}
/* IE6 Only */
* html #peucontactar {
	height: 100px;
	width: 800px;
	margin-top: 305px;	
}
/* IE7 Only */
*:first-child+html #peucontactar {
	height: 100px;
	width: 800px;
	margin-top: 0px;	
}
#peucontactar img {
	float: left;
}
#peuempleo {
	height: 100px;
	width: 800px;
	margin-top: -20px;	
}
/* IE7 Only */
*:first-child+html #peuempleo {
	height: 100px;
	width: 800px;
	margin-top: -30px;	
}
 #peuempleo {
	height: 100px;
	width: 800px;
	margin-top: 215px;	
} 
#peuempleo img {
	float: left;
}
#menupeu {
	height: 26px;
	width: 150px;
	background-image: url(img/menupeu.png);
	background-repeat: no-repeat;
	float: right;
}

#xat {
	position: relative;
	display: block;
	height: 151px;
	width: 102px;
	float: right;
	margin-top: 30px;
	margin-left: 15px;
}

#menupeu ul {
	list-style-type: none;
	padding-left: 20px;
}

#menupeu ul li {
	float: left;
	padding-right: 2px;
	font-size: 12px;
	color: #000000;
	padding-left: 2px;
	padding-top: 5px;
}

#menupeu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#menupeu a:hover {
	color: #ED6E00;
}
#menupeu .taronja {
	color: #ED6E00;
}
/*estils contacta*/
#xat2
{	height: 170px;
	width: 240px;
	margin-left: -5px;
	}
#contactaxat
{
	margin-top: 20px;
	margin-left: 37px;
	}
#lateralcontacta 
{
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	height: 580px;
	width: 240px;
}
#lateralcontacta1 {
	float: left;
	margin-top: 2px;
	height: 580px;
	width: 240px;
}
#lateralcontacta h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#formularicontacte 
{
	background-color: #FFFFFF;
	font-size: 11px;
	padding-left: 20px;
	margin-left: 5px;
	color: #000000;
	text-align: left; 
	display: block; 
	width: 520px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 6px;
}
#formularicontacte ul
{
	list-style-type: none; 
	padding-top: 10px;
	padding-bottom: 10px;
} 	
.nomsform
{
	list-style-type: none; 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	width: 100px;
	float: left;
	padding-right: 10px;
} 
.caixesform {
	list-style-type: none; 
	padding-top: 10px;
	padding-bottom: 10px;
	width: 400px;
	float: right;
} 

.nomsform li {
	margin-top: 9px;
}
/* IE7 Only */
*:first-child+html .nomsform li {
	margin-top: 13px;
}
.caixesform li {
	margin-top: 5px;
}
/*#cos #context {
	float: right;

}*/
#cos #context {
	width: 657px;
	padding-left: 20px;
	margin-left: 240px;	
}
/* IE6 Only */
* html #cos #context {
	width: 657px;
	padding-left: 20px;
	margin-left: 240px;	
	margin-top: -500px;
}
#cos #context1 {
	width: 540px;
	padding-left: 20px;
	margin-left: 240px;

}
/* IE6 Only */
* html #cos #context1 {
	width: 540px;
	padding-left: 20px;
	margin-left: 235px;
	margin-top: -513px;

}
#context h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	text-align: left;
}
.clear {
	clear: both;
}

/*---------------suport---------------*/
#context #textsuport {
	display: block;
	width: 540px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding-top: 10px;
	margin-top: 5px;
	padding-left: 7px;
}
#context #textsuport p {
	padding-top: 0px;
	padding-left: 15px;
	width: 510px;
}

#textsuport ul {
	width: 480px; 
	padding-left: 40px;
	list-style-type: disc;
	padding-bottom: 10px;
	}
/* IE7 Only */
*:first-child+html #textsuport ul {
	width: 510px; 
	padding-left: 40px;
	list-style-type: disc;
	padding-bottom: 10px;
	}
#textsuport li {
	margin-top: 5px;
	}
#her1 {
	background-repeat: no-repeat;
	height: 72px;
	width: 522px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
#her2 {
	background-repeat: no-repeat;
	height: 302px;
	width: 522px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
#her3 {
	background-repeat: no-repeat;
	height: 512px;
	width: 522px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
.linktaronja {
	color: #ED6E00;
	text-decoration: underline;
	}
#empresa {
	display: block; 
	width: 558px; 
	position: relative; 
	top: -22px; 
	height: 520px; 
	left: -10px;
	}
/* IE7 Only */
*:first-child+html #empresa {
	display: block; 
	width: 558px; 
	position: relative; 
	top: -22px; 
	float: right; 
	height: 520px; 
	left: -10px;
	}
/* IE6 Only */
* html #empresa {
	display: block; 
	width: 558px; 
	position: relative; 
	top: -176px; 
	height: 520px; 
	left: -10px;
	}
#mapaflash {
	width: 558px; 
	height: 276px; 
	position: relative;  
	left: -14px; 
	top: 0px;
	}
/* IE7 Only */
*:first-child+html #mapaflash {
	width: 558px; 
	height: 276px; 
	position: relative; 
	float: right; 
	left: -14px; 
	top: 0px;
	}
/* IE6 Only */
* html #mapaflash {
	width: 558px; 
	height: 276px; 
	position: relative;  
	left: -14px; 
	top: 320px;
	}
#flashmapa {
	margin-left: 20px;
	}
#contacta {
	display: block; 
	width: 558px; 
	position: relative; 
	float: right; 
	left: -112px; 
	height: 376px; 
	top: 0px;
	}
/* IE6 Only */
* html #contacta {
	display: block; 
	width: 558px; 
	position: relative; 
	float: right; 
	left: -112px; 
	height: 376px; 
	top: 320px;
	}
/*-----------------estils flash no es superposi al videobox--------------*/

#flash1, #flahs2 {
z-index: -999;
}
img {
	border : 0px;
}
.logo15 {
	margin-top: 10px;
	margin-left: 5px;
	}