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

html,body{margin:0px;height:100%;}


body{margin:0px;background-color: #e6e6e6;}
#fondo{background-repeat:repeat; background-position:left; width:100%; background-image: url(../images/fondo.jpg); height:auto; }
#cabecera{ height:180px; width:932px; background-image:url(../images/fondoixia.png); background-repeat:no-repeat; background-position:top; vertical-align:bottom;}
#menu{width:988px;top:0; position:relative; margin:0; left:0;margin-top:0px;}
#capa{display:none; height:36px; width:90%;position:absolute;}
#capa2{display:none; height:36px; width:94%;position:absolute;}
#contenido{width:960px; padding-bottom:15px; margin-top:40px; position:relative;}


#map{float:left;border-width:thin;border-style:solid;border-color:#a8a8a8;width:550px;height:380px;margin-left:43px;top:0;z-index:250;}
#texto{float:left; width:600px; font-family:Arial, Helvetica, sans-serif; font-size:14px;text-align:justify; padding-right:10px; color:#575656; text-shadow: 1px 1px white; position:relative; padding-top:20px;padding-bottom:20px;}
#partederecha{float:right; width:350px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; text-align: right; vertical-align:top; position:relative;height:auto;}
#clientes{ height:100%; width:100%; margin-top:20px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#575656; text-shadow: 1px 1px white; position:relative;}
.clientes{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#575656; text-shadow: 1px 1px white;}
#direccion{font-size:20px; color:#7b7b7b;}
#botones{height:36px; width:980px;margin: 0px auto 0; padding-top: 7px; left:0; margin-left:-15px;}
#botones2{width:900px;height:36px;margin: 0; padding-left:10%;}
#botones3{height:36px;margin: 0; padding-left:10%;}
#botonesinf{width:800px;height:26px;margin: 0;padding-top:10px; margin-left:-20px;}
#enlaces{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#575656; text-shadow: 1px 1px white; position:relative;}
#botonesrs{width:70px;height:36px;margin: 0;margin-left:-20px;}
#enlaces{width:960px; position:relative;}


ul#botones li {
list-style-type: none;
margin : 0;
padding: 0;
float: left;
cursor:pointer;
}
#botones li a{
background: url(../images/botones.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
width:  165px; /*El ancho del bloque con el icono*/
height:  36px; /*El alto del bloque con el icono*/
}

ul#botones2 li {
list-style-type: none;
margin : 0;
padding: 0;
float: left;
}
#botones2 li a{
background: url(../images/botones.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
width:  105px; /*El ancho del bloque con el icono*/
height:  36px; /*El alto del bloque con el icono*/
}

ul#botones3 li {
list-style-type: none;
margin : 0;
padding: 0;
float: left;
margin-left:180px;
}
#botones3 li a{
background: url(../images/botones.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
width:  105px; /*El ancho del bloque con el icono*/
height:  36px; /*El alto del bloque con el icono*/
}
ul#botonesinf li {

list-style-type: none;
margin : 0;
padding: 0;
float: left;
cursor:pointer;
}
#botonesinf li a{
background: url(../images/botones2.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
width:  73px; /*El ancho del bloque con el icono*/
height:  13px; /*El alto del bloque con el icono*/
}
ul#botonesinf li {
list-style-type: none;
margin : 0;
padding: 0;
float: left;
cursor:pointer;
}

#botones li a.instalaciones {background-position: 0 0;}
#botones li a.contacto {background-position: 0 -72px;}
#botones li a.servicios {background-position: 0 -144px;}
#botones li a.nosotros {background-position: 0 -216px;}
#botones li a.portfolio {background-position: 0 -288px;}

#botones li a.nosotrosact {background-position: -270px -0px;}
#botones li a.serviciosact {background-position: -270px -36px;}
#botones li a.portfolioact {background-position: -270px -72px;}
#botones li a.instalacionesact {background-position: -270px -108px;}
#botones li a.contactoact {background-position: -270px -144px;}
#botones2 li a.disenograficoact {background-position: -165px -36px;}
#botones2 li a.disenowebact {background-position: -165px -108px;}
#botones2 li a.hardwareact {background-position: -165px -180px;}
#botones2 li a.impresionact {background-position: -165px -252px;}
#botones2 li a.otrosserviciosact {background-position: -165px -324px;}
#botones3 li a.portfoliograficoact {background-position: -165px -36px;}
#botones3 li a.portfoliowebact {background-position: -165px -108px;}

#botones li a.instalaciones:hover {background-position: 0 -36px;}
#botones li a.contacto:hover {background-position: 0 -108px;}
#botones li a.servicios:hover {background-position: 0 -180px;}
#botones li a.nosotros:hover {background-position: 0 -252px;}
#botones li a.portfolio:hover {background-position: 0 -324px;}

#botones2 li a.disenografico {background-position: -165px 0;}
#botones2 li a.disenoweb {background-position: -165px -72px;}
#botones2 li a.hardware {background-position: -165px -144px;}
#botones2 li a.impresion {background-position: -165px -216px;}
#botones2 li a.otrosservicios {background-position: -165px -288px;}

#botones2 li a.disenografico:hover {background-position: -165px -36px;}
#botones2 li a.disenoweb:hover {background-position: -165px -108px;}
#botones2 li a.hardware:hover {background-position: -165px -180px;}
#botones2 li a.impresion:hover {background-position: -165px -252px;}
#botones2 li a.otrosservicios:hover {background-position: -165px -324px;}

