@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body{
	font-family:Tahoma, Geneva, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:145%;
	background:#F9F9F9;
}
#header{
	width:960px;
	height:68px;
	margin:0 auto;
	position:relative;
}
#idiomas{
	width:100px;
	height:15px;
	background:#FFFFFF;
	border-radius:3px;
	padding:4px 0 0 9px;
	position:absolute;
	top:10px;
	right:0;
}
#idiomas a{
	color:#999999;
	padding: 0 5px;
	line-height:11px;
	font-size:11px;
	display:block;
	float:left;
}
#idiomas .espanol{
	border-right:1px solid #999999;
}
#idiomas .english{
	border-left:1px solid #999999;
}
#idiomas a:hover{
	color:#191422;
	border-color:#191422;
}
#header #nav{
	width:696px;
	height:36px;
	border-radius:5px;
	position:absolute;
	bottom:0;
	right:0;
}
#header #nav li{
	text-align:center;
	display:inline;
}
#header #nav li a{
	display:block;
	height:28px;
	font-family: 'Marvel', sans-serif;
	font-weight:700;
	color:#FFF;
	font-size:16px;
	padding:8px 14px 0 13px;
	float:left;
	width:auto;
}
#header #nav li a.home{
	background:url(../../images/bg_menu.png) no-repeat 0 -36px;
	padding-left:15px;
	width:40px;
}
#header #nav li a.home:hover{
	background-position: 0 0;
}
#header #nav li a.productos{
	background:url(../../images/bg_menu.png) no-repeat -69px -36px;
	width:67px;
}
#header #nav li a.productos:hover{
	background-position: -69px 0;
}
#header #nav li a.calificaciones{
	background:url(../../images/bg_menu.png) no-repeat -163px -36px;
	width:87px;
}
#header #nav li a.calificaciones:hover{
	background-position:-163px 0;
}
#header #nav li a.resolucion{
	background:url(../../images/bg_menu.png) no-repeat -277px -36px;
	width:110px;
}
#header #nav li a.resolucion:hover{
	background-position:-277px 0;
}
#header #nav li a.clientes{
	background:url(../../images/bg_menu.png) no-repeat -414px -36px;
	width:53px;
}
#header #nav li a.clientes:hover{
	background-position:-414px 0;
}
#header #nav li a.empresa{
	background:url(../../images/bg_menu.png) no-repeat -494px -36px;
	width:58px;
}
#header #nav li a.empresa:hover{
	background-position:-494px 0;
}
#header #nav li a.contacto{
	background:url(../../images/bg_menu.png) no-repeat -579px -36px;
	padding-right:20px;
	width:84px;
}
#header #nav li a.contacto:hover{
	background-position:-579px 0;
}
#header #nav li a.contacto img{
	vertical-align:top;
}
#nav .submenu_cont{
    background: url(../../images/bg_submenu.png) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    left: -264px;
	border-radius:3px;
    padding: 20px 20px 30px;
    position: absolute;
    top: 48px;
    width: 920px;
    z-index: 999;	
}
#nav .submenu {
	position:relative;
	text-align:left;
}
#nav .pico{
	position:absolute;
	top:-32px;
	left:350px;
}
#header #nav .submenu h3{
	font-size:20px;
	padding:0 0 14px 13px;
	font-family: 'Marvel', sans-serif;
	text-transform:uppercase;
}
#header #nav .submenu h2{
	color:#3CF;/*#FF4747;*/
}
#nav .submenu strong{
	padding-left:13px;
}
#header #nav .submenu li{
	display:block;
	text-align:left;
}
#header #nav .submenu li a{
	float:none;
	line-height:14px;
	height:auto;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#header #nav .submenu li a:hover{
	color:#FFD147;
}
.submenu div{
	width:215px;
	float:left;
	margin-right:20px;
}
.submenu div.last{
	margin-right:0px;
}

.submenu .lateral{
	padding:0 15px;
	border-left:1px solid #FFF;
	min-height:350px;
	width:126px;
	margin-right:0;
}
#header .logo{
	display:block;
	width:250px;
	height:85px;
	position:absolute;
	bottom:-11px;
	left:0;
	z-index:10;
}
#contenedor{
	width:960px;
	margin:10px auto;
	position:relative;
}
#contenedor h2{
	color:#417FAA;
	font-size:32px;
	padding-bottom:20px;
	font-family: 'Marvel', sans-serif;
	line-height:120%;
	font-weight:700;
}
#contenedor h3{
	color:#417FAA;
	font-size:20px;
	padding-bottom:10px;
	font-family: 'Marvel', sans-serif;
	text-transform:uppercase;
}
#contenedor h4{
	font-size:18px;
	color:#417FAA;
	padding-bottom:10px;
}
#contenedor p{
	padding-bottom:10px;
}

