/* CSS 2.1 para la web de Polynorma  */
/* @author: Ricard Catalan		*/
/**************************************************  TAGS: GENERAL  *************************************************/
body{
	/*font:12px/15px Verdana,Helvetica;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left; /* Alineación por defecto para todas la tipografías  */
	font-weight:normal;
	/*background:#fff url(../images/fondo-polynorma.gif) repeat-x;*/
	width:100%;
}
span{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
p{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
img{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
hr{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
li{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
ul{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
td{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
tr{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
div{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
table{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
body{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
a{ color:#4388CA; text-decoration:none; }
a:link{ color:#4388CA; }
a:visited{ color:#4388CA; }
a:hover{ color:#3158BB; text-decoration:underline; }
a:focus { outline:0px; } /*  Quita los bordes al clicar en cualquier link, funciona en todos los nanegadores  */
hr{
	height:1px;
	border-top:1px dotted #46A7BC;
	margin:20px 0 20px 0;
}
/*********************************************  ESTRUCTURA: GENERAL  ***********************************************/
#polynorma-contenedor{
	width:970px;
	margin:0 auto;
}
#polynorma-contenedor img{ margin:-2px; padding:0;}
#rotulacion-header{
	width:970px;
	margin:0 auto;
	height:48px;
	margin-bottom:40px;
}
/***********  VENTANA NOVEDADES  */
#novedades-rotulacion{
	/* Capa desplegables mediante Mootools 1.2 para: Las novedades de Polynorma */
	width: 28px;
	height: 146px;
	position: absolute;
	float: left;
	margin-top: 56px;
	background: url(../images/productosv.gif) no-repeat;
	z-index: 50;
}
#productos-open{
	width: 560px;
	height: 144px;
	border-top: 1px solid #D3E1F6;
	border-bottom: 1px solid #D3E1F6;
	background: #fff url('../images/productosv.gif') no-repeat 534px;
}
table.novedades-cont{ width:460px;}
div.novedades-seccion{
	width:120px;
	float:left;
	text-align:right;
}
div.novedades-seccion img{ margin:4px;}
div.novedades-content{
	font:11px/14px Verdana,Helvetica;
	width:410px;
	float:right;
	margin:0px 20px 5px 5px;
}
div.novedades-content a{ font-size:12px; font-weight:bold;}
div.novedades-content b{ font-weight:bold;}
div.novedades-img{ float:left; margin:4px;}
ul.novedades{ margin:2px; list-style-type:none; }
#cerrar{ position:absolute; margin:0px 0 0 490px;}
/***********  FIN NOVEDADES  */
#polynorma-footer{
	width:100%;
	height:50px;
	text-align:center;
	margin-top:2px;
	padding-top:16px;
	/*background:url(../images/polynorma-footer.jpg)*/
}
/*************************    MENU y SUBMENU     */
#polynorma-submenu{
           position:absolute;
          font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
           background:#F3F6FB url(../images/polynorma-submenu.gif) repeat-x; /* Aqui esta em cambio el fondo de color */
           line-height:18px;
           border-right:1px solid #E0EAF9;
           border-left:1px solid #E0EAF9;
           border-bottom:1px solid #E0EAF9;
           padding:8px 0px 8px 0px;
           z-index:100;
           min-width:160px;
           max-width:300px;
}
*html #polynorma-submenu a{ width:300px; } /* Solo para IE6 */


#polynorma-submenu a{
	display: block;
	text-indent: 16px;
	text-decoration: none;
	color:#666666;
}
#polynorma-submenu a:hover{ /*hover background color*/
	background-color: #E2EDF8;
}
#polynorma-menu{
	height:48px;
	float:left;
}
#polynorma-menu ul{ list-style:none; }
#polynorma-menu li { float:left; display:block; }
#polynorma-menu li a {
	font:normal 13px verdana,helvetica;
	text-decoration:none;
	display: block;
	color:#444444;
	padding: 14px 16px;
}
#polynorma-menu li a span { font:normal 10px Verdana,helvetica; padding-top:20px; }
#polynorma-menu li a#actual {
	border-left:1px solid #E0EAF9;
	border-right:1px solid #E0EAF9;
	background:url(../images/polynorma-menu.gif) repeat-x;
	color:#666666;
	margin:0px -1px 0px -1px;
} /*  Nos sirve para pone en estado Hover el menu en el que nos encontramos   */
#polynorma-menu li a#actual span { color:#666666; }
#polynorma-menu li a:hover {
	border-left:1px solid #E0EAF9;
	border-right:1px solid #E0EAF9;
	background:url(../images/polynorma-menu.gif) repeat-x;
	color:#666666;
	margin:0px -1px 0px -1px;
}
/******  FIN MENU     */
#polynorma-servicios{
	width:120px;
	height:42px;
	margin-top:14px;
	text-align:center;
	float:right;
}
#polynorma-servicios a{ margin-right:4px;}
#polynorma-servicios a:hover{ background:#F0F6FB;}
/*********************************************  ESTRUCTURA: INDEX  ***********************************************/
div.separador{
	width:970px;
	height:180px;
}
div.titulo{
	width:850px;
	height:19px;
	background:url(../images/barra-titulo.jpg) no-repeat 324px 0px;
}
div.titulo2{
	width:918px;
	height:30px;
	background:url(../images/barra-titulo.jpg) no-repeat 392px 0px;
}
div.textitulo{
	width:310px;
	text-align:right;
}
#novedades-index{
	width:460px;
	height:200px;
	float:right;
}
div.novedades-titular{ text-align:right; margin-bottom:6px; }
div.novedades-cont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 10px 5px;
	text-align:right;
}
div.novedades-img{ float:left; margin:0px 5px 5px 15px;}
ul.novedades li.nov-indx{ margin-bottom:10px; border-bottom:1px dotted #cccccc; }
/*********************************************  ESTRUCTURA: EMPRESA  ***********************************************/
#polynorma-empresa{
	width:850px;
	float:right;
	margin-top:15px;
	margin-bottom:80px;
}
td.localizacion{ padding-right:60px;}
#menu-localizacion{ margin-bottom:30px; }
/********************************************** ESTRUCTURA : DATOS *************************************************/
#polynorma-tramunta-datos{
	width:850px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:80px;
}