#botones3 li a.portfoliografico {background-position: -165px 0;}
#botones3 li a.portfolioweb {background-position: -165px -72px;}

#botones3 li a.portfoliografico:hover {background-position: -165px -36px;}
#botones3 li a.portfolioweb:hover {background-position: -165px -108px;}

#botonesinf li a.nosotros2 {background-position: 0 0;}
#botonesinf li a.disenografico2 {background-position: 0 -13px;}
#botonesinf li a.disenoweb2 {background-position: 0 -26px;}
#botonesinf li a.hardware2 {background-position: 0 -39px;}
#botonesinf li a.impresion2 {background-position: 0 -52px;}
#botonesinf li a.otrosservicios2 {background-position: 0 -65px;}
#botonesinf li a.portfoliodiseno2 {background-position: 0 -78px;}
#botonesinf li a.portfolioweb2 {background-position: 0 -91px;}
#botonesinf li a.instalaciones2 {background-position: 0 -104px;}
#botonesinf li a.contacto2 {background-position: 0 -117px;}

#mailto{color:#7b7b7b;}
.textocontacto{font-size:16px; color:#7b7b7b;}
.titulocontacto{font-size:18px; color:#98c22a;}

.textoinicio{ padding:20px; text-align:justify;}
.tituloservicios{ font-size:26px; color:#98c22a; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1.2px;}
.textoservicios{padding:25px 25px 0 30px; text-align:justify;}
.subtituloservicios{font-size:16px; color:#02aad3; font-weight:bold; letter-spacing:-0.8px;}
.link{ width:190px; background-position:center;}
.link2{ width:155px;background-position:center;}
.link3{ width:105px; background-position:center;}
.linkinf{ width:80px; background-position:center;}
.linkenlaces{padding-left:22px;}
.sublink{ width:20%; text-align:center;letter-spacing:-1px;  font-size:20px; vertical-align:middle;}
.sublink2{ width:50%; text-align:center;letter-spacing:-1px;  font-size:20px; vertical-align:middle;}
.sublink3{ width:50%; text-align:center;letter-spacing:-1px;  font-size:20px; vertical-align:middle;}
.celdaclientes {width:100px; height:100px; text-align:center; vertical-align:middle; border:thin; border: 1px solid #d1cdcd;}
.celdaclientesservicios{width:150px; height:126px; text-align:center; vertical-align:middle;}


#partederecha a:link {color : #575656;text-decoration:none;}
#partederecha a:visited {color : #575656;text-decoration:none;}
#partederecha a:hover {color : #575656;text-decoration:underline;}

#slide1{width:1300px; text-align:center;}
#slide2{width:1300px; text-align:center;}
#slide3{width:1300px; text-align:center;}
#slide4{width:1300px; text-align:center;}
#slide5{width:1300px; text-align:center;}
#slide6{width:1300px; text-align:center;}
#slide7{width:1300px; text-align:center;}


.linkenlaces a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#575656; text-shadow: 1px 1px white;text-decoration:none;}
.linkenlaces a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#575656; text-shadow: 1px 1px white;text-decoration:none;}
.linkenlaces a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#575656; text-shadow: 1px 1px white;text-decoration:underline;}

.opacidad {opacity:1;    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";filter:alpha(opacity=100);zoom:1}
.opacidad:hover {opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=95)";filter:alpha(opacity=90);zoom:1}


/*primera galeria*/

#container {
	background-image:url(../images/fondobanner.jpg); 
	background-repeat: repeat-x; 
	background-position:bottom;
	width:100%;
	height:324px;
	top:0;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:100%;
	height:324px;
	text-align:center;
}


#slides{
text-align:center;
	width:100%;
	z-index:100;
}

.slides_container {
	width:100%;
}

#slide{
position:relative;
z-index:100;
}



.pagination {
	margin:0px auto 0;
	width:170px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:0px;
	height:0;
	padding-top:12px;
/*	background-image:url(../images/pagination2.png);*/
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

a img{border:0;}
div.wrap{text-align:left;height:500px;width:950px;background:url(../images/example-frame.png) no-repeat 50% 0;margin:10px auto 0 -10px; z-index:303; }
div#header{margin:-1px 0 0;}
#slide-holder{margin-top:1px;margin-left:1px;z-index:40;width:739px;height:408px;position:absolute; margin-left:100px; margin-top:13px;}
#slide-holder img{display:none;position:absolute;margin:0;}
#slide-runner{top:9px;left:9px;width:739px;height:408px;overflow:hidden;position:absolute;z-index:43;}
#slide-controls{left:0;bottom:0;width:739px;color:#fff;height:25px;display:none;position:absolute;background:url(../images/slide-bg.png) 0 0;}
p.text{float:left;display:inline;line-height:16px;text-transform:uppercase;margin:5px 0 0 12px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#514f4f;z-index:45; text-shadow: 1px 1px white; margin-bottom:150px; z-index:150;}
p#slide-nav{height:12px; margin-left:42%; margin-top:8px;}
p#slide-nav a{float:left;width:12px;height:12px;display:inline;font-size:0px;line-height:24px;font-weight:700;text-align:center;text-decoration:none;background-position:0 0;background-repeat:no-repeat;background:url(../images/slide-nav2.png);color:#fff;z-index:50;margin:0 5px 0 0;}
p#slide-nav a.on{background-position:0 -12px;}