#contenedor p a {
	color:#417FAA
}

#contenedor p a:hover {
	text-decoration:underline;
}

#contenedor table{
	width:600px;
	margin:0 auto;
}
#contenedor table th {
    border: 1px solid #CCCCCC;
    padding: 6px;
}
#contenedor table td {
    border: 1px solid #CCCCCC;
    padding: 6px;
}
#contenedor table thead tr{
	background-color:#E2E7EE;
}

#contenedor table tr:nth-child(2n+2) {
    background-color: #E2E7EE;
}

#contenedor .pestañas_content ul {
	list-style:disc outside;
	padding-left:15px;
	padding-bottom:10px;
}

#main{
	width:653px;
	padding:32px 30px 40px 32px;
	background:#FFF;
	border-radius:4px;
	box-shadow:0px 0px 10px rgba(112,147,184,0.43);
	float:left;
	margin-right:20px;
}
#slide_cont{
	position:relative;
	margin-bottom:25px;
}
#slider_pager{
	position:absolute;
	left:445px;
	bottom:5px;
	z-index:10;
}
#slider_pager a{
	width:11px;
	height:11px;
	display:block;
	text-indent:-600000px;
	background:url(../../images/slider_pager.png) no-repeat center top;
	float:left;
	margin:3px;
}
#slider_pager a.activeSlide{
	background:url(../../images/slider_pager.png) no-repeat center bottom;
}
#slider{
	width:960px;
	height:422px;
	overflow:hidden;
	position:relative;
	box-shadow: 0px 0px 8px rgba(112, 147, 184, 0.45);
	border-radius:3px;
}
.texto_slide{
	position:absolute;
	top:64px;
	left:56px;
	z-index:100;
	width:321px;
}
#contenedor .texto_slide h2{
	font-size:47px;
	text-transform:uppercase;
}
#contenedor .texto_slide{
	font-size:14px;
}

#contenedor .texto_slide a, #contenedor .texto_slide h2 a {
	color:#417FAA;
}
#separador{
	margin:10px 0 20px;
	width:960px;
	height:18px;
	display:inline-block;
}
.columna{
	width:225px;
	float:left;
	margin-right:19px;
}
.columna.tres{
	/*border-right:1px solid #D6DFE7;*/
	margin-right:0;
}
.columna.cuatro{
	width:228px;
	/*border-left: 1px solid #FFF;	*/
	padding-left:17px;
	position:relative;
	/*margin:-20px 0 0;*/
	margin:0;
}
.paises{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom: 5px;
	background:#FcFcFc;
	text-align:center;
}

