html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li, form, input, textarea, select, form ul, form ol {margin: 0; padding: 0; text-indent:0;}
abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}
a img, a abbr, a acronym { border:none; }
sup, sub { font-size:.75em; font-style:italic; line-height:1; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {top:.25em;}
/*
*************************
Basics & Commons
*************************
*/
body {font-family: Arial, sans-serif; font-size: 62.5%; font-style: normal; font-weight: normal; line-height:1.4em; background:#fff; color:#333;overflow:-moz-scrollbars-vertical;}
/* Enlaces */
a:link, a {color:#003; cursor:pointer; outline:none;}
a:hover {color:#069;}
/* Iconos en enlaces*/
a.pdf {background:url(../img/ico_pdf.gif) 0 0 no-repeat; padding-left:16px;}
a.external {background:url(../img/ico_external.gif) right no-repeat; padding-right:16px;}
/* Listas */
ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;}
div#subNav ul, div#menu ul, div#footer ul, div#topNav ul, ul.mLeft, #obras-relacionadas ul, #resumen ul, div#destacados ul, div#gama ul, div#pMyC ul, ul#leyenda, ul.gama, ul.data {margin:0; padding:0; list-style:none;} /* Listas como menú */
/* Headers */
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
/*
ESTRUCTURAS COMUNES
*/
div#wrapper {width:960px; margin:10px auto; position:relative;}
div#top {background:#003 url(../img/top_bg.gif) top no-repeat; position:relative; height:90px;}
a#logo {display:block; width:102px; height:55px; position:absolute; top:10px; left:10px; background:#003 url(../img/sprites.png) 0 -261px no-repeat;}
a#logo span {display:none;}
div#topNav { position:absolute; right:145px; top:10px; width:400px;font-size:1.1em; color:#b4dcf7; border-right:1px solid #eee;}
div#topNav ul li {float:right; padding:0 5px;}
div#topNav a, div#topNav a:visited {color:#fff;text-decoration:none; padding:0 5px;}
div#topNav a:hover {text-decoration:underline;}
li#tn_languages span.worldwide {padding-right:16px;}
/* Selector de idiomas */
#languagueSelector {position:absolute; top:8px; right:5px; z-index:20; padding:0; margin:0;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#333; text-decoration:none; outline:none;}
.dropdown a:hover { color:#003;}
.dropdown dt {padding:0;}
.dropdown dt a:hover { color:#5d4617;}
.dropdown dt a {background:#003; color:#eee; display:block; width:120px; background:url(../img/bullet_down.gif) 100% 0 no-repeat; padding-right:14px;}
.dropdown dt a span {cursor:pointer; padding:5px; color:#ccf; background: url(../img/ico_worldwide.gif) left no-repeat; padding-left:16px; line-height:16px;}
.dropdown dd ul { background:#eee; border:1px solid #999; color:#333; display:none;
left:0px; padding:0px; position:absolute; top:2px; width:auto; min-width:100px; list-style:none;}
.dropdown dd ul li a { padding:2px 5px; display:block; width:120px;}
.dropdown dd ul li a:hover { background-color:#065082; color:#fff;}
div#tBuscar {width:145px; position:absolute; right:15px; top:40px; background:#fcfcfc; }
div#tBuscar a.ico_lupa {display:block; width:16px; height:16px; float:right; background:#FFF url(../img/sprites.png) 0 -316px no-repeat;}
div#tBuscar a.ico_lupa span {display:none;}
div#tBuscar input {border:0; float:left; margin-right:5px; width:100px; font-size:.9em; color:#666;}
/* MENÚ PRINCIPAL */
#menu {background-image:url(../img/menu-sprites.gif); background-repeat:no-repeat; background-position:top; width:960px; height:29px; position:relative; font-family:Arial, sans-serif;}
div#menu ul { list-style:none; margin:0; padding:0;}
#menu li { margin:0; padding:0; display:inline;}
#menu a { display:block; width:80px; height:29px; position:absolute; top:0px; text-align:center; font-size:1.15em; color:#fff; text-decoration:none; outline:none; line-height:24px; text-shadow:1px 1px #000; /*border:1px solid #f00; z-index:2;*/}
#menu a:hover { color:#fff; text-shadow:none;}
/* Ajustes invividuales */
#menu #mn_inicio { width:56px; left:0px;}
#menu #mn_productos { width:86px; left:58px}
#menu #mn_sistemas { width:159px; left:146px;}
#menu #mn_obras { width:140px; left:307px;}
#menu #mn_formacion { width:159px; left:449px;}
#menu #mn_documentacion { width:120px; left:610px;}
#menu #mn_multimedia { width:84px; left:730px; }
#menu #mn_agenda { width:76px; left:816px;}
/* Marco según las secciones */
/* Fondo */
body#home #menu {background-position:0 -30px;}
#content {font-size:1.1em;}
#volver {border-top:1px solid #eee; padding-top:3px; font-size:1.1em;}
#footer {background:#ededed; padding:5px; margin-top:1.5em; }
#footer ul {float:right;}
#footer li {display:inline; border-right:1px solid #000; padding:0 10px 0 5px; margin-left:5px;}
#footer li:last-child {border:0;}
#footer a {text-decoration:none; color:#333;}
#footer a:hover {text-decoration:underline;}
#copy {text-align:right;font-size:1.1em; color:#999; padding:5px 0; }
/* Grid de 2 columnas de portada */
div.grid-2 {width:960px; overflow:auto;}
div.grid-2 div {overflow:auto;}
div.grid-2 div.left {width:590px; float:left;}
div.grid-2 div.right {width:350px; float:right;}
/* > Portada | body#home */
body#home div#topRow {background:#f0f0f0; margin:5px 0 15px 0;}
body#home h2, body#home h2 a { color:#003;}
/*Slider de portada */
#example1 .item {height:298px;}
#example1 .item .cuadro {float:right; width:340px; margin:30px 10px 0 0;}
#slide01 {background:#FFF url(../img/portada/slider/01.jpg) 0 0 no-repeat;}
#slide03 {background:#FFF url(../img/portada/slider/03.jpg) 0 0 no-repeat;}
#example1 #slide03 .cuadro {width:430px; padding-top:15px;}
#slide02 {background:#FFF url(../img/portada/slider/banner3.jpg) 0 0 no-repeat;}
.slider_btn {background:#eee; padding:2px 5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#gama {padding-bottom:5px;background:#f0f0f0 url(../img/separador_vertical.gif) right top no-repeat;}
#gama h1 {color:#003; text-shadow:1px 1px #fff;font-family:"Helvetica", Arial, sans-serif; margin:10px 0 0 10px;font-size:1.5em; float:left; width:40%; height:30px;}
#gama .opciones {float:left; margin:10px 0 0 5px;}
#gama .opciones a {padding:0 5px;}
/*Listado de enlaces con iconos de familia - genérico */
ul.gama { clear:both; }
ul.gama li {margin:3px 0; padding-left:25px; float:left; width:160px; height:18px; background-color:#f0f0f0; background-image:url(../img/sprites.png); background-repeat:no-repeat; line-height:16px;}
ul.gama li.fAdhesivos {background-position:-942px -326px;}
ul.gama li.fAditivos {background-position:-942px -344px ;}
ul.gama li.fAsfalticos {background-position:-942px -362px;}
ul.gama li.fBricolaje {background-position:-942px -380px;}
ul.gama li.fCaucho {background-position:-942px -398px;}
ul.gama li.fPavimentos {background-position:-942px -416px;}
ul.gama li.fPinturas {background-position:-942px -434px;}
ul.gama li.fRehabilitacion {background-position:-942px -452px;}
ul.gama li.fMjuntas {background-position:-942px -470px;}
ul.gama li.fAislamientos {background-position:-942px -488px;}
ul.gama li.fMdecoracion {background-position:-942px -506px;}
ul.gama li.fMespeciales {background-position:-942px -524px;}
ul.gama li.fMmonocapa {background-position:-942px -542px;}
ul.gama li.fMrevestimientos {background-position:-942px -560px;}
ul.gama a {text-decoration:none; font-weight:bold;color:#444;}
ul.gama a:hover {color:#003;text-decoration:underline;}
/*Personalización de portada */
div#gama ul.gama {margin-left:20px;}
/* Fila abajo*/
div#pGs {background:#FFF url(../img/sprites.png) 0 -536px no-repeat; float:left; width:300px;height:130px;}
div#pGs p {margin-left:130px;}
div#pMyC {background:#FFF url(../img/sprites.png) 0 -366px no-repeat; float:left; margin-left:20px; padding-left:100px; height:180px;}
div#pMyC li {background:#fff url(../img/bullet_mini.gif) 0 45% no-repeat; padding-left:16px; margin-bottom:3px;}
div#pMyC a {text-decoration:none;}
div#pMyC a span {color:#666;}
div#pMyC h3 {margin-bottom:5px;}
div#pMyC h3.segundo {margin-top:30px;}
div#destacados {margin-top:10px;}
div.resaltado {margin:8px 0;}
div.resaltado a:hover img {border:1px solid #003;}
div.resaltado img {display:block; width:41px; height:31px; float:left; margin-right:5px;border:1px solid #ccc;}
div.resaltado h3 {margin-top:0; padding-top:0;}
div.resaltado h3 a {font-size:.8em; line-height:1em; text-decoration:none;}
div.resaltado p {margin:2px 0;}
div#destacados ul li {background:#f0f0f0 url(../img/bullet_mini.gif) 0 45% no-repeat; padding-left:16px;}
div#destacados ul a {text-decoration:none;}
div#destacados div.mas {background:#f0f0f0 url(../img/sidebar_separador.gif) top center no-repeat; padding:8px 6px 0 6px; text-align:right; margin-top:10px;}
div#destacados div.mas a {text-decoration:none; padding:0 8px;}
div#destacados div.mas a:hover {text-decoration:underline;}
div#pNewsletter {background:#f0f0f0; padding:8px;}
div#pNewsletter a.btn_newsletter {margin-left:70px;}
div#pRecursos {margin-top:15px;}
div#pRecursos h4 {color:#333; font-size:1.1em; margin-bottom:10px;}
div#pRecursos ul li {float:left; width:45%; margin-bottom:5px;}
/* Botones en portada */
.btn_pGseleccion, .btn_newsletter {display:block; text-decoration:none; color:#333; background-repeat:no-repeat; background-color:#f0f0f0; background-image:url(../img/sprites.png);}
.btn_pGseleccion { width:123px; height:23px; background-position: -780px -457px; line-height:20px;}
/* Newsletter en portada */
.btn_newsletter { width:180px; height:26px; background-position: -780px -266px; line-height:24px; text-shadow:1px 1px #fff; }
.btn_newsletter:hover {background-position:-780px -292px; color:#fff; text-shadow:1px 1px #000;}
.btn_newsletter span {padding-left:15px;}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}