@charset "UTF-8";
body{ margin:0; background:#FFF; color: #000; font-size:100%; text-rendering:optimizeLegibility;}
@font-face {font-family: "Futura Medium"; src: url("../fonts/FuturaMed.eot");}
@font-face {font-family: "Futura Book"; src: url("../fonts/FuturaBook.eot");}
@font-face {font-family: "Futura Medium"; src: local('Futura Medium'), url("../fonts/FuturaMed.ttf");}
@font-face {font-family: "Futura Book"; src: local('Futura Book'), url("../fonts/FuturaBook.ttf");}
/* TYPOGRAPHY */
body, input, textarea, button { font-family:"Futura Book", Helvetica, Arial, sans-serif; }
h2, strong, b, p a, #menu ul{ font-family:"Futura Medium", Helvetica, Arial, sans-serif; }
#sidebar p, #sidebar h3 { font-family:"Futura Medium", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6,strong,b,p,ul,ol,li { font-weight:normal; margin:0; padding:0; }
/* FONT SIZE */
h1, #menu ul { font-size:1em; line-height:1em; }
#sidebar p, #sidebar h3 { font-size: 0.875em; line-height: 1.3;}
#content h2, #content p, #content.design h2, #content.design p, address { font-size: 0.813em; line-height: 1.4; }
#content .column p, #content ul, p#confirm, #content.design ul, #footer a, input, textarea, button { font-size: 0.72em; line-height: 1.5; font-size-adjust:0.375em; }
ul#language { font-size:0.625em; line-height:1em; }
#language li a { letter-spacing: 0.1em; }
/* TYPE COLORS */
/*#sidebar p, #sidebar h3,*/ #content.design p, #content.design ul { color: #999; }
#content.design h2 { color: #FFF; }
/* LAYOUT */
#wrapper { height:1080px; width:980px; margin:auto; padding:0 0 10px 20px;  }
#header { height:80px; margin:0 0 20px 0; width:960px; display:block;  border-bottom: 3px solid #000000; position:relative; }
#header h1 { float: left; margin: 46px 0 0 0; }
#head { width: 568px; float: left;}
#sidebar { width: 392px; float: right; height: auto; font-size: 100%; }
#sidebar p, #sidebar h3 { float: left; width: 372px; height:120px; margin:-5px 0 0 0; }
#footer{ margin:300px 0 0 0; width:960px; float: left; display: block; }
#footer a {/* position:fixed; bottom:14px; right:20px; */}
#footer a:hover { text-decoration: underline; }
#menu { width: 372px; float: right; }
#menu ul { border-bottom:3px solid #000; list-style:none; margin:0 0 -3px -1px; position:absolute; bottom:0; }
#menu ul li { border-bottom:3px solid #000; margin:0 20px -3px 0; float:left; position:relative; }
#menu ul li a { display:block; margin:0 0 -3px 0; padding:0 1px 18px 1px; position:relative; }
#menu ul li.current a {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding-left:0; padding-right:0; }
#menu em { font-style:normal; }
ul#language {list-style:none; float:right; display:block; text-align:right;  margin:52px 0 0 0; /*margin:0; position:absolute; bottom:18px; right:400px;*/ }
ul#language li {padding:0 0 0 5px; display:inline; }
#content, #text { width:582px; height:auto; float:left; }
#content.design { width:auto;}
#content.design ul { padding: 0 13px; list-style-type: square; }
#content p{ padding-right: 20px; margin: 10px 0;}
#content.about p{font-size:96%;line-height:1.6;}
#content.about p em{font-style:italic;}
#content h2 { margin: 20px 0 0 0; }
#content ul { list-style: none; margin: 10px 0; }
.column li { background: url(../img/layout/square.gif) no-repeat 0 0.563em; padding-left: 10px; }
.column { width: 176px; float: left; height: auto; margin-right: 20px; }
.column:last-child {margin:0; width:190px;}
.img { width:168px; height:168px; display:block; margin-left: 4px; margin-bottom: 31px; }
#aside { display: block; width: 392px; margin-top: 180px; height: auto; float: none; }
#aside img { padding:0 24px 26px 4px; float:left; opacity:0; }
#serveis { margin-top:200px; display:block; height:auto; width:auto; }
#serveis img { float: left; padding: 0 24px 11px 4px; }
#image { width:568px; height:359px; overflow:hidden; display:block; }
#slideshow { width:960px; height:490px; overflow:hidden; display:block; margin-bottom:16px; position: relative; }
#image img , #slideshow img { display: none; }
#pictures img { width:960px; height:490px; }
#pictures:hover { cursor: pointer; }
#form { float:left; height:285px; width:372px; margin: 0; }
#form ol { list-style-type:none; }
#form ol li { line-height:1; color:#999; }
#form ol label { font-size:0.625em; letter-spacing:0.10em; padding:10px 0 0 0; margin:0; color:#333; display: block; line-height: 1; width: 350px; height:12px; float:left; }
#form ol input,#form ol textarea { border:1px solid #CCC; padding:10px; height:16px; width:348px; margin: 0; }
#form ol textarea { height:78px; }
p#confirm { color: #F00000; line-height: 1.2; margin: 20px; width:260px; float:left; display:none; }
li input#enviar { margin:10px 0; cursor:pointer; height:25px; width:60px; float:left; padding:0; text-align:center; border:1px solid #CCC; background:#FFF; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
input#enviar:hover { border:1px solid #CCC;color:#000;background:#E0E0E0; }
#form .requerido:hover { border:1px solid #B5B5B5; background-color:#FFFFFF; }
#form .error { background-color:#FFF; border: 1px solid #F00; }
#menu a {-moz-transition: 0.2s color linear; -webkit-transition: 0.2s color linear; -o-transition: 0.2s color linear; transition: 0.2s color linear;}
#menu a:hover{ color:#000; }
a:link { text-decoration:none; color:#000; }
a:visited { text-decoration:none; color:#000; }
a:hover { text-decoration:none; color:#000; }
a:active { text-decoration:none; color:#000; }
#company a{ color: #F5001D; }
#services a{ color: #FF1999; }
#design a{ color: #FF6401; }
#contact a{ color: #ABABB0; }
#menu ul li#company.current { border-bottom-color: #F5001D; }
#menu ul li#services.current { border-bottom-color: #FF1999; }
#menu ul li#design.current { border-bottom-color: #FF6401; }
#menu ul li#contact.current { border-bottom-color: #ABABB0; }
#fagor { width: 112px; height: 58px; background: url(../img/layout/logo-fagor.jpg) no-repeat -112px 0; float: left; margin: 0 50px 0 36px; padding: 0; }
a#fagor:hover { background: url(../img/layout/logo-fagor.jpg) no-repeat 0; }
address { width:205px;  margin:20px 0; padding:0; font-style:normal; }
a img { border:none; }
a { outline:none;border:none; }
#prev { left: 0px; background: url(../img/layout/arrow-left.png) no-repeat 0 center; margin-left: 12px; }
#prev, #next { z-index: 50;position: absolute;height: 50px;width: 50px;cursor: pointer;margin-top: 215px;display: none; }
#next { background: url(../img/layout/arrow-right.png) no-repeat 0 center;right: 0px;margin-right: 12px; }
#prev:hover, #next:hover { background-position:-50px center; }