/** Reset Browser's CSS Values **/

html,body,div,ul,li,h1,h2,h3,p,td { margin: 0; padding: 0; }
h1,h2,h3 { font-size: 1em; font-weight: normal; font-style: normal; }
div,h1,h2,h3,h4,h5,h6,p { display: block;}


/** StyleSheet **/

body {
  background: #202739;
  background-position:center;
  color: #fff;
  font-family: Tahoma, arial;
  font-size: 12px;
  position: relative;
}

a,a:link,a:hover,a:visited {
  color: #00e801;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #777;
}

a.gris {
color:#717171;
}

a.gris:hover {
  color: #fff;
}

/* estructura */
	
div#mare {
    position:relative;
	width:780px;  
	padding:0px; 
	margin-bottom:0px;
	margin:0 auto;
	background:#2d3548;
	padding-bottom:30px;
	}

div#header {
	position:relative;
  	width:780px; 
	background:url('imatges/capcelera.jpg') no-repeat; 
	padding:0; 
	margin:0px;
	height:400px;
}

div#header h1 {
position:absolute;
display:block;
left:30px;
top:30px;
background: url(imatges/logo.png) no-repeat;
height:99px;
width:217px;
text-indent:-10001px;
}
div#aseen {position:absolute; left:130px; top:226px; color:#fff;}
div#logo1 {position:absolute; left:125px; top:245px;}
div#logo2 {position:absolute; left:170px; top:245px;}
div#logo3 {position:absolute; left:240px; top:245px;}

/* menu */

ul#menu{
list-style: none;
	position:relative;
	top:363px;
	margin:0 auto;
	height:30px;
	width:680px;
	border:0px solid red
	}
ul#menu li{
	position:relative;
	float:left;
	
	}
ul#menu a{
	color:#fff;
	font-weight:normal;
	padding:2px 18px;
	font-family:"Myriad Pro", Tahoma, Arial;
	font-size:16px;
	}
ul#menu a:hover{
	color:#bcc5d9;
	}

/* fi menu */

/* inici */

div#caixaini1 {
position:relative;
margin:0;
width:452px;
height:319px;
padding:30px 10px 10px 25px;
background:url(imatges/fons-caixaini1.gif) no-repeat;
float:left;
}
div#caixaini2 {
position:relative;
margin:0;
width:248px;
height:319px;
padding:30px 10px 10px 35px;
background:url(imatges/fons-caixaini2.gif) no-repeat;
float:left;
}

div#caixaini3 {
position:relative;
margin:0;
width:452px;
padding:12px 10px 10px 25px;
float:left;

}
div#caixaini4 {
position:relative;
margin:0;
width:248px;
padding:12px 10px 10px 35px;
float:left;
}

div#caixaini1 p {
line-height:17px;
}

div#caixaini2 ul li {
list-style:none;
background: url(imatges/punta.png) no-repeat;
background-position:4px 10px;
padding:5px 0 10px 15px;
font-weight:bold;
}

div#caixaini3 p {
line-height:17px;
}

div#caixaini3 p span {
font-weight:bold;
color:#019601;
}

div#pickers {
position:relative;
width:244px;
height:128px;
background: url(imatges/fons-pick.png) no-repeat;
}

div#pickers div.stock {
position:relative;
clear:both;
padding:4px 10px;
font-size:20px; 
font-weight:bold;
color:#000;
}

/* interiors */
div#central {width:500px; margin:auto; padding-top:30px}

td.contact_text {color:#00e801; width:200px}
td.contact_text2 {width:300px; color:#00e801;}
input, select, textarea {border:0px;}
input {height:18px}
input.env {background:url('imatges/fonsboto-ple.png') no-repeat; height:21px; width:60px; border:0px}

div#central ol {
margin-left:20px;
padding-left:20px;

}
div#central ol li {
padding:10px 0;
line-height:17px;

}

div#central p {
line-height:17px;
}

.operadores ul {
margin-left:20px;
list-style:bullet;
}
.operadores ul li {
padding:5px 0;
list-style:bullet;
}

.operadores {
padding-top:20px;
display:none;
}
div.linkop {position:relative; text-align:left; margin-bottom:4px}
div.columna {position:relative; float:left; margin-right:15px}
/*  peu  */

div#peu {
	position:relative;
	clear:both;
	width:720px; 
	padding:5px 0; 
	margin:0 auto;
	margin-top:10px;
 border-top:1px solid #fff; 
 color:#fff;
 font-size:11px;
 margin-bottom:20px
 }
 
div#peu a {color:#019601; text-decoration:underline}
div#peu a:hover {color:#ffffff; }

div#peu ul {position:relative; float:right; width:186px; border:0px solid red; list-style: none;}
div#peu ul li {color:#019601; float:left; padding:0px 0px 0px 10px}

p {margin:0 0 12px 0}

h1 {font-size:20px; font-weight:bold; color:#ffffff}

h2 {
height:28px;
width:300px;
text-indent:-10001px;
margin-bottom:15px;
}
h2.tit2 {background: url(imatges/tit-safe.png) no-repeat;}
h2.tit3 {background: url(imatges/tit-subs.png) no-repeat; background-position:7px}
h2.tit4 {background: url(imatges/tit-disc.png) no-repeat; }
h2.tit5 {background: url(imatges/tit-priv.png) no-repeat; }

h2.tit6 {background: url(imatges/tit-our.png) no-repeat; }
h2.tit7 {background: url(imatges/tit-aclo.png) no-repeat; }
h2.tit8 {background: url(imatges/tit-testi.png) no-repeat; }
h2.tit9 {background: url(imatges/tit-wepi.png) no-repeat; }

h3 {font-size:16px; font-weight:bold; color:#ffffff}




/* bug firefox float enniuades */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

