body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #7c7c7c;
	margin: 0;
	padding: 0;
	background: url(../px/fondo.gif) top left repeat-x #ffffff;
}

body.idiomas {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #7c7c7c;
	margin: 0;
	padding: 0;
	background: url(../px/fondo2.gif) top left repeat-x #ffffff;
}


*+html { overflow: auto; }
a { text-decoration: none; }
img { border: 0; }

.clear { clear: both; font-size: 1px; height: 1px; line-height: 0px; }
.separador { clear: both; margin: 15px 0 15px 0; height: 1px; line-height: 1px; border-bottom: 1px dotted #afafaf; }
.incrus { float: left; margin: 0 10px 0 0; }
.incrus img { float: left; padding: 0 0px 10px 0; }
h2.etac7 { background: url(../px/etac7title.png) no-repeat top left; padding: 4px 0 4px 27px;}
.todo { margin: 0 auto; width: 980px; padding: 0; }
.contenido { clear: both; width: 953px; padding: 0 17px 0 10px; margin: 0; background: #ffffff; }

/*_______________________________________________________________________________________________________ CABECERA */

#cabecera {
	width: 980px;
	height: 417px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background: url(../px/cabecera.jpg) top left no-repeat #ffffff;
}

#cabeceraInt {
	width: 980px;
	height: 308px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../px/cabeceraInt.jpg) top left no-repeat #ffffff;
}

#flashmenu { float:left; margin: 0; padding: 0; }
#flashimagen, #flashimagenInt { margin: 0; padding: 0; width: 980px; height: 376px; }
#flashimagenInt { height: 267px; }

.logo1 { float: left; margin: 0; padding: 0; width: 131px; height: 41px; }
.logo2 { margin: 0; padding: 0; width: 131px; height: 71px; }

ul.menu { float: left; margin: 7px 0 0 14px; padding: 0; height: 28px; width: 699px; }
ul.menu li { display: inline; width: 116px; margin: 0; padding: 0; list-style: none; height: 28px; }

ul.menu li a {
	display: block;
	float: left;
	width: 116px;
	height: 22px;
	padding: 6px 0 0 0;
	text-align: center;
	color: #ffffff;
	background: url(../px/menu1a.gif) top left no-repeat #898989;
}

