/*** General Settings ***/
* { /* clear ALL margins */
	margin:0;
	padding:0;
}
body { /*stops floats dropping in IE 5.5/6 */
	font:normal normal 12px/normal 'Trebuchet Ms', Arial, Helvetica, sans-serif;
	color:#484848;
	background:#000 url(../images/bg.png) top right repeat-y;
}
a, a:link, a:visited, a:hover {
	outline:none;/*Remove active link borders*/
}
img {
	outline:none;
	border:none;
}
form, img {/*take away extra margins form in IE6*/
	margin:0;
	padding:0;
}
.clearfix { 
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
textarea{
	overflow:auto;/*Remove vertical textarea scrollbar in IE*/
}
.fl {float:left;margin: 0 10px 20px 0;}
.fr {float:right; margin: 0 0 20px 10px;}
/***Web estructure***/
#container {
	width:978px;
	padding:1px;
	margin:0 auto;
	color:#484848;
	background:#fff url(../images/bg-container.gif) repeat-y;
}
#header {
		width:980px;
		height:249px;
		margin:15px auto 0;
		color:#fff;
		background:transparent url(../images/bg-header.gif) top center no-repeat;
}
#footer {
	width:980px;
	padding:15px 0 5px 0;
	margin:0 auto;
	font-size:11px;
	color:#0090c9;
	background:transparent url(../images/bg-footer.gif) top center no-repeat;
}
#sidebar {
	float:left;
	display:inline;
	width:224px;
	padding:0 0 0 15px;
	color:#000;
	background:#fff;
}
#main, #quienes-somos, #interiorismo, #main2 {
	width:935px;
	padding:10px 0 10px 15px;
	margin:0 auto;
	color:#484848;
	background:#f2f2f2;
}
#main2 {background:#fff;}
#interiorismo {
	width:925px;
	padding:15px 10px 20px 10px;
}
.logo {
	float:left;
	display:inline;
	width:223px;
	height:144px;
	margin:0 8px 10px 0;
	border:1px solid #ccc;
}
#content {
	width:686px;
	color:#575757;
	background:#fff;
	border:1px solid #c0c0c0;
	padding:1px;
	margin-bottom:15px;
}
/**HEADER**/
#header h1 {
	z-index:100;
	position:absolute;
	width:260px;
	height:40px;
	margin:39px 0 0 25px;
	text-indent:-9999px;
}
	#header h1 a {
		display:block;
	}
ul#mainnav {
	position:absolute;
	z-index:90;
	list-style:none;
	width:659px;
	height:40px;
	padding:0 0 0 33px;
	margin:196px 0 0 15px;
	color:#fff;
	background:transparent url(../images/bg-mainnav.png) no-repeat;
}
ul#mainnav li {
	z-index:85;
	float:left;
	display:inline;
	margin:1px 0 0;
	height:38px;
	line-height:38px;
	color:#fff;
}
ul#mainnav li a, ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:hover {
		z-index:85;
		color:#fff;
		float:left;
		display:inline;
		text-align:center;
		text-decoration:none;
		height:38px;
		padding:0 12px 0 10px;
		font:bold 12px/38px 'Trebuchet Ms', Arial, Helvetica, sans-serif;
		text-shadow: #484848 1px 1px 1px;
		background:url(../images/bg-mainnav-li.png) top right no-repeat;
	}
	ul#mainnav li a:hover, ul#mainnav li a.selected {
		text-decoration:underline;
		background:url(../images/bg-mainnav-li.png) bottom right no-repeat;
	}
#header object {
		position:absolute;
		z-index:70;
		width:644px;
		margin-left:336px;
}
/**SIDEBAR**/
#sidebar ul {
	width:219px;
	list-style:none;
	background:#fff;
}
	#sidebar li {
		margin-bottom:2px;
	}
	#sidebar li a, #sidebar li a:link, #sidebar li a:visited, #sidebar li a:hover {
		height:27px;
		display:block;
		line-height:27px;
		text-indent:15px;
		color:#fff;
		text-decoration:none;
		background:lightblue url(../images/bg-sidebar.png) top left no-repeat;
	}
	#sidebar li a:hover {
		background:blue url(../images/bg-sidebar.png) bottom left no-repeat;
	}
#sidebar ul.submenu {
	width:219px;
	list-style-position:inside;
	list-style-type:square;
	background:#fff;
	margin:0 0 0 20px;
}
	#sidebar ul.submenu li {
		margin-bottom:2px;
	}
	#sidebar ul.submenu li a, #sidebar ul.submenu li a:link, #sidebar ul.submenu li a:visited, #sidebar ul.submenu li a:hover {
		display:inline;
		color:#333;
		text-decoration:none;
		background:#fff;
	}
	#sidebar ul.submenu li a:hover {
		color:#123456;
		background:#fff;
	}