/*********************************************  ESTRUCTURA: ENLACES  ***********************************************/
#polynorma-enlaces{
	width:850px;
	float:right;
	margin-top:15px;
	margin-bottom:80px;
}
#polynorma-local{
	width:850px;
	float:right;
	margin-top:15px;
	margin-bottom:80px;
}
dl{	padding-left:20px; padding-right:20px; }
dt{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-size:12px;
	margin:20px 0 6px 0;
}
dd.enlaces2{
	height:65px;
	margin:0;
	padding:8px 15px 8px 15px;
}
dd.enlaces{
	height:65px;
	margin:0;
	padding:8px 15px 8px 15px;
}
div.enlaces{float:left; margin-right:12px;}
dd.enlaces2{ border-top:1px dotted #A2C8E8; background-color:#EEF6FC;}
dd.enlaces{ border-top:1px dotted #A2C8E8; background-color:#EEF6FC;}
dd.enlaces2:hover { background-color:#DEECF7; }
dd.enlaces:hover { background-color:#DEECF7; }
/*********************************************  ESTRUCTURA: NOTICIAS Y FERIAS  ***********************************************/
/***** NOTICIAS  */
#polynorma-noticias{
	width:850px;
	float:right;
	margin-top:15px;
}
#noticias-polynorma{ 
	width:600px; 
	float:right; 
	margin:0 15px 60px 0; }
#publicaciones-polynorma{ 
	width:186px; 
	float:left;
	margin:0 15px 0 15px;
	padding:15px 8px 15px 8px;
}
#publicaciones-polynorma b{ font:12px/14px Verdana,Helvetica; font-weight:bold; }
#publicaciones-polynorma ul{ 
	list-style-type:none; 
	margin:10px 0 10px -50px;
}
#publicaciones-polynorma li{ margin-top:4px;}
div.noticia {
	padding:10px 6px 10px 6px;
	border-bottom:1px dotted #4388CA;
}
div.noticia-img{
	width:80px;
	height:80px;
	float:left;
	margin:0 6px 6px 0;
	text-align:center;
}
div.imagen-noticia{ float:right; margin:8px 4px 8px 8px; }
p.titulo-noticia{
	font:14px/15px Verdana,Helvetica;
	font-weight:bold;
	margin-bottom:10px;
}
p.titulo-noticia b{ color:#4388CA; font-style:normal; }
p.titulo-noticia em{ font-size:11px; font-weight:normal; }
div.noticia-breve{margin-top:-10px;}
div.noticia-breve a{ margin:0px 0 0 5px; font-weight:bold; text-decoration:underline;}
div.vermas{ margin:-5px 0 10px 530px;}
div.resNot{ float:right; width:502px;}
/***** FERIAS  */
#stand-polynorma{
	width:850px; 
	background:#fff url(../images/ferias/Dibujo-stand.jpg) no-repeat 620px 40px;
}
#ferias-polynorma{ width:610px; }
div.feria {
	height:70px;
	padding:10px 6px 10px 6px;
	list-style-image: url(../images/ferias.gif);
	list-style-position: outside;
	border-bottom:1px dotted #4388CA;
}
div.feria-polynorma {
	height:70px;
	padding:10px 6px 10px 6px;
	list-style-image: url(../images/ferias.gif);
	list-style-position: outside;
	border-bottom:1px dotted #4388CA;
	background-color:#FFEDA4;
}
div.feria-img{
	width:60px;
	height:60px;
	float:left; 
	margin:0 10px 10px 0;
}
p.noticia{
	font:14px/15px Verdana,Helvetica;
	font-weight:bold;
	margin-bottom:10px;
}
p.noticia a{ color:#4388CA; }
p.fecha{ margin-top:15px; }
div.infoferia{ float:left; }
div.tipoferia{ font-size:11px; float:right; text-align:right; }
/***************************************  ESTRUCTURA: OFERTAS Y PROMOCIONES   ********************************************/
#polynorma-promociones{
	width:850px;
	margin-top:15px;
	margin-bottom:80px;
	float:right;
}
dt.oferta{ background-color:#DEECF7; padding:4px; margin-bottom:0px;}
dt.promocion{ background-color:#FFEDA4; padding:4px; margin-bottom:0px;}
dd.promocion{ margin:0; padding:25px 10px 25px 15px; }
dd.oferta{ margin:0; padding:25px 10px 25px 15px; }
dd.oferta{ border-top:1px dotted #A2C8E8; }
dd.promocion { border-top:1px dotted #EBBF27; }
/* Contenedores */
div.ofpr-cont{ width:810px; height:80px; }
div.ofpr-img{ float:left; width:210px; margin:0px 14px 8px 0;}
div.promo-img{
	float:right;
	width:235px;
	height:80px;
	margin:0px 25px 0px 0px;
}
div.promo-img img{height:94px;}
div.ofpr-img img{height:94px;}
div.ofpr-info{
	width:350px;
	height:80px;
	position:absolute;
	margin-left:180px;
	font:11px/14px Verdana,Helvetica;
	text-align:right;
}
div.ofpr-logo{ text-align:left; }
div.ofpr-logo img{ height:50px;}
div.ofpr-info a.titulo{ font:bold 12px/20px Verdana,Helvetica; }
/***************************************  ESTRUCTURA: MANUALES, CONSEJOS Y TÉCNICAS  --  Y SERVICIOS, SOFTWARE  ********************************************/
#polynorma-manuales{
	width:850px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:80px;
}
div.texto-corporativo{ width:850px; margin-top:30px;}
div.texto-corporativo ul{ padding-left:50px; font-size:13px;}
div.texto-corporativo li{ padding:4px; padding-left:30px;}
div.img-corporativo{ 
	width:250px;
	float:left;
	margin:44px 5px 5px -100px;
	text-align:right;
}
#manules-consejos{
	width:650px;
	float:right;
	margin:40px 0 0 0;
	text-align:center;
}
div.secciones{ width:310px; }
td.seccion{ width:30px; }
p.frase{ 
	font-size:13px;
	font-style:italic;
	color:#4388CA;
	font-weight:normal;
	margin:-15px 0 0 15px;
	text-align:right;
}
ul.serv-prod-demo{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-asis{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-his{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-curso{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-act{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-icc{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-mov{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-pdf{
	text-align:left;
	margin:0 0 0 -10px;
}
ul.serv-prod-demo li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-asis li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-his li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-curso li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-act li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-icc li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-mov li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-pdf li{
	margin:10px 0 0 0;
	padding:0 0 -8px 0;
}
ul.serv-prod-pdf { list-style-image:url(../images/pdf-icon.gif); }
ul.serv-prod-mov{ list-style-image:url(../images/movie-icon.gif); }
ul.serv-prod-icc { list-style-image:url(../images/icc-icon.gif); }
ul.serv-prod-act{ list-style-image:url(../images/act-icon.gif); }
ul.serv-prod-curso{ list-style-image:url(../images/curso-icon.gif); }
ul.serv-prod-his{ list-style-image:url(../images/his-icon.gif); }
ul.serv-prod-asis{ list-style:none; }
ul.serv-prod-demo{ list-style:none; }

p.frase span{ color:#555555; font-weight:normal; }
div.tecnicas{
	width:235px;
	margin:10px;
	padding:10px;
}
div.consejos{
	width:235px;
	margin:10px;
	padding:10px;
}
div.serigrafia{
	width:235px;
	margin:10px;
	padding:10px;
}
div.tecnicas p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.consejos p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.serigrafia p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.tecnicas a{ line-height:18px; padding-left:8px; }
div.consejos a{ line-height:18px; padding-left:8px; }
div.serigrafia a{ line-height:18px; padding-left:8px; }
/*SERVICIOS, SOFTWARE*/
div.cursos{
	width:170px;
	margin-right:10px;
	padding:10px;
}
div.polydemos{
	width:170px;
	margin-right:10px;
	padding:10px;
}
div.perfiles{
	width:170px;
	margin-right:10px;
	padding:10px;
}
div.software{
	width:170px;
	margin-right:10px;
	padding:10px;
}
div.cursos p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.polydemos p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.perfiles p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.software p{
	color:#444444;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div.cursos a{ line-height:18px; padding-left:8px; }
div.polydemos a{ line-height:18px; padding-left:8px; }
div.perfiles a{ line-height:18px; padding-left:8px; }
div.software a{ line-height:18px; padding-left:8px; }
/*********************************************  MAPA WEB   y  AVISO LEGAL  ***********************************************/
#polynorma-mapa-web{
	width:850px;
	float:right;
	margin-top:15px;
	margin-bottom:80px;
	background:#fff url(../images/mapa-web.gif) no-repeat 500px 50px;
}
ul#mapa li.raiz{
	list-style-type:square;
	margin:0 0 0 15px;
	padding:10px;
}
ul#mapa li.submenu{
	list-style-type:disc;
	margin:3px 0 0 -10px;
	padding:3px;
}
ul#mapa li.apartados{
	list-style-type:circle;
	margin:2px 0 0 0px;
	padding:2px;
}
#aviso-legal{
	width:850px;
	float:right;
	margin-top:15px;
	margin-bottom:80px;
}
#aviso-legal{ margin:15px;}
/**********************************  INPUTS, SELECTS, TEXTAREA  **************************************/
textarea{
	font-family:Verdana,Helvetica;
	font-weight:normal;
	font-size:11px;
	margin:0;
	padding:0;
	color:#333333;
	padding:1px;
	background:#F1F7FB;
	border:1px solid #4A85B6;
}
select{
	font-family:Verdana,Helvetica;
	font-weight:normal;
	font-size:11px;
	margin:0;
	padding:0;
	color:#333333;
	padding:1px;
	background:#F1F7FB;
	border:1px solid #4A85B6;
}
input{
	font-family:Verdana,Helvetica;
	font-weight:normal;
	font-size:11px;
	margin:0;
	padding:0;
	color:#333333;
	padding:1px;
	background:#F1F7FB;
	border:1px solid #4A85B6;
}
textarea:focus{ background:#DCE9F4; border:1px solid #1B4EA3; }
select:focus{ background:#DCE9F4; border:1px solid #1B4EA3; }
input:focus{ background:#DCE9F4; border:1px solid #1B4EA3; }
/*********************************************  TEXTOS  ***********************************************/
h4{
	font-family:Verdana,Tahoma;
	font-weight:normal;
	margin:0;
	padding:0;
}
h3{
	font-family:Verdana,Tahoma;
	font-weight:normal;
	margin:0;
	padding:0;
}
h2{
	font-family:Verdana,Tahoma;
	font-weight:normal;
	margin:0;
	padding:0;
}
h1{
	font-family:Verdana,Tahoma;
	font-weight:normal;
	margin:0;
	padding:0;
}
h1{
	font-size:15px;
	color:#555555;
	font-weight:bold;
}
h2{
	font-size:14px;
	color:#555555;
	font-weight:bold;
}
h4{ /* Para el uso de Footer :: Tamaño más pequeño */
	font-size:11px;
	color:#333333;
}
em{
	font-family:Verdana,Tahoma;
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	margin:0;
	padding:0;
}
h4 a{ color:#4388CA; text-decoration:underline; }
h4 a:link{ color:#4388CA; }
h4 a:visited{ color:#4388CA; }
h4 a:hover{ color:#1740A8; text-decoration:none; }
h4 span{ margin:0px 10px 0px 10px;} /* Separación en el footer de los apartados */
#productos-rotulacion {
	/* Capa desplegables mediante Mootools 1.2 para: Las novedades de Polynorma */
	width: 28px;
	height: 146px;
	position: absolute;
	float: left;
	margin-top: 56px;
	background: url('../images/productosv.gif') no-repeat;
	z-index: 50;
}