body {
	margin: 0 auto;
	background: #EFEFEF url(page-bg.png) repeat-x;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #444;
	cursor: default;
}
a {
	color: #444;
}
a:hover {
	color: #111;
}
a img {
	border: 0;
}

/* --------------------
	CONTENEDOR
-------------------- */
#container {
	width: 930px;
	margin: 10px auto 0 auto;
}

/* --------------------
	HEADER
-------------------- */
#header {
	width: 910px;
	padding: 5px 10px 0 10px;
	float: left;
}
#header h1 {
	width: 150px;
	height: 80px;
	text-indent: -9999px;
	background: url(logo-ilva.png) no-repeat;
	float: left;
}
#header p {
	float: right;
	position: relative;
	top: 5px;
	right: 20px;
	text-align: right;
	text-transform: uppercase;
}
#header a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#header a:hover {
	color: #DDD;
}

/* --------------------
	MENU
-------------------- */
#menu{
	display:block;
	float:right;
	position:relative;
	width:700px;
	top:35px;
	clear:right;
}
#menu ul{
	font-weight:bold;
	text-transform:uppercase;
	list-style-type:none;
	padding:6px 20px 5px 0;
	float:right;
}
#menu ul li{
	display:inline;
	padding:0 0 0 15px;
}

/* --------------------
	BREADCRUM
-------------------- */
#breadcrumb {
	width: 930px;
	height: 20px;
	float: left;
}
#breadcrumb p{
	padding: 0 30px;
	font-size:11px;
	color:#555;
}
#breadcrumb a{
	color:#555;
	text-decoration:none;
}
#breadcrumb a:hover{
	color:#FFF;
}

/* --------------------
	FOOTER
-------------------- */
#footer {
	position: relative;
	float: left;
	width: 910px;
	height: 90px;
	margin: 5px 10px;
	border-top: 1px solid #CCC;
	background: url(footer-logos.gif) no-repeat;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #111;
}
#footer ul {
	position: absolute;
	display: block;
	width: 750px;
	height: 25px;
	right: 20px;
	top: 10px;
	text-align: right;
}
#footer ul li {
	display: inline;
	padding: 0 0 0 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#footer ul li.fb img {
	vertical-align: text-top;
}
#footer address {
	position: absolute;
	display: block;
	width: 700px;
	top: 40px;
	right: 20px;
	font-size: 11px;
	line-height: 17px;
	font-style: normal;
	text-align: right;
	color: #999;
}
#footer .links {
	float: left;
	display: block;
	position: relative;
	top: 5px;
	left: 15px;
	width: 105px;
}
/**/
.f1 { margin-top:45px!important; }
.f2 { margin-top:95px!important; }
.f3 { margin-top:165px!important; }
.f4 { margin-top:85px!important; }

/* --------------------
	CENTER
-------------------- */
#center{
	width:930px;
	float:left;
	position:relative;
}
#center-big{
	width:930px;
	height:450px;
	float:left;
	position:relative;
}
#center .slideshow{
	float:left;
	width:910px;
	min-height:260px;
	padding:5px 10px 25px;
	background: url(slideshow-bg.png) no-repeat;
}

/* --------------------
	CENTER > Generales
-------------------- */
.gen-1{
	float:left;
	width:910px;
	min-height:260px;
	padding:5px 10px 0;
	background: url(gen-1-bg.png) no-repeat;
}
.gen-1-mini{
	float:left;
	width:910px;
	min-height:160px;
	padding:5px 10px 0;
	background: url(gen-1-bg.png) no-repeat;
}
.gen-1-fin{
	float:left;
	width:910px;
	height:15px;
	padding:0 10px 10px;
	background: transparent url(gen-1-bg-fin.png) no-repeat;
}
.gen-2{
	float:left;
	width:910px;
	min-height:260px;
	padding:5px 10px 0;
	background: transparent url(gen-2-bg.png) no-repeat;
}
.gen-3{
	float:left;
	width:910px;
	min-height:260px;
	padding:5px 10px 0;
}
.gen-4{
	float:left;
	width:910px;
	min-height:65px;
	padding:5px 10px 10px 10px;
}

