/* =general ------------------------------------------------ */
*{margin:0; padding:0;}
body{background:#fff url(img/bg-body.jpg) no-repeat center top; font:.69em/1.45 Verdana, Arial,Helvetica,sans-serif; color:#0c1012;}
body#root{background:#fff;}
h1,h2,h3,h4{font-weight:bold; color:#e62626;}
h2{margin:0 0 17px 0; font-size:2em; font-weight:normal; text-transform:uppercase;}
h3{margin:12px 0 10px 0; font-size:1.2em; color:#000;}
h4{font-size:1.1em;}

/* =hrefs */
a{outline:none; text-decoration:none; color:#e62626;}
a:hover{outline:none; text-decoration:underline;}

a.goto{padding:0 9px 0 0; background:url(img/ico-goto.png) no-repeat right 7px;}
a.back{padding:0 0 0 9px; background:url(img/ico-back.png) no-repeat 0 7px;}
a.up{padding:0 0 0 9px; background:url(img/ico-up.png) no-repeat 0 4px;}

/* =imgs */
img{border:0;}
a img{border:0;}

/* =lists */
ul{list-style:none;}
ol{list-style-position:inside;}
li,dl,dt,dd{}

/* =classes -------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.floatright{float:right;}
.floatleft{float:left;}
.nofloat{float:none;}
.clearleft{clear:left;}
.clearboth{clear:both;}

.mandatory{color:#e62626; font-weight:bold;}
.note{font-size:.8em; color:#777f84;}

.quote{margin:0 0 15px 0; color:#e62626; font-size:1.3em; font-weight:bold;}

/* DIVS --------------------------------------------------------*/

/* =heading */
#heading{background:url(img/bg-heading.png) no-repeat 0 75px; position:relative;}
#heading h1 img{display:block;}
#heading div#image{margin:30px 0 0 220px; position:relative;}
#products-services #heading div#image{margin:22px 0 0 220px; position:relative;}
#heading div#image span{position:absolute; right:0; top:174px; padding:.5em .8em; background:#7b7e84; font-size:.9em; color:#fff;}
#heading div#image span.top{top:150px;}

/* mainmenu */
#mainMenu li a{display:block; width:200px; height:20px; color:#fff; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-decoration:none; position:relative; cursor:pointer;}
#mainMenu li a span{position:absolute; width:100%; height:100%;}
#mainMenu li a:hover{color:#f8bebe;}
#mainMenu li a.selected,#mainMenu li a.selected:hover{color:#777f84;}

/* =footer */
#breadcrumbs{margin:0 0 10px 14px; font-size:.9em; color:#0c1012; position:relative; line-height:1.1;}
#breadcrumbs a,#breadcrumbs span{padding:0 10px 0 1px; background:url(img/ico-breadcrumbs.png) no-repeat right .38em; color:#777f84;}
#breadcrumbs a:hover{color:#e62626; text-decoration:none;}
#breadcrumbs a#print{display:block; position:absolute; top:45px; left:905px; width:19px; height:18px; background:none; font-size:.3em; cursor:pointer;}
#breadcrumbs a#print span{position:absolute; width:100%; height:100%; background:url(img/btn-print.png) no-repeat;}

/* =footer */
#footer{padding:12px 0 20px 0; background:url(img/bg-footer.png) repeat-x; font-size:.9em; color:#777f84;}
#footer ul{float:right;}
#footer li{float:left; padding:0 6px 1px 5px; background:url(img/bg-footer-separator.png) no-repeat right 1px;}
#footer li.last{padding:0 0 1px 5px; background:none;}
#footer a{color:#777f84;}
#footer a.selected{color:#0c1012; font-weight:bold;}

/* =content */
#content{background:url(img/bg-content.png) no-repeat center 20px;}

/* =submenu */
#subMenu li{background:url(img/bg-dotted.png) repeat-x 0 bottom; padding:1px 0 2px 0; line-height:1.2;}
#subMenu li a{display:block; padding:3px 5px 4px 20px; background:url(img/bg-submenu.png) no-repeat 3px 5px; color:#777f84; text-decoration:none;}
#subMenu li a:hover{color:#e52525;}
#subMenu li a.selected{padding:0; background:#8a949a url(img/bg-submenu-sel-bottom.gif) no-repeat right bottom; color:#fff; font-weight:bold;}
#subMenu li a.selected:hover{color:#fff;}
#subMenu li a.selected span{display:block; padding:3px 5px 4px 20px; background:url(img/bg-submenu-sel-top.gif) no-repeat;}

#subMenu li ul{padding:2px 0 5px 18px;}
#subMenu li li{background:none; font-size:.9em;}
#subMenu li li a,#subMenu li li a.selected{display:block; padding:2px 5px 2px 15px; background:url(img/bg-submenu-sub.png) no-repeat .27em 5px; color:#777f84; text-decoration:none;}
#subMenu li li a.selected,#subMenu li li a.selected:hover{color:#0c1012;}

#subMenu li li ul{padding:3px 0 2px 13px;}
#subMenu li li li a,#subMenu li li li a.selected{padding:2px 5px 2px 15px; background:url(img/bg-submenu-sub-sub.png) no-repeat 3px 5px;}
#subMenu li li li a.selected{color:#0c1012; font-weight:normal;}

/* =side */
#side{padding:60px 0 0 0;}
#side h3{margin:0; padding:0; font-size:1em; color:#e52525; text-transform:uppercase;}
#side img.top{margin:0 0 6px 0;}

#side .quality-seals{margin:0 0 10px 0;} 
#side .quality-seals img{margin:0 10px 10px 0; vertical-align:bottom;}
#side .quality-seals img.last{margin:0 0 10px 0;}

#side p{ margin-top:0;}

#side div.location{float:left; color:#777f84; line-height:1.2}
#side div.location img{float:left; margin:0 8px 0 0;}
#side div.location p{float:right; font-size:.9em; width:192px; margin:0; padding:0 0 8px 0;}
#side div.location p strong.country{color:#e73131;}
#side div.location a{color:#777f84;}
#side div.location a:hover{color:#0c1012; text-decoration:none;}

/* =text */
#text p{margin:0; padding:4px 0 12px 0;}
#text p.info{margin:0; padding:0; background:url(img/ico-info.png) no-repeat; color:#51656c;}
#text p.error{margin:0 0 5px 0; padding:5px 10px; background:#e62626; color:#fff; font-size:.9em;}

#text ul{margin:3px 0 0 0; padding:0 0 12px 0;}
#text ul li{margin:3px 0; padding:0 0 0 10px; background:url(img/bul-li.png) no-repeat 0 6px;}

#text ul.error{margin:3px 0 0 12px; padding:3px 0 12px 0; color:#e62626; font-size:.9em;}
#text ul.error li{background:url(img/bul-li-error.png) no-repeat 0 6px;}

#text ol{list-style-position:outside; padding:0 0 0 10px;}
#text ol li{margin:3px 0;}

#text .column1{width:330px; float:left;}
#text .column2{width:330px; float:right;}
#text .newsPhoto{width:220px; float:right; position:relative;}
#text .captionPhoto{position:relative; height:155px;}
#text .newsPhoto span, #text .captionPhoto span{position:absolute; right:0; bottom:0; padding:5px 9px; background:#7b7e84; font-size:.9em; color:#fff;}

#text div.table{float:left; width:330px; margin:0 20px 0 0;}

#text div.categories{float:left; width:220px; margin:0 12px 0 0}
#text div.categories h3{margin:5px 0 0 0; padding:0; background:url(img/bg-dotted.png) repeat-x 0 16px; font-size:1em; color:#e62525; text-transform:uppercase; text-decoration:none;}
#text div.categories h3 a:hover{color:#e62626;}
#text div.categories ul a{color:#0c1012; text-decoration:none;}
#text div.categories ul a:hover{color:#e62626;}

#text div.photos{margin:15px 0 0 0; color:#7b7e84; font-size:.8em;}
#text div.photos div{float:left; width:102px; margin:0 12px 0 0;}
#text div.photos div.last{margin:0;}

#text div.accordion h3{clear:both; margin:2px 0 0 0; padding:2px 0 3px 20px; background:#869096 url(img/bg-h3-accordion.png) no-repeat; font-size:1em; color:#fff; text-transform:uppercase; cursor:pointer;}
#text div.accordion h3.selected{background:#e42323 url(img/bg-h3-accordion.png) no-repeat 0 -24px;}
#text div.accordion div.nest{padding:10px 0 0 0;}
#text div.accordion div.photos{margin:5px 2px 0 12px; float:right; min-height:160px; height:auto !important; height:160px;}
#text div.accordion div.photos div{margin-bottom:8px;}

#text div.accordion div.photos img{border:1px solid #7b7e84;}
#text div.accordion div.longtext{width:450px}
#text div.table h3{margin:5px 0 1px 0;}

#text div.last{margin:0;}
#text div.bottomNav{ padding:10px 0;}

/* =home */
#home #heading{border-bottom:6px solid #de1819; position:relative; background:none;}
#home #heading div#image{margin:24px 0 0 0; padding:6px 0 0 0;}
#home #heading div#image img{display:block;}

#home #content{ margin:0 0 30px 0;padding:0 20px; background:url(img/bg-content-home.png) no-repeat center 0;}
#home #text div.categories{float:left; width:165px; margin:0 30px 0 0;}
#home #text div.last{margin:0;}

#home #latestNews{float:right; width:315px; padding:3px 0 0 0;}
#home #latestNews h3 a{display:block; width:315px; height:20px; color:#fff; text-transform:uppercase; position:relative;}
#home #latestNews h3 a span{position:absolute; width:100%; height:100%;}
#home #latestNews h3 a:hover span{ background-position:0 -1.5em;}

#home #latestNews div{padding:3px 0 12px 6px;}
#home #latestNews div p.intro,#home #latestNews span.fecha{color:#777f84;}
#home #latestNews div img{margin:0 0 0 .5em; border:.2em solid #dee1e4;}
#home #latestNews p.smallNew{padding:.5em 0 .5em .6em; background:url(img/bg-dotted.png) repeat-x;}
#home #latestNews a{color:#0c1012;}
#home #latestNews a:hover{color:#de1919; text-decoration:none;}

/* =news */
#text .newsIntro h3{margin:0; padding:0; font-size:1.2em;}
#text .newsIntro a{font-size:1.2em; color:#000;}
#text .newsIntro a:hover{color:#e62626; text-decoration:none;}
#text .newsIntro p.intro{padding:0 0 15px 0;}
#text .newsIntro p.intro span,#text .newsItem p span{color:#777f84;}

#text .newsItem{position:relative;}
#text .newsItem h3{width:450px;}
#text .newsItem a.back{position:absolute; top:0; right:0;}
#text .newsText{width:450px; float:left;}
#text .newsPhoto{width:220px; float:right; padding:7px 0 0 0; position:relative;}
#text .newsPhoto div{text-align:right;}
#text .newsPhoto img{ display:block}
#text .newsPhoto span{position:absolute; right:0; bottom:0; padding:5px 9px; background:#7b7e84; font-size:.9em; color:#fff;}

/* =paginations */
#pagination{padding:3px 0; font-size:.9em;}
#pagination a,#pagination span{display:block; float:left; margin:0 5px 0 0; padding:2px 0 3px 0; border:.1em solid #d6d9da; color:#777f84; text-align:center;}
#pagination a.num, #pagination span{width:19px;}
#pagination a:hover{color:#0c1012; border:1px solid #bcc4c9; text-decoration:none;}
#pagination span{color:#e62626; border:1px solid #e62626; font-weight:bold;}
#pagination a.prev{padding:2px 3px 3px 17px; background:url(img/ico-prev.png) no-repeat 5px 6px;}
#pagination a.next{padding:2px 17px 3px 3px; background:url(img/ico-next.png) no-repeat right 6px;}

/* =tables */
table{width:100%; margin:0 0 1.5em 0; border:0; border-collapse:collapse;}
th{padding:.5em .6em; background:#8a949a; font-weight:bold; color:#fff; border-bottom:.7em solid #fff;}
th.astm,th.title{width:8.65em; border-right:1.36em solid #fff; background:#e52525; text-align:right;}
th.charapp{padding:.3em .6em; text-align:left;}
th.title{width:10em; padding:.3em .6em;}
th.en{width:5.27em;}
th.uns{width:5.09em;}
th.others{width:10.18em;}
th.type,th.spec{margin:0; padding:.2em .6em .2em 0; border-bottom:0; background:none; color:#000; font-size:.9em; text-align:right;}
th.spec{padding:.1em 1.6em .2em 0; vertical-align:top; font-size:1em;}
td{font-size:.9em; text-align:center; color:#777f84; font:1em "Arial Narrow", Arial, Helvetica, sans-serif}
table.valves td{padding:.3em 0 .2em 1.4em; text-align:left; vertical-align:top; font-family:Verdana, Arial,Helvetica,sans-serif;}
table.valves td img{margin:.9em .5em .9em 0;}

/* =forms */
form{}
form.short{width:40.3em;}
form div{margin:0 0 .2em 0;}
form span.note{float:left; margin:.5em 0 0 .7em;}

fieldset{border:0; margin:0 0 2.2em 0;}

input,select,textarea,input.error,select.error,textarea.error{width:335px; margin:0 0 .27em 0; padding:.36em; border:1px solid #cacdcf; background:#fff; color:#777f84; font:8pt Verdana, Arial,Helvetica,sans-serif;}
input.button{width:auto; margin:0; padding:0; border:0; background:#8c959b; color:#fff; font-size:.9em; font-weight:bold; text-transform:uppercase;}
select,select.error{width:344px; height:23px; padding:.22em .18em .18em .18em; border:1px solid #cacdcf;}
textarea,textarea.error{width:63.6em; height:9em; margin:0 0 1.4em 0; overflow:auto;}
input.error,select.error,textarea.error{border:.1em solid #e62626;}

label{float:left; width:87px; margin:.3em 10px 0 0; text-align:right; color:#0c1012;}

form div.checkbox{margin:0 0 4px 0;}
div.checkbox input{width:auto; margin:0 4px 0 0; padding:0; border:0; vertical-align:middle;}
div.checkbox label{float:none; width:auto; margin:0; text-align:right; color:#0c1012;}

/* =contacto */
form.largo fieldset{width:30em; float:left; margin:0 .95em 1.4em 0;}
form.largo fieldset.last{margin:0; float:right;}
form.largo fieldset.nofloat{margin:0; width:100%; float:none; clear:both;}

form.largo fieldset div{margin:0; height:50px;}
form.largo fieldset div.withtext{height:100px;}
form.largo  fieldset.nofloat div{height:auto; margin:0 0 3px 0;}
form.largo div.withtext input,form.largo div.withtext select{margin:0 0 .3em 0;}
#text form.largo p.fielddata{padding:0 .5em;}

form div.legal{clear:both; margin:0 0 2.8em 0; padding:0 0 .46em 0; color:#777f84; background:url(img/bg-dotted.png) repeat-x 0 bottom;}
#text form div.legal p{padding:.7em .7em 1.3em .7em; background:url(img/bg-dotted.png) repeat-x 0 top; font-size:.9em;}

form.largo input{width:30em;}
form.largo select,form.largo select.error{width:30.95em;}
form.largo input.button{width:auto;}

form.largo fieldset label{float:none; display:block; width:auto; margin:0 0 .2em 0; text-align:left;}
form div.checkbox input{width:auto; margin-left:.7em;}
em.ok{padding:0 0 0 14px; background:url(img/ico-accept.png) no-repeat 0 .1em;}

/* =tooltip */
#tooltip{position:absolute; z-index:3000; border:1px solid #cacdcf; background:#fff; color:#656c70; padding:4px 7px; opacity:.8; font-size:.9em;}
#tooltip h3,#tooltip div{margin:0;}
#note-bilbao,#note-biarritz{display:none;}