ul.menu li a:hover { background: url(../px/menu1b.gif) top left no-repeat #898989; }

.partners { float: right; margin: 0; height: 41px;  width: 130px; font-size: 9px; }
.i-partner { width: 90px; height: 13px; border: 1px solid #ffffff; font-size: 9px; color: #ffffff; margin: 0 8px 0 0; background: #000000; }
.cabeceraEnviar { margin: 0; width: 16px; height: 16px; border: 0; background: url(../px/enviar.gif) top left no-repeat #000000; }

#idiomas { margin: 5px 0 7px 850px; padding: 3px 0 0 0; background: none; width: 120px !important; height: 20px; }
#idiomas a{ color: #e3e3e3; background: none; }
#idiomas a:hover { color:#f57d00; text-decoration:underline; }
#idiomas a.on { color:#f57d00; text-decoration:underline; }

/*_______________________________________________________________________________________________________ ELEMENTOS HOME */

.destacados { clear: both; margin: 33px 0 0 18px; padding: 0; color: #7c7c7c; }

.destacado1, .destacado2, .destacado3, .destacado4 {
	float: left;
	margin: 0;
	padding: 125px 10px 0 20px;
	width: 207px;
	height: 146px;
}

.destacado1 { background: url(../px/destacado1.jpg) top left no-repeat; }
.destacado2 { background: url(../px/destacado2.jpg) top left no-repeat; }
.destacado3 { background: url(../px/destacado3.jpg) top left no-repeat #ffffff; }
.destacado4 { background: url(../px/destacado4.jpg) top left no-repeat #ffffff; }

.destacados .titulo { margin: 0; padding: 0; width: 203px; height: 23px; text-indent: -9999px; }
.destacado1 .titulo { background: url(../px/destacado1t.gif) top left no-repeat #ffffff; }
.destacado2 .titulo { background: url(../px/destacado2t.gif) top left no-repeat #ffffff; }
.destacado3 .titulo { background: url(../px/destacado3t.gif) top left no-repeat #ffffff; }
.destacado4 .titulo { background: url(../px/destacado4t.gif) top left no-repeat #ffffff; }

p.enlace { margin: 10px 7px 0 0; text-align: right; }
.destacados a { color: #000000; background: url(../px/flecha.gif) top left no-repeat; padding: 7px 0 0 10px; }
.destacados a:hover { text-decoration: underline; }

.rss { text-align: right; margin: 0; padding: 4px 0 4px 0; border-top: 1px dotted #7c7c7c; }
.home { width: 937px; height: 231px; margin: 0; padding: 16px 0 0 16px; background: url(../px/home.gif) top left no-repeat #c1c1c1; }

.home-textos {
	width: 445px;
	height: 181px;
	float:left;
	clear:none;
	margin: 0 11px 0 0;
	padding: 35px 0 15px 11px;
	background: url(../px/home-textos.gif) top left no-repeat #ffffff;
}
.home-texto { width: 220px; float: left; }
.home-textos a{ color:#0054A4; }
.home-textos a:hover { color: #f57d00; }

.home-empresa {
	width: 150px;
	height: 29px;
	font-size: 16px;
	color: #000000;
	padding: 5px 0 0 30px;
	background: url(../px/home-empresa.gif) top left no-repeat #ffffff;
}

.home-noticias {
	border-left: 1px solid #e3e3e3;
	width: 200px;
	padding: 0 0 0 20px;
	float: right;
	height: 185px;
	list-style-image:url(../px/noticias.gif);
	overflow: auto;
}

.home-noticias li { margin: 0 0 10px -35px; }
.home-noticias ul { margin-top: 3px; }

ul.home-info {
	width: 193px;
	height: 196px;
	float:left;
	margin: 0px 11px 0px 0px;
	padding: 35px 0 0 30px;
	background: url(../px/home-submenu.gif) top left no-repeat #ffffff;
}

ul.home-info li { list-style: none; padding: 0; margin: 0 0 7px 0; }
ul.home-info li a { color: #828282; }
ul.home-info li a:hover { color: #f57d00; text-decoration: none; }

.home-banner {
	width: 212px;
	height: 196px;
	float:left;
	margin: 0px;
	padding: 35px 0 0 10px;
	background: url(../px/home-banner.gif) top left no-repeat #ffffff;
}

.home-referencia {
	width: 193px;
	height: 196px;
	float:left;
	margin: 0px 11px 0px 0px;
	padding: 35px 0 0 30px;
	background: url(../px/home-submenu-refer.gif) top left no-repeat #ffffff;
}

.home-referencia p {
	margin: 0;
	padding:0 0 0 15px;
	background: url(../px/li2.gif) no-repeat;
}

/*______________________________________________________________________________________________ ELEMENTOS GENERALES */

.estaticos {
	width: 694px;
	margin: 0 0 0 14px;
	padding: 0;
	float: left;
	background: url(../px/stat-fondo.gif) top left no-repeat #ffffff;
}
.estaticos .izquierda { float: left; margin: 0; width: 446px; line-height: 140%; padding: 20px 40px 20px 13px; }
.estaticos a { color: #f57d00; }
.estaticos a:hover { text-decoration: underline; }

.estaticos h1 { color: #0054a4; font-size: 18px; margin: 0 0 10px 0; }
.estaticos h2 { color: #0054a4; font-size: 14px; margin: 10px 0 10px 0; }
.estaticos h3 { color: #0054a4; font-size: 12px; margin: 10px 0 10px 0; }
.estaticos h3 a { color: #0054a4; font-size: 14px; margin: 0px 0 20px 0; text-decoration:none;}
.estaticos h3 a.oficinas { color: #0054a4; font-size: 14px; margin: 0px 0 20px 0; text-decoration:none; float:left; clear:both }
.estaticos h3 a:hover { text-decoration:underline}
.estaticos p { margin: 0 0 10px 0; }

.ampliarAzul {
	width: 424px;
	padding: 4px 0 4px 18px;
	border-top: 1px dotted #ababab;
	background: url(../px/ampliar-azul.gif) 5px 7px no-repeat;
}

.ampliarMorado {
	width: 424px;
	padding: 4px 0 4px 18px;
	border-top: 1px dotted #ababab;
	background: url(../px/ampliar-pink.gif) 5px 7px no-repeat;
}

a.naranja, .naranja, h2.naranja { color: #f57d00; }
a.azul, .azul { color: #0054a4; }
a.verde, .verde { color: #b0c23b; }
a.morado, .morado { color: #69207c; }
a.gris, .gris { color: #787878; }

a.pdf {
	display: block;
	width: 190px;
	height: 26px;
	color: #990000;
	padding: 11px 0 0 35px;
	background: url(../px/pdf.gif) 2px 4px no-repeat #dedede;
}

.izquierda ul { margin: 0 0 10px 20px; padding: 0; }
.izquierda li { list-style-image: url(../px/li.gif); margin: 0 0 4px 0; }

ul.sin { padding: 0; margin: 0; }
ul.sin li { margin: 0; padding: 5px 0 5px 0; list-style: none; list-style-image: none; border-top: 1px dotted #afafaf; }

p.listado { border-bottom: 1px dotted #afafaf; padding: 0 0 12px 0; }

.switchcontent { padding: 0 0 0 18px; width: 426px; }
.linea { margin: 0; padding: 12px 0 12px 0; border-bottom: 1px dotted #afafaf; }

/*______________________________________________________________________________________________ IPRONET */

ul.noticias { margin: 0; padding: 0; }
ul.noticias li { border-top: 1px dotted #afafaf; list-style-image: none; padding: 6px 0 3px 21px; list-style: none; background: url(../px/not.gif) 0px 8px no-repeat; }

.oficina {
	float: left;
	width: 160px;
	margin: 0 8px 10px 0;
	padding: 0 0 0 55px;
	background: url(../px/oficina.gif) top left no-repeat;
}

.lugar { float: left; width: 195px; margin: 0 18px 20px 0; }
.newshead { border-top: 1px dotted #afafaf; padding: 6px 0 6px 0; border-bottom: 1px dotted #afafaf; color: #3f6285; }

/*______________________________________________________________________________________________ TABLAS */

td { background: #efefef; }
td.blanco { background: #ffffff; }
td.tabHead { background: #f57d00; color: #ffffff; }
td.tabHeadGris { background: #999999; color: #ffffff; }
td.tabHeadVerde { background: #b0c23b; color: #ffffff; }

td ul, td li, table li { margin: 0 0 3px 0; padding: 0; list-style: none; }
.faq-tab td { padding: 3px 0 3px 3px; }

/*______________________________________________________________________________________________ MENÚS DERECHA */

.derecha { float: right; width: 192px; }
.derecha a { color: #828282; }

.derecha ul { width: 167px; padding: 20px 0 30px 25px; margin: 0; background: url(../px/stat-flecha.gif) top left no-repeat; }
.derecha ul li { list-style: none; padding: 0; margin: 0 0 7px 0; }
.derecha ul li a:hover, .derecha ul li a.activo { color: #0054a4; text-decoration: none; }

ul.menuInfo { width: 167px; padding: 38px 0 20px 25px; background: url(../px/menuInfo.gif) top left no-repeat; }
ul.menuManuales { width: 167px; padding: 38px 0 20px 25px; background: url(../px/menuManuales.gif) top left no-repeat; }
ul.menuInfo li a:hover { color: #f57d00; }

.productos { float: right; margin: 0; padding: 0; width: 235px; }
.productos img { margin: 0; }

.productos ul { padding: 9px 0 14px 37px; background: url(../px/flecha-menu.gif) 6px 0px no-repeat #ffffff; }
.productos ul li { list-style: none; margin: 0 0 5px 0; }
.productos ul li a { color: #787878; }

ul.categoria1 li a:hover { color: #f57d00; }
ul.categoria2 li a:hover { color: #b0c23b; }
ul.categoria3 li a:hover { color: #69207c; }

/*______________________________________________________________________________________________ PRODUCTOS */

.guia { float: left; margin: 0 0 5px 5px; padding: 0; width: 220px; }
.guia ul { margin: 0 0 10px 30px; padding: 0; }
.guia li { list-style-image: url(../px/li2.gif); margin: 0 0 4px 0; }

.productoLogo { float: left; width: 140px; margin: 8px 0 0 0; padding: 0; }
.productoTexto { float: right; margin: 8px 0 10px 0; width: 306px; }

ul.manuales { clear: both; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #afafaf; width: 100%; }
ul.manualesFicha { clear: both; margin: 0 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #afafaf; width: 100%; }
ul.manuales li, ul.manualesFicha li { display: block; float: left; width: 108px; margin: 0 0 0 5px; height:55px }
ul.manuales li a, ul.manualesFicha li a { color: #0054a4; }
ul.manuales2 { clear: both; margin: 0 0 20px 0; padding: 22px 0 22px 20px; width: 100%; float:left;  border-bottom: 1px dotted #afafaf;  }
ul.manuales3 { clear: both; margin: 22px 0; padding: 0 0 10px 0; width: 100%; }

li.manual1 { background: url(/lib/px/ico-pdf.jpg) top left no-repeat #ffffff; padding: 0 0 0 33px; }
li.manual2 { background: url(/lib/px/ico-manual.jpg) top left no-repeat #ffffff; padding: 0 0 0 40px; }
li.manual3 { background: url(/lib/px/ico-download.jpg) top left no-repeat #ffffff; padding: 0 0 0 33px; }

.caja {width: 410px; padding: 5px 5px 15px 5px; margin: 15px 0 15px 15px; background: #efefef; }
.caja p {border-top: 1px dotted #787878; margin: 0; padding: 5px 0 5px 0; margin-top:5px;}
.caja strong {color: #0054a4; }

.cajaGris { padding: 10px; margin: 15px 0 15px 0; background: #efefef; }
.cajaGris strong {color: #0054a4; }

.item { float: left; margin: 0 10px 0 0; padding: 0; width: 138px; }
p.destacado { padding: 5px; color: #ffffff; background: #f57d00; }

/*______________________________________________________________________________________________ FORMULARIOS */

label { clear: both; float: left; display: block; margin: 0 5px 5px 0; padding:0; width: 95px; }

.campo, .campo2, .textarea {
	border: 0;
	display: block;
	float: left;
	padding: 5px 0 0 5px;
	margin: 0 0 5px 0;
	color: #f57d00;
	font-weight: bold;
	font-size: 12px;
}

.campo { width: 295px; height: 20px; background: url(../px/celda.gif) top left no-repeat; }
.textarea { width: 295px; height: 150px; background: url(../px/celda2.gif) top left no-repeat; }
.campo2 { width: 300px; height: 25px; background: url(../px/celda.gif) top left no-repeat; }

.enviar {
	border: 0;
	width: 100px;
	height: 25px;
	color: #ffffff;
	background: url(../px/stat-enviar.gif) top left no-repeat #ffffff;
	margin: 0;
}

/*_______________________________________________________________________________________________________ PIE DE PÁGINA */

.piemenu { clear: both; width: 953px; margin: 0; padding: 0; border-top: 10px solid #484848; background: url(../px/piemenu.gif) top left repeat-x #828282; }
.piemenu ul { float: left; margin: 0; padding: 14px 13px 7px 13px; border-right: 1px solid #9b9b9b; height: 200px; }
.piemenu ul li { list-style: none; margin: 0 0 5px 0; padding: 0; }
.piemenu ul li a, .pie a { color: #ffffff; }
.piemenu ul li a:hover, .pie a:hover { color: #f57d00; }
.piemenu ul li.titulo { font-size: 16px; margin: 0 0 15px 0; }

.pie {
	width: 936px;
	height: 32px;
	margin: 0;
	padding: 6px 17px 0 0;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	text-align: right;
	background: url(../px/pie.gif) top left no-repeat #ffffff;
}

.piehome { float: left; padding: 0 0 0 34px; background: url(../px/piehome.gif) 16px 0 no-repeat; }
a.dinamiq:hover { background: #158ab5; color: #ffffff; }