/* --------------------
	CENTER > cajas centrales
-------------------- */
.box-1{
	margin:0 0 0 20px;
	padding:25px 10px 10px 0;
	width: 410px;
	height:295px;
	float:left;
	display:inline;
	overflow: auto;
}
.box-2{
	margin:0 20px;
	padding:25px 0 0 0;
	width:870px;
	min-height:305px;
	float:left;
	display:inline;
}
.box-3{
	margin:0 20px;
	padding:25px 0 0 0;
	width:870px;
	float:left;
	display:inline;
}
.box-4{
	margin:0 20px;
	padding:5px 0 0 0;
	width:870px;
	float:left;
	display:inline;
}
.box-5{
	margin:0 0 0 20px;
	padding:25px 10px 10px 0;
	width:340px;
	height:295px;
	float:left;
	display:inline;
	overflow: auto;
}
.box-6{
	display:inline;
	float:right;
	width:530px;
}
.box-7{
	margin:0 0 0 20px;
	padding:25px 20px 10px 0;
	width: 400px;
	float:left;
	display:inline;
}
.box-8{
	margin: 0 0 0 20px;
	padding: 25px 90px 10px 0;
	width: 800px;
	height: 295px;
	float: left;
	display: inline;
	overflow: auto;
}
/**/
.box-gal{
	display:inline;
	float:right;
}

/* --------------------
	CENTER > 2 columnas iguales
-------------------- */
.columna-izq{
	margin: 0 30px 0 0;
	width:420px;
	float:left;
	display:inline;
}
.columna-der{
	width:420px;
	float:right;
	display:inline;
}
/* ******************
	CENTER > 2 columnas izq > der
********************* */
.columna-izq-w{
	margin: 0 30px 0 0;
	width:520px;
	float:left;
	display:inline;
}
.columna-der-w{
	width:320px;
	float:right;
	display:inline;
}
/* ******************
	CENTER > 3 columnas centrales
********************* */
.columna-c-1{
	margin: 0 20px 0 0;
	width:279px;
	float:left;
	display:inline;
	border-right:1px solid #CCC;
}
.columna-c-2{
	margin: 0 20px 0 0;
	width:279px;
	float:left;
	display:inline;
	border-right:1px solid #CCC;
}
.columna-c-3{
	width:270px;
	float:left;
	display:inline;
}
ul.columna-c-1, ul.columna-c-2, ul.columna-c-3{
	height:375px;
	margin-bottom:20px;
}
ul.columna-c-1 li, ul.columna-c-2 li, ul.columna-c-3 li{
	margin:0 0 4px 0;
}
ul.columna-c-1 li a, ul.columna-c-2 li a, ul.columna-c-3 li a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#888;
}
ul.columna-c-1 li a:hover, ul.columna-c-2 li a:hover, ul.columna-c-3 li a:hover{
	color:#333;
}

/* --------------------
	CENTER > Textos
-------------------- */

#center h2, #center-big h2{
	font-size:16px;
	margin:0 0 9px 0;
}
#center h3, #center-big h3{
	font-size:14px;
	margin:18px 0 9px;
}
#center p, #center-big p{
	margin:9px 0;
}