/*.columna.cuatro .vermapa {*/
.paises .vermapa {
	background:url(../../images/ver_mapa.jpg);
	font-size:22px;
	display:block;
	width:195px;
	height:33px;
	margin:0 auto;
	text-align:center;
	padding-top:13px;
	color:#4580AB;
	font-family: 'Marvel', sans-serif;
	font-weight:700;
}
.columna.cuatro .vermapa:hover{
	color:#333;
}
.columna.cuatro .vermapa span{
	text-shadow:0px 0px 10px #FFF;
}
#footer_cont{
	width:960px;
	margin:0 auto 20px;
	height:310px;
}
#footer_cont .categoria{
	margin:40px 0 0;
	min-height:196px;
	border-bottom:1px solid #D6DFE7;
}
#footer_cont .categoria a{
	display:block;
	width:305px;
	min-height:159px;
	border-radius:4px;
	background:#FFF;
	box-shadow:0px 0px 6px rgba(112,147,184,0.43);
	float:left;
	margin-right:20px;
	font-family: 'Marvel', sans-serif;
	font-weight:700;
	color:#16091A;
	text-align:center;
	padding-top:8px;
	position:relative;
}
#footer_cont .categoria a h2{	
	font-size:26px;
	line-height:28px;
}
#footer_cont .categoria a p{
	font-size:16px;
}
#footer_cont .categoria a span{
	font-size:22px;
}
#footer_cont .categoria a img{
	margin-top:8px;
}
#footer_cont .categoria .ultimo, #lista_productos .ultimo, #lista_productos.logos .ultimo{
	margin-right:0;
}
#footer{
	border-top:1px solid #FFF;
	padding-top:16px;
	position:relative;
}
.copyright{
	height:26px;
	background:url(../../images/bg_copyright.jpg) repeat-x;
	border-radius:2px;
	color:#FFF;
	font-size:10px;
	padding:5px 0 0 10px;
}
#footer .datos{
	position:absolute;
	left:10px;
	top:57px;
}
#footer .datos a{
	font-weight:700;
	color:#333;
}
#footer .datos a:hover{
	text-decoration:underline;
}
.logos_footer{
	position:absolute;
	top:64px;
	right:9px;
}
.logos_footer a{
	background-position: center top;
	display:block;
	float:left;
	margin-right:10px;
}
.logos_footer a:hover{
	background-position: center bottom;
}
.logo_iram, .logo_iec, .logo_ul{
	width:30px;
	height:30px;	
}
.logo_nema, .logo_aenor{	
	width:64px;
	height:30px;
}
.logo_iram{
	background:url(../../images/logo_iram.png) no-repeat;
}
.logo_iec{
	background:url(../../images/logo_iec.png) no-repeat;
}
.logo_ul{
	background:url(../../images/logo_ul.png) no-repeat;
}
.logo_nema{
	background:url(../../images/logo_nema.png) no-repeat;
}
.logo_aenor{
	background:url(../../images/logo_aenor.png) no-repeat;
}
/*--- producto ampliado ---*/
#slide_producto_cont{
	position:relative;
	width:374px;
	height:262px;
	float:left;
	margin-right:32px;
}
#slide_producto_cont #prev_next a{
	display:block;
	width:31px;
	height:31px;
	position:absolute;
	z-index:10;
	text-indent:-600000px;
	top:116px;
}
#slide_producto_cont #prev{
	background: url(../../images/prev_next.png) no-repeat left top;
	left:10px;
}
#slide_producto_cont #next{
	background: url(../../images/prev_next.png) no-repeat right top;
	right:10px;
}
#slide_producto_cont #prev:hover{
	background: url(../../images/prev_next.png) no-repeat left bottom;
}
#slide_producto_cont #next:hover{
	background: url(../../images/prev_next.png) no-repeat right bottom;
}
#slide_producto{
	width:374px;
	height:262px;
	overflow:hidden;
	border:1px solid #4280AA;
}
.producto_resumen{
	float:left;
	font-size:14px;
	width:244px;
	line-height:160%;
}
.producto_resumen .pdf {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-left:45px;
	background: url(../../images/pdf.png) no-repeat 4px center;
	font-family: 'Marvel', sans-serif;
	font-size:18px;
	color:#333;
	padding:4px 10px 4px 52px;
	margin:8px 6px 0 -4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.producto_resumen .pdf:hover {
	background-color:#EEE;
	text-decoration:none !important;
	box-shadow:0px 0px 8px rgba(0,0,0,0.43);
}
/*-pestañas-*/
ul.pestañas {
	margin: 24px 0 0 0;
	float: left;
	height: 32px;
	width: 652px;
}
ul.pestañas li {
	float: left;
	padding: 0 0 2px;
	height: 30px;
	line-height: 30px;
	position: relative;
	background:#FFF;
}
ul.pestañas li a {
	text-decoration: none;
	color: #666666;
	display: block;
	font-weight:700;
	font-size: 12px;
	padding: 0 20px;
}
ul.pestañas li a:hover{
	color:#333;	
}
html ul.pestañas li.active {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
html ul.pestañas li.active a{
	color:#333;
}
.pestañas_container {
	border-top:1px solid #CCCCCC;
	overflow: hidden;
	clear: both;
	float: left;
	width:657px;
}
.pestañas_content {
	padding:22px 0 0 0;
}
#fotos{
	text-align:center;
}
#fotos a{
	width:120px;
	height:84px;
	display:inline-block;
	border:1px solid #4280AA;
	margin:5px 5px 10px 0;
		*vertical-align: top;
		*zoom: 1;
		*display: inline;
}
#videos a{
	width:120px;
	height:90px;
	display:inline-block;
	border:1px solid #4280AA;
	margin:5px 5px 10px 0;
		*vertical-align: top;
		*zoom: 1;
		*display: inline;
}
#rightbar{
	width:225px;
	float:left;
}
#productos_relacionados{
	width:198px;
	border-radius:4px;
	box-shadow:0px 0px 8px rgba(112,147,184,0.43);
	background:#FFF;
	padding:13px 14px 9px 13px;	
	margin-bottom:20px;
}
#productos_relacionados a{
	display:block;
	color:#333333;
	line-height:20px;
}
#productos_relacionados a:hover{
	color:#417FAA;
}
#producto_lateral{
	width:198px;
	border-radius:4px;
	box-shadow:0px 0px 8px rgba(112,147,184,0.43);
	background:#FFF;
	padding:13px 14px 9px 13px;	
	text-align:center;
}
#producto_lateral a, #lista_productos a{
	font-family: 'Marvel', sans-serif;
	font-weight:700;
	color:#140719;
	font-size:18px;
}
#producto_lateral a:hover, #lista_productos a:hover, #footer_cont .categoria a:hover{
	box-shadow:0px 0px 8px rgba(0,0,0,0.43);
}
#lista_productos a{
	width:205px;
	background:#FFF;
	box-shadow:0px 0px 8px rgba(112,147,184,0.43);
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline;
	margin:10px 16px 10px 0;
	padding:10px;
	text-align:center;
	vertical-align:top;
	min-height:298px;
	border-radius:3px;
	position:relative;
	position:relative;
}

