body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	margin:0 auto 0 auto;
	color:#000;
	text-align: left;
	background-image: url(../img/textura_fondo.jpg);
	font-weight:normal;
	font-style:normal;
	text-transform:	none;
	text-decoration:none;
	letter-spacing:	normal;
	
}
h1{  font-weight:normal; margin:0; text-decoration:none; line-height:24px;}
h2{  font-weight:normal; margin:0; text-decoration:none; font-size:13px; line-height:20px;}

p{ font-size: 1.1em; color:#999;}
.negro{ color:#000;}
#contenedor_general{width:100%; min-height:997px; float:left; position:relative;}
#contenedor_top{width:100%; height:167px; float:left; background-image:url(../img/fondo_top.png); background-repeat:repeat-x;}
#contenedor_top2{width:100%; height:120px; float:left; background-image:url(../img/fondo_top.png); background-repeat:repeat-x;}
#contenedor_slide{width:100%; min-height:580px; float:left;}
#contenedor_pie{width:100%; height:400px; float:left; background-image:url(../img/degradado_pie.png);}

#logo{ width:325px; height:82px; float:left; background-image:url(../img/logo.png);}
#logo span {display:none;}
#logo a { display:block; width:325px; height:82px; float:left; background-image: url(../img/logo.png)}
#logo a:hover{background-image:url(../img/logo.png);background-position:bottom;}


.verde{color:#a2ac64;}
.cnt_seccion{width:1000px; height:580px; float:left;}
.cnt_seccion_txt{width:1000px; min-height:515px; float:left; background-image:url(../img/base_texto.png);}
#cierre_seccion{width:1000px; height:70px; float:left; margin:0px 0px 0px 0px; background-image:url(../img/base_cierre.png);}

#cnt_info{width:1000px; min-height:580px; margin:0 auto 0 auto; padding:0 30px 0 30px; position:relative;}

.icono_social1 {width:38px; height:37px; float:right;margin:5px 2px 2px 2px;}
.icono_social1 span { display:none;}
.icono_social1 a {display:block; width:38px; height:37px; float:right; background-image:url(../img/twitter1.png);}
.icono_social1 a:hover { background-image:url(../img/twitter1.png); background-position:bottom;}

.icono_social2 {width:38px; height:37px; float:right;margin:5px 2px 2px 2px;}
.icono_social2 span { display:none;}
.icono_social2 a {display:block; width:38px; height:37px; float:right; background-image: url(../img/in1.png);}
.icono_social2 a:hover { background-image: url(../img/in1.png); background-position:bottom;}

.icono_social3 {width:38px; height:37px; float:right;margin:5px 2px 2px 2px;}
.icono_social3 span { display:none;}
.icono_social3 a {display:block; width:38px; height:37px; float:right; background-image:url(../img/facebook1.png);}
.icono_social3 a:hover {background-image:url(../img/facebook1.png); background-position:bottom;}

.texto_detalle_proyecto{
	width:635px;
	min-height:410px;
	float:left;
	margin:0px 0 0 20px;
	padding:40px 270px 160px 45px;
	line-height:22px;
	font-size:12px;
	background-image: url(../img/cuboblanco.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.titular_proyectos {width:635px;height:80px; float:left; line-height:48px;}
.img_proyectos{width:635px; height:312px; float:left; margin:15px 0px 15px 0px;}
.descripcion2 {width:635px; min-height:50px; float:left; font-size:13px; color:#666; margin-top:20px; margin-bottom:20px;}
.tecnologia {width:635px; min-height:40px; float:left; font-size:12px; color:#758232; margin-top:20px; margin-bottom:20px;}
.iconos_tecnologia {width:635px; height:30px; float:left; margin-top:10px; margin-bottom:10px; background-image:url(../img/iconos_tecnologia.jpg);}
.blnaco2{ color:#999; font-weight:bold;}

.fecha_web2{width:635px; height:30px; float:left; margin:5px 0 0px 0px; text-align:left; color:#91a53a; font-size:12px;}
.nom_cliente2{
	width:635px;
	height:41px;
	float:left;
	margin:0px 0 0px 0px;
	color:#666;
	font-size:13px;
	padding:10px 0px 0px 0px;
}
.web_cliente2{
	width:187px;
	height:26px;
	float:left;
	margin:15px 0 0 0px;
	text-align:left;
	color:#999;
	padding-right:0px;
}


.texto_seccion4{
	width:620px;
	min-height:410px;
	float:left;
	margin:0px 0 0 20px;
	padding:80px 250px 160px 80px;
	line-height:22px;
	font-size:12px;
	background-image: url(../img/cuboblanco.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.texto_seccion5{
	width:810px;
	min-height:410px;
	float:left;
	margin:0px 0 0 20px;
	padding:40px 80px 160px 60px;
	line-height:22px;
	font-size:12px;
	background-image: url(../img/cuboblanco.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}




.texto_seccion{
	width:300px;
	height:380px;
	float:left;
	margin:0px 0 0 50px;
	padding:40px;
	line-height:22px;
}
.texto_seccion2{
	width:500px;
	height:410px;
	float:left;
	margin:0px 0 0 50px;
	padding:40px;
	line-height:22px;
	font-size:12px;
}
.texto_seccion3{
	width:540px;
	height:450px;
	float:left;
	margin:0px 0 0 50px;
	padding:20px;
	line-height:22px;
	font-size:12px;
}
.b_general{ width:180px; height:32px; float:left;}
.b_general{ margin:10px 0px 20px 0px; padding:0px;}
.b_general a { display:block; width:135px; height:27px; float:left; background-image: url(../img/b_general.png); text-decoration:none; color:#333; padding:5px 0px 0px 45px; font-size:13px;}
.b_general a:hover{ background-image:url(../img/b_general.png); background-position:bottom;}

/*home */
#slide_home{width:664px; height:410px; float:left; padding:0 0px 0 0px;}

.img_slide_home{width:654px; height:390px; float:left; margin:10px 10px 10px 0px;}
.cnt_slide2{width:1000px; height:410px; margin:0 auto 0 auto; padding:0 0px 0 0px; position:relative; background-image:url(../img/banner_home.png);}
#proyectos_home{width:336px; height:345px; float:left; padding:65px 0px 0 0px; }
.titulo_home{width:155px; height:30px; float:left;color:#758232; padding:10px 0px 0px 10px; }
.titulo_home a{width:155px; height:30px; float:left; color:#758232; text-decoration:none; }
.titulo_home a:hover{color:#FFF; }
.descripcion_home{width:155px; height:50px; float:left;color:#878a88;padding:0px 0px 10px 10px; line-height:14px;}
.img_home{width:125px; height:80px; float:left; margin:10px 0px 10px 0px; }
.proyecto_home{width:290px; height:100px; float:left;padding:0 16px 0 30px;}
.vertodos{width:290px; height:36px; float:left; }
.vertodos{ margin:0px 16px 0px 30px; padding:0px;}
.vertodos a {display:block; width:290px; height:28px; float:left; background-image: url(../img/b_todos.gif); text-decoration:none; color:#FFF; padding:8px 0px 0px 0px; font-size:15px;}
.vertodos a:hover{background-image:url(../img/b_todos.gif);background-position:bottom; color:#758232;}
#slide_home{width:664px; height:410px; float:left; padding:0 0px 0 0px;}
#cnt_des_home{width:1000px; height:185px; padding:0 0px 0 0px; margin:0 auto 0 auto;}
.base_des_home{width:333px; height:185px; float:left; padding:0 0px 0 0px;background-image:url(../img/base_des_home.png);}
.base_des_home2{width:333px; height:185px; float:left; padding:0 0px 0 0px;background-image:url(../img/base_des_home2.png);}

.titular_posi{ width:233px; height:35px; float:left;padding:25px 20px 0px 80px;}
.titular_posi a {display:block; width:233px; height:35px; float:left; color:#CCC; font-size:13px;  font-weight:normal; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
.titular_posi a:hover {color:#758232;}

.google_home{ width:110px; height:45px; float:left; margin-left:80px;}
.google_home span{ display:none;}
.google_home a {display:block; width:110px; height:45px; float:left;  padding:0px 0px 0px 0px;font-size:11px; text-decoration:none; background-image:url(../img/google_home.png);}
.google_home a:hover {background-position:bottom;background-image:url(../img/google_home.png);}


.soporteT {width:160px; height:36px; float:right;}
.soporteT { margin-right:10px; padding:0px;}
.soporteT span { display:none;}
.soporteT a {display:block; width:160px; height:36px; float:right;background-image: url(../img/b_soporte.gif);}
.soporteT a:hover {background-image:url(../img/b_soporte.gif);background-position:bottom; }
/*home */


.descargar_Ik  {width:154px; height:72px; position:absolute; left: 977px; top: 290px; z-index:1500;}
.descargar_Ik span { display:none;}
.descargar_Ik a{ display:block; width:154px; height:72px; background-image:url(../img/descargar_pdf.jpg);}
.descargar_Ik a:hover { background-position:bottom; background-image:url(../img/descargar_pdf.jpg);}

.descargar_Ik2  {
	width:154px;
	height:72px;
	position:absolute;
	left: 800px;
	top: 160px;
	z-index:1500;
}
.descargar_Ik2 span { display:none;}
.descargar_Ik2 a{ display:block; width:154px; height:72px; background-image:url(../img/descargar_pdf2.jpg);}
.descargar_Ik2 a:hover { background-position:bottom; background-image:url(../img/descargar_pdf2.jpg);}

.cnt_slideG{width:1000px; height:730px; margin:0 auto 0 auto; padding:0 30px 0 30px; position:relative;}
#contenedor_slideG{width:100%; min-height:730px; float:left;}

.cnt_trabajos2{width:1000px; height:730px; float:left; background-image:url(../img/base_trabajos2.png);}
.img_trabajos2{width:770px; height:600px; float:left;  margin:0px 0px 0px 25px;}
.texto_web2{width:140px; height:560px; float:right; margin:0px 25px 0 0px; padding:20px; line-height:22px; background-color:#FFF;}


/*INICIO DEL SILDE Y SU CONTENIDO */
.cnt_slide{width:1000px; height:580px; margin:0 auto 0 auto; padding:0 30px 0 30px; position:relative;}

.cnt_trabajos{width:1000px; height:580px; float:left; background-image:url(../img/base_trabajos.png);}

.separador_flechas{ width:60px; height:580px; float:left;}
.titular_T{width:890px; height:35px; float:left; color:#878a88; padding:30px 0px 0px 110px; font-size:0.9em; text-decoration:none; }
.titular_T h1 a{ text-decoration:none;  color: #a2ac64;}
.img_T{width:635px; height:312px; float:left; margin:30px 0 0 60px;}
.texto_web{width:170px; height:210px; float:left; margin:30px 0 0 24px; padding:20px; line-height:22px;}
.fecha_web{width:210px; height:30px; float:left; margin:15px 0 0px 24px; text-align:right; color:#91a53a; font-size:12px;}
.nom_cliente{
	width:360px;
	height:41px;
	float:left;
	margin:0px 0 0px 60px;
	color:#666;
	font-size:13px;
	padding:10px 0px 0px 60px;
}
.web_cliente{
	width:187px;
	height:26px;
	float:left;
	margin:25px 0 0 18px;
	text-align:right;
	color:#CCC;
	padding-right:10px;
}
.img_gif{}
.b_visitar{ width:90px; height:32px; float:left;}
.b_visitar{ margin:10px 0px 20px 130px; padding:0px;}
.b_visitar a { display:block; width:55px; height:24px; float:left; background-image: url(../img/b_visitar.png); text-decoration:none; color:#333; padding:8px 0px 0px 35px; font-size:13px;}
.b_visitar a:hover{background-image:url(../img/b_visitar.png);background-position:bottom;}
.cnt_redes{}
.blnaco{ color:#CCC;}

.flecha_izq {
	width:52px;
	height:104px;
	float:left;
	position:absolute;
	left: 0px;
	top: 238px;
	cursor:pointer;cursor: hand;
}

.flecha_izq { margin:0px; padding:0px;}
.flecha_izq  span {display:none;}
.flecha_izq a { display:block; width:52px; height:104px; float:left; background-image: url(../img/flecha2.png); text-decoration:none;}
.flecha_izq a:hover{background-image:url(../img/flecha2.png);background-position:bottom;}

.flecha_der {
	width:52px;
	height:104px;
	float:left;
	position:absolute;
	left: 1008px;
	top: 238px;
	cursor:pointer;cursor: hand;}

.flecha_der { margin:0px; padding:0px;}
.flecha_der span {display:none;}
.flecha_der a { display:block; width:52px; height:104px; float:left; background-image:url(../img/flecha1.png); text-decoration:none;}
.flecha_der a:hover { background-image:url(../img/flecha1.png); background-position:bottom;}
.circ{ width:18px; height:17px; float:left; margin:5px 0 0 0px; cursor:pointer;cursor: hand; display:block;}
/*FINAL DEL SILDE Y SU CONTENIDO */


#cnt_submenu{width:950px; height:85px; margin:0 auto 0 auto;}
.img_seccion{ width:250px; height:85px; float:left; margin-left:80px;}
.submenu{ width:620px; height:70px; float:left; margin:15px 0px 0px 0px;}
#submenu {  
	list-style:none;
	margin:0;
	padding:0;
}
#submenu li {
	margin:1px;
	padding:10px 14px 10px 14px;
	float:left;
}
#submenu li a {
	display:block;
	padding:4px 0;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	color:#a2ac64;
}
#submenu li a:hover {
	color:#FFF;
}
#submenu li a.active {
	color:#FFF;
}

/*Inicio menu principal */
#cnt_menu{ width:950px; height:82px; margin:0 auto 0 auto; background-image:url(../img/fondo_menu.jpg);}
#menu{width:540px; height:50px; float: right; margin-top:32px; color:#666; text-decoration:none;}
/* resetear la lista */
* {margin:0px;padding:0px;}
ul,li {list-style-type:none;}
.menu li {float:left;}	
.menu a { background-image:url(../img/menu.jpg); display:block; height:33px; text-decoration:none;  padding:17px 0px 0px 30px;}
.menu span {display:none;}
/*ESTADO NORMAL*/
.menu_A a {width:105px;color:#666;}
.menu_B a {width:105px; background-position:-135px 0px; cursor:pointer; cursor: hand; color:#666;}
.menu_C a {width:105px; background-position:-270px 0px; cursor:pointer; cursor: hand; color:#666;}
.menu_D a {width:105px; background-position:-405px 0px; cursor:pointer; cursor: hand; color:#666; letter-spacing:-1px;}
/*ESTADO ROLLOVER*/
.menu_A a:hover {width:105px;background-position:0px -50px; cursor: default; cursor:pointer; cursor:hand; color:#999;}
.menu_B a:hover {width:105px; background-position:-135px -50px; cursor: default;cursor:pointer; cursor: hand; color:#999;}
.menu_C a:hover {width:105px; background-position:-270px -50px; cursor: default;cursor:pointer; cursor: hand; color:#999;}
.menu_D a:hover {width:105px; background-position:-405px -50px; cursor: default;cursor:pointer; cursor: hand; color:#999;}
/*ESTADO PRESIÓN*/
.menu_A a:active {width:105px;background-position:0px -100px;cursor:pointer;cursor: hand; color:#666;}
.menu_B a:active {width:105px; background-position:-135px -100px;cursor:pointer;cursor: hand; color:#666;}
.menu_C a:active {width:105px; background-position:-270px -100px;cursor:pointer;cursor: hand; color:#666;}
.menu_D a:active {width:105px; background-position:-405px -100px;cursor:pointer;cursor: hand; color:#666;}
/*ESTADO active*/
.menu_A a.active {width:105px;background-position:0px -150px; color:#FFF;}
.menu_B a.active {width:105px; background-position:-135px -150px; color:#FFF;}
.menu_C a.active {width:105px; background-position:-270px -150px; color:#FFF;}
.menu_D a.active {width:105px; background-position:-405px -150px; color:#FFF;}


#menu.A li.menu_A  a { background-position: 0px -150px !important; cursor: default; width:105px; color:#FFF;   }
#menu.B li.menu_B  a { background-position: -135px -150px !important; cursor: default; width:105px;  color:#FFF; }
#menu.C li.menu_C  a { background-position: -270px -150px !important; cursor: default; width:105px; color:#FFF;  }
#menu.D li.menu_D  a { background-position: -405px -150px !important; cursor: default; width:105px;  color:#FFF; }
/* final menu principal */



.tirafotos2{width:400px; height:30px; float:left;}


/*GALERIA CSS*/
/* default link style - needed to make the :active work correctly in IE */
/*a, a:visited, a:hover, a:active {
color:#000;
}*/

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:635px; 
height:334px; 
margin:30px 0px 5px 60px;
float:left;
list-style-type:none;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:320px 0 0px 0; 
list-style-type:none; 
position:relative; 
width:635px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery div {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery div a, .gallery div a:visited {
display:block;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:18px; 
height:17px;
margin:2px;
background-image:url(../img/circuloA.gif);
}


/* position the images using an absolute position and hide them from view */
.gallery div a img {
position:absolute; 
top:-312px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery div a img.landscape {
top:-321px;
}

/* style the hover background color for the text boxes */
.gallery div a:hover {
	background-image:url(../img/circuloA.gif);
	background-position:bottom;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery div a:active, .gallery div a:focus {
background-image:url(../img/circuloA.gif);
background-position:bottom;
outline:0;
}
/* make the images visible on active/focus */
.gallery div a:active img, .gallery div a:focus img {
visibility:visible;
outline:0;
}
.gallery div span{ display:none;}

/*FINAL GALERIA CSS */



#cnt_pie{width:950px; height:400px;  margin:0 auto 0 auto;}
#contpie01{ width:950px; height:130px; float:left; margin-top:30px;  background-image: url(../img/separador_pie2.jpg); background-repeat:no-repeat; margin-bottom:10px;}
#contlogopie{ width:950px; height:30px; float:left; margin-top:30px; text-align:center;}
#separador_inf{ width:950px; height:3px; float:left; background-image:url(../img/separador_pie3.jpg);}
#contpie02{ width:950px; height:30px; float:left; text-align:left; color:#999;}
#contpie03{ width:950px; height:47px; float:left;}

.menupie1 {height:105px; width:110px; float:left; font-size:11px; text-align:left; color:#000; padding-top:10px; padding-left:10px; margin-top:10px;}
.menupie1 ul{list-style-type: none;}	
.menupie1 li{text-align:left;margin:0px 0px 0px 0px;line-height:20px;}
.menupie1 li a {padding: 2px 2px 2px 2px;color:#666;text-decoration: none;} 
.menupie1 li a:hover {color:#FFF;}

.menupie4 {height:105px; width:145px; float:left; font-size:11px; text-align:left; color:#000; padding-top:10px; padding-left:10px;margin-top:10px;}
.menupie4 ul{list-style-type: none;}	
.menupie4 li{text-align:left;margin:0px 0px 0px 0px;line-height:20px;}
.menupie4 li a {padding: 2px 2px 2px 2px;color: #666;text-decoration: none;} 
.menupie4 li a:hover {color:#FFF;}



.dorado{color:#758232;}
.negro{color:#000;}
.gris{color: #333;}
.verde{color: #090;}
.rojo{color: #C00;}
.granate{color:#850828;}

.titularesR{ font-size:16px; color: #C00; font-weight:bold;}
.titularesG{ font-size:16px;color:#850828;font-weight:bold;}
.titularesGR{ font-size:16px;color:#CCC;font-weight:bold;}
.titularesV{ font-size:16px; color: #090; font-weight:bold;}
.titularesN{ font-size:16px; color:#000; font-weight:bold;}
.titularesD{ font-size:16px; color:#987424; font-weight:bold;}
.titularesMO{ font-size:16px; color:#bc80c4; font-weight:bold;}

#textopie{
	width:450px;
	height:25px;
	float:left;
	text-align:left;
	padding-top:5px;
}
#iconos_home{
	width:174px;
	height:27px;
	float:left;
	margin-left:70px;
}
#txt_s{
	width:80px;
	height:22px;
	float:left;
	padding:5px 0px 0px 0px;
}


#menu_ico {width:94px;
	height:27px;
	float:right;}
/* resetear la lista */
* {margin:0px;padding:0px;}
ul,li {list-style-type:none;}
.menu_ico li {float:left;}	
.menu_ico a { background-image:url(../img/redes_sociales.jpg); display:block; height:27px; text-decoration:none;}
.menu_ico span {display:none;}
/*ESTADO NORMAL*/
.menu_face a {width:31px;color:#666;}
.menu_twi a {width:31px; background-position:-31px 0px; cursor:pointer; }
.menu_lin a {width:32px; background-position:-62px 0px; cursor:pointer;}
/*ESTADO ROLLOVER*/
.menu_face a:hover {width:31px;background-position:0px -27px;}
.menu_twi a:hover {width:31px; background-position:-31px -27px;}
.menu_lin a:hover {width:32px; background-position:-62px -27px;}


#menusubP {height:30px; width:200px; float:right; text-align:right;}

#menusubP ul{
	list-style-type: none;
	}
#menusubP li{
	display:inline;
    text-align:left;
    margin:0px 0px 0px 0px;

}
#menusubP li a {
   padding: 2px 2px 2px 2px;
   color: #666;
   text-decoration: none;
} 
#menusubP li a:hover {
   color:#a2ac64;
}
.separador{background-image:url(../img/separador_pie.png); background-position:right; background-repeat:no-repeat;}