#sidebar ul.subnav {
	width:193px;
	list-style:none;
	background:#fff;
	margin:0 0 0 26px;
}
	#sidebar ul.subnav li {
		margin-bottom:2px;
	}
	#sidebar ul.subnav li a, #sidebar ul.subnav li a:link, #sidebar ul.subnav li a:visited, #sidebar ul.subnav li a:hover {
		display:block;
		color:#fff;
		text-decoration:none;
		background:#fff url(../images/bg-subnav.png) no-repeat;
	}
	#sidebar ul.subnav li a:hover {
		color:#fff;
		text-decoration:underline;
	}
/**FOOTER**/
	#footer a, #footer a:link, #footer a:visited, #footer a:hover {
		color:#fff;
		text-decoration:none;
	} 
	#footer a:hover {
		text-decoration:underline;
	}
	#footer img {vertical-align:middle;} 
	#footer span {color:#fff; font-size:10px;}
	.penta {float:right;color:#fff;}
/*home*/
.slide {
	float:left;
	display:inline;
	width:458px;
	height:240px;
	margin:0 0 15px 15px;
	color:#000;
	background:#fff;
	border:5px solid #9c9c9c;
}
#empresa {
	float:left;
	display:inline;
	width:210px;
	height:240px;
	margin:0 0 15px 15px;
	padding:10px 10px 0 10px;
	color:#484848;
	background:#f2f2f2;
}
#empresa h2 {
	font:normal normal 16px/normal Trebuchet Ms;
	color:#022854;
	margin-bottom:3px;
}
#empresa p {
	font-size:12px;
	line-height:14px;
	text-align:justify;
	color:#838383;
	margin:0 0 10px 0;
}
.destacados, .subcategorias, .subfamilia {
	float:left;
	display:inline;
	width:226px;
	margin:0 0 10px 15px;
	color:#484848;
	background:#fff;
}
	.destacados h3, .subcategorias h3, .subfamilia h3 {
		font-size:14px;
		font-weight:bold;
		color:#23629d;
		margin-bottom:5px;
	}
	.subcategorias h3 a, .subcategorias h3 a:link, .subcategorias h3 a:visited, .subcategorias h3 a:hover {color:#23629d;text-decoration:none;}
	.subcategorias h3 a:hover {text-decoration:underline;}
	.subfamilia h3 {
		font-size:13px;
		text-transform:uppercase;
		font-style:italic;
		text-align:center;
		color:#022854;
		background:#fff;
	}
	.subfamilia p {
		font-size:13px;
	font-weight:bold;
		color:#23629d;
		margin-bottom:10px;
		text-align:justify;
	}
	.destacados img, .subcategorias img, .subfamilia img {border:5px solid #9c9c9c;margin-bottom:5px;}
	.subfamilia img.btn {border:none}
.subcategorias, .subfamilia {
	width:296px;
	margin:0 15px 10px 0;
	background:#f2f2f2;
}
.subfamilia {background:#fff;}
.link {text-align:right;}
.link a {
	font-size:11px;
	padding-right:6px;
	background:url(../images/link.gif) center right no-repeat;
	color:#0081bd;
}
.subfamilia ul {
	list-style:none;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
}
.subfamilia li span{
	float: right;
}

.subfamilia li {
	margin-bottom:30px;
	color:#222;
}
/*soluciones tecnologicas*/
#main h2, #quienes-somos h2, #interiorismo h2, #main2 h2 {
	font:italic bold 16px/normal Arial;
	color:#022854;
	margin-bottom:10px;
}
#quienes-somos p {width:390px; text-align:justify; margin-bottom:10px;}
#interiorismo p {font-size:14px; font-weight:bold;width:441px;color:#23629d; text-align:justify;margin-bottom:20px;}
.js-galeria {
	float:right;
	border:5px solid #9c9c9c;
	width:415px;
	height:217px;
	background:#fff;
}
.qsomos1, .qsomos2, .qsomos3, .servtec1, .servtec2, .servtec3 {
	position:absolute;
	border:5px solid #9c9c9c;
}
.qsomos1 {
	z-index:9;
	margin:-5px 0 0 691px;
}
.servtec1 {
	z-index:9;
	margin:-5px 0 0 600px;
}
.servtec2 {
	z-index:7;
	margin:170px 0 0 435px;
}
.servtec3 {
	z-index:8;
	margin:290px 0 0 600px;
}
.qsomos2 {
	z-index:8;
	margin:25px 0 0 435px;
}
.qsomos3 {
	z-index:7;
	margin:265px 0 0 535px;
}
/*Novedades y noticias*/
#listado, #detalle {
	float:left;
	display:inline;
	width:725px;
	margin-left:10px;
	color:#484848;
	background:#fff;
}
#detalle h2 {
	font:italic bold 12px/normal Trebuchet Ms;
	text-transform:uppercase;
}
#listado h3, #detalle h3 {
	font:normal bold 12px/normal Trebuchet Ms;
	color:#01244d;
	margin-bottom:5px;
}
#detalle h3 {font-size:14px;}
	#listado h3 a, #listado h3 a:link, #listado h3 a:visited {color:#01244d;}