#lista_productos.logos a {
	height:120px;
	width:135px;
	min-height:1px;	
	padding:22px;
	margin:10px 10px 6px 0;
	background-repeat:no-repeat;
	background-position:center center;
	color:#0000FF;
}

#lista_productos a img{
	margin-top:10px;
	vertical-align:bottom;
}

#lista_productos.logos a img{
	margin-top:0px;
}

#lista_productos.logos a:hover img {
	display:none;
}

#lista_productos .oculto{
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	background:url(../../images/bg_oculto.png);
	width:205px;
	padding:10px 0 20px;
	position:absolute;
	bottom:0;
	display:none;	
}

#lista_productos.logos .oculto{
	width:158px;
	padding:10px 10px 20px;
	left:0;
}

#lista_productos a:hover .oculto{
	display:block;
	text-shadow:none;
}
#paginacion{
	position:absolute;
	right:0;
	top:42px;
}
#paginacion li{
	list-style:none;
	display:inline;
}
#paginacion li a{
	display:block;
	width:24px;
	height:21px;
	padding-top:3px;
	border:1px solid #989898;
	text-align:center;
	background:#FFF;
	color:#333;
	font-size:14px;
	float:left;
	margin-right:5px;
}
#paginacion li a:hover, #paginacion li a.activo{
	background:#989898;
	color:#FFF;
}
#timeline {
	width: 650px;
	position: relative;
	height:700px;
}

#timeline .separacion {
	width: 4px;
	height: 100%;
	position: absolute;
	top: 22px;
	right: auto;
	bottom: auto;
	left: 50%;
	margin-left: -6px;
	background: #d9e9ee
}

#timeline .articulito {
	float:left;
	width:263px;
	margin-bottom:-32px;
}

#timeline .row-fluid:before, #timeline .row-fluid:after {
	content: "";
	display: inline;
	line-height: normal
}
#timeline .row-fluid:after {
	clear: none
}
#timeline .span9 .imagenprincipal {
	float: left;
	margin: 0 20px 8px 0
}
#timeline .articulito {
	background: #ededed;
	padding: 16px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	margin-bottom: 20px;
	position: relative;
}
#timeline .articulito img {
	margin-bottom: 12px
}
#timeline .articulito h3 {
	color: #267faf!important;
	font-size: 24px!important;
	padding-bottom: 13px!important;
	line-height: 100%
}
#timeline .articulito h3 a {
	display: block;
	color: inherit
}
#timeline .articulito .icons li {
	display: inline;
	color: #0d3b57;
	margin-right: 5px;
	font-size: 1.7em
}
#timeline .articulito .icons li a {
	display: block;
	float: left
}
#timeline .articulito .pincho {
	position: absolute;
	top: 30px;
	right: -34px;
	bottom: auto;
	left: auto;
	width: 34px;
	height: 22px;
	background: url(../images/pincho.png) no-repeat left top
}
#timeline .articulito .pincho.izq {
	right: auto;
	left: -34px;
	background-position: left bottom
}
#timeline .articulito .pincho.bottom {
	top: auto;
	bottom: 30px
}