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




/* ------ CONTENIDO ------ */
div.contenido{ width:950px; margin:0 auto; padding: 0 auto; position:relative;}


/* ------ MENU ------ */
#contenedor_menu{ width:210px; height:300px; position:absolute; z-index:5; top:0px; left:0px;}
#contenedor_menu #logo{ width:207px; height:92px; float:left;}
#contenedor_menu #logo a{ width:110px; height:92px; display:block;} 
#menu{ width:90px; height:221px; margin:0; padding:0; margin-top:20px; padding:10px;}
#menu ul { list-style:none;}
#menu ul li { float:left; margin-right:0;}
#menu ul li.btn_empresa { width:90px;}
#menu ul li.btn_empresa a {width:90px; height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; }

#menu ul li.btn_empresa a.active {height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu ul li.btn_servicios a { width:90px; height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; margin-bottom:5px;}

#menu ul li.btn_servicios a.active {height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu ul li.btn_proyectos a {width:90px; height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; margin-bottom:3px;}
#menu ul li.btn_proyectos a.active { height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu ul li.btn_clientes a { width:90px; height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left; }

#menu ul li.btn_clientes a.active { height:22px; display:block; overflow:hidden; text-indent:-99999px; float:left;}



/* ------ 	ANIMACION ------ */
div.animacion{ width:950px; min-height:465px; margin:auto;}
div.txt_contenedor{ width:950px; min-height:430px; margin:auto;}
div.txt_contenedor div.parrafos_contenedor{width:611px; height:auto; margin:0; padding:20px 100px 0 240px;}
div.txt_contenedor div.parrafos_contenedor p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; padding-bottom:10px; line-height:16px;}
div.txt_contenedor div.parrafos_contenedor strong{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #839b09; font-weight:bold;}
div.txt_contenedor div.parrafos_contenedor div.txt{ width:auto; height:auto; margin:0; padding: 0;}
div.txt_contenedor div.parrafos_contenedor div.txt ul{color: #676767; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 20px; margin-top: 10px; }
div.txt_contenedor div.parrafos_contenedor div.txt ul li{ list-style-image: url(../img/bullet.jpg); list-style-position: outside; margin-left: 25px; padding-bottom: 5px;}
div.txt_contenedor div.header{ width:950px;}
div.txt_contenedor div.header div.titulo{ width:230px; height:263px; float:left; margin-left:218px;}
div.txt_contenedor div.header div.titulo IMG{ padding-top:175px; padding-left:20px; }
div.txt_contenedor div.header div.img_header{ width:480px; height:263px; float:right;}
div.txt_contenedor div.header div.img_header_pro { width:582px; height:404px; float:right;}
#menu_interior{ width:516px; height:25px; margin:0; padding:0 auto;}
#contenedor_menu_interior{ width:520px; height:30px; margin:0; padding:0 auto; margin-bottom:5px;}
#menu_interior ul { float:right;}
#menu_interior ul li { list-style:none; float:left; margin-right:10px; }
#menu_interior ul li.quienes_somos { width:122px;}
#menu_interior ul li.quienes_somos a { background:url(../img/quienes_somos.png) no-repeat top center; width:122px; height:24px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu_interior ul li.quienes_somos a:hover {  background:url(../img/quienes_somos.png) no-repeat bottom center; }
#menu_interior ul li.quienes_somos a.active { background:url(../img/inicio.jpg) no-repeat bottom center; height:40px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu_interior ul li.que_hacemos a { background:url(../img/que_hacemos.png) no-repeat top center; width:115px; height:24px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu_interior ul li.que_hacemos a:hover {  background:url(../img/que_hacemos.png) no-repeat bottom center; }
#menu_interior ul li.como_hacemos a { background:url(../img/como_lo_hacemos.png) no-repeat top center; width:139px; height:24px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu_interior ul li.como_hacemos a:hover {  background:url(../img/como_lo_hacemos.png) no-repeat bottom center; }
#menu_interior ul li.equipo a { background:url(../img/equipo.png) no-repeat top center; width:67px; height:24px; display:block; overflow:hidden; text-indent:-99999px; float:left; }
#menu_interior ul li.equipo a:hover {  background:url(../img/equipo.png) no-repeat bottom center; }
div.animacion_home { position:absolute; z-index:9; width:810px; height:570px; background:transparent; top:-15px; right:0px;}
div.rocas { position:absolute; z-index:10; width:174px; height:74px; background:url(../img/rocas_2.png) no-repeat bottom center;; top:498px; right:559px;}