#listado p, #detalle p {font-size:11px; text-align:justify;}
#listado p.link, #detalle p.link {text-align:right;}
#detalle p {margin-bottom:10px;}
#detalle p.link {
	clear:both;
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-right:10px;
}
.fichaTxt {
	float:right;
	display:inline;
	width:480px;
	margin-right:10px;
}
.photo {float:left;display:inline;width:225px;}
.newslist {
	float:left;
	display:inline;
	width:347px;
	height:97px;
	margin:0 15px 10px 0;
	padding:0 0 10px 0;
	background:#fff;
	border-bottom:1px dotted #ccc;
}
.newsimg, .smallimg {
	float:left;
	display:inline;
	width:100px;
	height:75px;
	margin:0 5px 0 0;
	border:1px solid #ccc;
	text-align:center;
}

.bigimg {
	width:213px;
	height:160px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
	text-align:center;
}

.smallimg {margin:0 10px 10px 0;}
.paginator {
	clear:both;
	width:692px;
	padding-right:15px;
	color:#fff;
	background:url(../images/bg-paginator.gif) no-repeat;
	height:27px;
	line-height:27px;
	text-align:right;
	font-size:11px;
}
.paginator a {color:#fff; text-decoration:none;}
/*contacto*/
#contatc-img {
	float:left;
	display:inline;
	margin:35px 0px 0 0;
}
#contatc-img img{border:2px solid #ccc;margin-bottom:20px;}
#side-content {
	float:left;
	display:inline;
	width:208px;
	margin:0 0 0 14px;
	border-bottom:1px solid #ccc;
	background:#f6f8fc url(../images/bg-side-contact.gif) right top repeat-y;
}
	#side-content h2 {
		width:208px;
		height:29px;
		font:italic bold 14px/29px Trebuchet Ms;
		text-align:center;
		background:#dbebf9 url(../images/bg-side-contact.gif) left top no-repeat;
	}
	#side-content h3, #side-content p {
		padding:0 13px;
	}
	#side-content h3 {
		font-size:12px;
		color:#000;
	}
	#side-content h2, #side-content p {margin-bottom:15px;}
fieldset {
	float:left;
	display:inline;
	width:486px;
	margin:0 0 0 15px;
	border:none;
	background:#fff;
}
	fieldset br {clear:left;}
	fieldset em {color:#ff5a00;}
	fieldset p {font-size:11px; text-indent:110px;}
legend {
	font:normal bold 14px/normal Trebuchet Ms;
	color:#01244d;
	text-decoration:underline;
	margin-bottom:15px;
}
label{
	display:block;
	font:normal bold 12px/normal Trebuchet Ms, Helvetica, sans-serif;
	color:#484848;
	margin:0;
	padding:4px 0 0 0;
	text-align:right;
	width:100px;
	float:left;
}
input, textarea, select {
	float:left;
	font:normal normal 12px/normal Trebuchet Ms, Tahoma, Helvetica, sans-serif;
	padding:4px 2px;
	border:solid 1px #e3e3e3;
	width:350px;
	margin:2px 5px 12px 10px;
	color:#000;
	background:#fff;
}
select {
	width:206px;
}
textarea {
	height:100px;
}
/*ficha*/
.download {float:right;margin-left:40px;}
#ficha {
	float:right;
	display:inline;
	width:710px;
	margin-right:15px;
}
#ficha h1 {
	font-size:26px;
	color:#01244d;
}
#ficha h2 {
	font-size:22px;
	color:#0089c4;
	margin-bottom:15px;
}
#ficha h3 {
	font-size:16px;
	color:#35a546;
}
#ficha h4 {
	font-size:12px;
	color:#000;
	clear:both;
}
#ficha ul {list-style-position:inside;margin-bottom:20px;}
	#ficha p {
	margin-bottom:20px;
	color:#333;
	}
	#ficha p.sifi {
		padding:0 0 0 115px;
		background:url(../images/sifi.jpg) top left no-repeat;
	}
	#ficha p.duallamp {
		padding:0 0 0 115px;
		background:url(../images/dual-lamp.jpg) top left no-repeat;
	}
	#ficha p.pantalla {
		padding:0 0 20px 115px;
		background:url(../images/pantalla.jpg) top left no-repeat;
	}
#ficha p.list {
	height:92px;
	line-height:92px;
	font-size:18px;
	padding:5px 10px;
	margin:0;
	background:#e9e9e9;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	text-shadow:1px 1px 1px #fff;
}
	#ficha p.list:hover {background:#d8e6ec;}
	#ficha p.list a {
		display:block;
		color:#000;
		text-decoration:none;
	}
	#ficha p.list a:hover {color:#01244d;}
#ficha p.list img {
	float:right;
	border:1px solid #ccc;
}
#ficha ul.planar {
	margin:20px 0 0;
}
	#ficha ul.planar li {
		margin:0 0 15px;	
	}