/* --------------------
	VARIOS
-------------------- */
hr {
	display: none;
}
.hr {
	width: 100%;
	border-bottom: 1px solid #CCC;
	clear: both;
	margin: 10px 0;
}
.clear {
	clear: both;
}
.color-1 {
	color: #59C4C6;
}
.color-2 {
	color: #F69348;
}
.p10 {
	font-size:10px;
}
.p11 {
	font-size:11px;
}
.p14 {
	font-size:14px;
}
.p14 a {
	text-decoration:none;
}
.lh14 {
	line-height:14px;
}
.t-center {
	text-align:center;
}
.nueva-serie-big {
	background: url(nueva-serie-big.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.nueva-serie-2 {
	background:url(nueva-serie-2.gif) no-repeat left bottom;
	width:470px;
	height:30px;
	float:right;
}
/**/
ul.single-list {
	margin: 0 0 9px;
	padding: 0 0 0 10px;
}
ul.single-list li {
	padding: 0 0 4px 10px;
	background: url(bullet-1.gif) no-repeat left 7px;
	font-size: 11px;
	line-height: 14px;
}
/**/
ul.single-list-12, ol.single-list-12 {
	margin: 0 0 9px;
	padding: 0 0 0 15px;
}
ul.single-list-12 li {
	padding: 0 0 9px 10px;
	background: url(bullet-1.gif) no-repeat left 7px;
	font-size: 12px;
	line-height: 18px;
}
ol.single-list-12 li {
	padding: 0 0 9px;
	margin: 0 0 0 15px;
	font-size: 12px;
	line-height: 18px;
	list-style: decimal;
}
/**/
ul.newsletters{
	margin:0 0 18px;
	padding:0 0 0 10px;
}
ul.newsletters li{
	padding:0 0 4px 10px;
	background: url(bullet-1.gif) no-repeat left 8px;
	font-size:12px;
}
ul.newsletters li a{
	text-decoration:none;
}
ul.newsletters li small{
	font-size:11px;
}

/* --------------------
	PREGUNTAS
-------------------- */
.faq {
	margin-bottom:20px;
}
.faq dl{
	width:100%;
	margin:0 0 20px;
}
.faq dt{
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	width:100%;
	font-weight:bold;
	border-bottom:1px dotted #CCC;
	cursor:pointer;
}
.faq dd{
	margin-bottom:30px;
	padding:1px 0 0 0;
}

/* --------------------
	GALERIA > Izquierda
-------------------- */
.gal{
	position: relative;
	overflow: scroll;
	width: 470px;
	height: 330px;
}
.gal .area{
	position: absolute;
	left: 0;
	top: 0;
}
.gal .panel{
	float: left;
	overflow: hidden;
	width: 470px;
	height: 330px;
}

/* --------------------
	GALERIA > Ancha
-------------------- */
.gal-w{
	position: relative;
	overflow: scroll;
	width: 910px;
	height: 330px;
}
.gal-w .area{
	position: absolute;
	left: 0;
	top: 0;
}
.gal-w .panel{
	float: left;
	overflow: hidden;
	width: 870px;
	height: 305px;
	padding:25px 20px 0 20px;
}
.gal-w .col-izq{
	width:510px;
	float:left;
	display:inline;
}
.gal-w .col-der{
	width:310px;
	float:right;
	display:inline;
	text-align:right;
}

/* --------------------
	GALERIA > Paneles series
-------------------- */
.gal-serie{
	position: relative;
	overflow: scroll;
	width: 520px;
	height: 400px;
}
.gal-serie .area{
	position: absolute;
	left: 0;
	top: 0;
}
.gal-serie .panel{
	float: left;
	overflow: hidden;
	width: 520px;
	height: 400px;
	padding:0;
}

/* --------------------
	BOTONES ESPECIALES
-------------------- */
.btn-inf{
	position:absolute;
	height:125px;
	bottom:5px;
	right:20px;
	z-index:2;
}
.btn-inf-2{
	position:absolute;
	height:85px;
	bottom:5px;
	left:20px;
	z-index:3;
}
.btn-inf p, .btn-inf-2 p{
	margin:0!important;
	padding:0!important;
}

/* ******************
	COLUMNAS SERIES
********************* */
/* columna 1 */
.serie-col-1{
	width:185px;
	height:400px;
	padding:20px 0 0 0;
	background-color:#D8D9DE;
	float:left;
	display:inline;
	position:relative;
}
.serie-col-1 ul li{
	margin:0 0 10px 0!important;
}
p.desc-manual{
	display:block;
	position:absolute;
	bottom:0;
}
p.desc-manual-2{
	display:block;
	margin:10px 0 0 0!important;
	float:left;
	width:870px;
	background-color:#D8D9DE;
}
/* columna 2 */
.serie-col-2{
	width:195px;
	height:400px;
	padding-bottom:20px;
	float:left;
	display:inline;
	background:url(series-bg-menu.png) repeat-y;
}
.serie-col-2 ul li{
	margin:0 0 10px 20px;
}
.serie-col-2 ul li a{
	text-decoration:none;
}
/* columna 3 */
.serie-col-3{
	width:520px;
	height:400px;
	padding:20px 0 0 10px;
	float:left;
	display:inline;
	overflow: auto;
	position: relative;
}
/* columna 3 especial */
.serie-col-3-esp{
	width:530px;
	height:420px;
	float:left;
	display:inline;
	overflow: auto;
	position: relative;
}
.serie-col-3-esp .margen{
	padding:20px 0 0 10px;
}
.serie-col-3 a, .serie-col-3-esp a{
	text-decoration:none;
}
/**/
ul.listado{
	display: inline;
	font-size:11px;
	line-height:15px;
	color:#666;
}
ul.listado li{
	margin: 0 10px 10px 0;
	padding: 0;
	width:115px;
	/*height:180px;*/
	float:left;
	display:block;
	text-align:center!important;
}
ul.listado li img{
	display:block;
}
/* item vacio */
ul.listado li.vacio{
	height:110px;
}
/* listado > 2 items por fila */
ul.listado li.x2{
	width:240px;
}
/* listado > 3 items por fila */
ul.listado li.x3{
	width:160px;
}

.info-referencia {
	float:left;
	width:510px;
	display:block;
	position:absolute;
	left:10px;
	top:375px;
	font-size:11px;
	line-height:14px;
	color:#888;
}
.info-referencia-2 {
	float:left;
	width:510px;
	display:block;
	position:absolute;
	left:0;
	top:370px;
	font-size:11px;
	line-height:14px;
	color:#888;
}

/* --------------------
	TABLAS > Distribuidores
-------------------- */
.distrib-table{
	font-size: 11px;
	line-height:18px;
	text-align: left;
	width: 420px;
	border-collapse: collapse;
	margin:0 0 20px 0;
	border-bottom: 1px solid #CCC;
}
.distrib-table th{
	font-size: 14px;
	font-weight:bold;
	color:#59C4C6;
	padding:2px 0;
	border-bottom: 1px solid #CCC;
}
.distrib-table td{
	padding: 2px 0;
}
.distrib-table tbody tr:hover td{
	color: #000;
}
.distrib-table-w{
	width: 520px!important;
}

/* --------------------
	TABLAS > Cálculo de colocación
-------------------- */
.colocacion_table{
	border-collapse:collapse;
	background-color:#F5F5F5;
	font-size:11px;
}
.colocacion_table .destacado{
	background-color:#FFF;
	text-align:right;
}
.colocacion_table th{
	padding:3px;
	background-color:#CCC;
}
.colocacion_table td{
	padding:3px;
	border-bottom:1px solid #ccc;
}
.colocacion_error{
	width:100px;
	display:block;
	float:left;
	font-size:11px;
}
/* botones de tablas */
.colocacion_m2_button, .colocacion_pu_button{
	font-size:11px;
	color:#444;
	border:1px solid #888;
	background-color:#CCC;
	width:50px;
}
/* ******************
	COLUMNAS CUADROS
********************* */
/* columna 1 */
.datos-col-1{
	width:390px;
	height:420px;
	background: #FFF url(series-bg-cuadro-tecnico.png) repeat-y;
	float:left;
	display:inline;
	position:relative;
}
/* columna 2 */
.datos-col-2{
	width:520px;
	height:420px;
	float:left;
	display:inline;
	background:#FFF;
}
/* ******************
	GALERIA > paneles cuadro
********************* */
.gal-cuadro{
	position: relative;
	overflow: scroll;
	width: 520px;
	height: 420px;
}
.gal-cuadro .area{
	position: absolute;
	left: 0;
	top: 0;
}
.gal-cuadro .panel{
	float: left;
	overflow: hidden;
	width: 520px;
	height: 420px;
	padding:0;
}

/* --------------------
	FORM > Contacto
-------------------- */
#form-c input{
	border:1px solid #C5C5C5;
	padding:3px;
	font-size:11px;
	width:415px;
}
#form-c textarea{
	border:1px solid #C5C5C5;
	padding:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:415px;
	height:115px;
}
#form-c input:focus, #form-c textarea:focus{
	border: 1px solid #222;
}
#form-c label{
	padding-left:3px;
	color:#666;
}
#form-c .btn{
	background-color:#CCC;
	font-size:11px;
	width:70px;
	margin-top:10px;
}
#form-c p{
	margin:0 0 9px 0;
	font-size:11px;
}

/* --------------------
	SCROLL
----------------------- */
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.vscrollerbase {
	width: 12px;
	background-color: #FFF;
	cursor: pointer;
}
.vscrollerbar {
	width: 12px;
	background-color: #888;
}
.vscrollerbar:hover {
	background-color: #666;
}
.hscrollerbase {
	height: 12px;
	background-color: #FFF;
}
.hscrollerbar {
	height: 12px;
	background-color: #888;
}
.scrollerjogbox {
	width: 12px;
	height: 12px;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	background-color: #333;
}

/* --------------------
	PARTICLUARIDADES
----------------------- */
.tech-plus {
	position: absolute;
	width: 290px;
	right: 10px;
	top: 309px;
}