@charset "UTF-8";
/* CSS Document */
body {
font-family:tahoma, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#FFFFFF;
}
#barra {
width:100%;
background:#CC0000;
height:4px;
}
#header {
width:100%;
height:150px;
background:#f5f5f5 url(../images/bg_header.gif) repeat-x;
margin:0;
padding:0;
}
#header_1 {
width:745px;
height:100px;
margin-top:0;
margin-left: auto;
margin-right: auto;
padding-top:8px;
}
#header_logo {
width:210px;
float:left;
height:80px;
margin-top:0;
}
#header_lang {
width:200px;
float:right;
height:30px;
margin-top:20px;
background-color:#CC0000;
}
#header_menu {
width:745px;
height:40px;
margin-top:0;
margin-left: auto;
margin-right: auto;
}
#main {
width:100%;
height:450px;
background:#ffffff url(../images/bg_main_0.jpg) repeat-x;
}
#main_bg {
width:745px;
margin-top:0;
margin-left: auto;
margin-right: auto;
height:450px;
background:#FFFFFF url(../images/bg_main.jpg) no-repeat;
}
#serveis_bg {
width:745px;
margin-top:0;
margin-left: auto;
margin-right: auto;
height:450px;
background:#FFFFFF url(../images/bg_serveis_1.jpg) no-repeat;
}
#bobina_bg {
width:745px;
margin-top:0;
margin-left: auto;
margin-right: auto;
height:450px;
background:#FFFFFF url(../images/bg_bobina_4.jpg) no-repeat;
}
#contacte_bg {
width:745px;
margin-top:0;
margin-left: auto;
margin-right: auto;
height:450px;
background:#FFFFFF url(../images/bg_contacte.jpg) no-repeat;
}
#footer {
width:100%;
height:42px;
background:#cc3333 url(../images/bg_footer.gif) repeat-x;
}
#footer_bg {
width:745px;
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
padding-top:10px;
margin-left: auto;
margin-right: auto;
}
img{border:none;}

.lang {
font-size:11px;
text-align:center;
padding-top:5px;
}
.lang a {
color:#990000;
text-decoration:none;
}
.lang a:hover {
color:#000000;
text-decoration:none;
}
.lang_current {
color:#FFFFFF;
}
ul#menu {  
	list-style:none;
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	}
ul#menu li {
	padding:0 8px;
	float:left;
	}
ul#menu li a {
	display:block;
	width:100px;
	height:25px;
	text-decoration:none;
	}
ul#menu li a:hover {
	background-position:bottom;
	}
ul#menu li a span {
	display:none;
	}
.current {
	background-position:bottom;
	}
#inici {
	background-image:url(../images/inici.png);
	}
#serveis {
	background-image:url(../images/serveis.png);
	}
#bobina {
	background-image:url(../images/bobina.png);
	}
#lab {
	background-image:url(../images/lab.png);
	}
#blog {
	background-image:url(../images/blog.png);
	}
#contacte {
	background-image:url(../images/contacte.png);
	}
#inicio {
	background-image:url(../images/inicio_es.png);
	}
#servicios {
	background-image:url(../images/servicios_es.png);
	}
#contacto {
	background-image:url(../images/contacto_es.png);
	}
#home {
	background-image:url(../images/inicio_en.png);
	}
#services {
	background-image:url(../images/servicios_en.png);
	}
#reel {
	background-image:url(../images/bobina_en.png);
	}
#contact {
	background-image:url(../images/contacto_en.png);
	}
ul#footer_txt {  
	list-style:none;
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:5px;
	letter-spacing:1px;
	}
ul#footer_txt li {
	padding-left:30px;
	padding-right:20px;
	height:20px;
	float:left;
	}
ul#footer_txt li a {
	display:block;
	height:20px;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	}
ul#footer_txt li a:hover {
	text-decoration:none;
	color:#000000;
	}
ul#footer_txt li span {
	display:block;
	}

.map {
	background:url(../images/map.png) left no-repeat;
	}
.mail {
	background:url(../images/mail.png) left no-repeat;
	}
.phone {
	background:url(../images/phone.png) left no-repeat;
	}
/*Submenu Serveis*/
ul#submenu_serveis {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#submenu_serveis li {
	margin:2px;
	padding:0;
	float:left;
	}
ul#submenu_serveis li a {
	display:block;
	width:auto;
	padding:4px 10px;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#999999;
	background-color:#ffffff;
	}
ul#submenu_serveis li a:hover {
	color:#cc3333;
	background-color:#f5f5f5;
	}
ul#submenu_serveis a span {
	color:#cc3333;
	}
p {
font-size:12px;
color:#333333;
}
h1 {
font-size:20px;
color:#CC3333;
font-weight:normal;
letter-spacing:1px;
line-height:18px;
margin-top:0;
}
h2 {
font-size:14px;
color:#999999;
font-weight:normal;
letter-spacing:1px;
line-height:5px;
}
.rojo {
color:#CC3333;
font-weight:normal;
font-size:12px;
line-height:16px;
letter-spacing:1px;
text-align:left;
}
.rojo ul {
color:#CC3333;
font-weight:normal;
font-size:12px;
line-height:16px;
letter-spacing:1px;
text-align:left;
}
.rojo_2 {
color:#CC3333;
font-weight:normal;
font-size:11px;
line-height:14px;
letter-spacing:1px;
text-align:left;
}
/*Slider serveis*/
#slider {
    width: 745px;
    margin: 0;
    position: relative;
}
.scroll {
    height: auto;
    width: 735px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 10px;
    height: 450px;
    width: 735px;
	
}

ul.navigation {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
	font-size:16px;
	border-bottom:#e4e4e4 dotted thin;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
	font-size:16px;
}
ul.navigation a {
    padding: 10px;
    color: #666666;
    text-decoration: none;
	font-size:10px;
}

ul.navigation a:hover {
color:#999999;
}

ul.navigation a.selected {
 color:#CC3333;
}

ul.navigation a:focus {
    outline: none;
}
/*Formulari Contacte*/
/*Formulario contacto*/
form {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0;
}
input, Textarea {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:0 0 0 30px;
margin:4px 0 2px 0;
border:0;
background:#e5e5e5;
}
input {
height:22px;}
.name_form { background:#e5e5e5 url(../images/form_name.png) no-repeat;
}
.mail_form { background:#e5e5e5 url(../images/mail.png) no-repeat;
}
.tel_form { background:#e5e5e5 url(../images/phone.png) no-repeat;
}
.company_form { background:#e5e5e5 url(../images/form_company.png) no-repeat;
}
.mess_form { background:#e5e5e5 url(../images/form_mess.png) no-repeat;
}
.button {
background:#CC3333;
border:#999999 solid 1px;
padding:2px 4px;
color:#FFFFFF;}
.footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;}