@charset "utf-8";
/**************************************************************************
CSS ANFIBIC 20090608@ANFIBIC
***************************************************************************/
body 	{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#898888; background-color:#232424;}
a 		{text-decoration:none; color:#F00;}
/**************************************************************************
ESTRUCTURA
***************************************************************************/
.container 				{width:980px; margin:0 auto;}
#header-home 			{background:url(../imagenes/bg/header.gif) repeat-x center top; height:361px;}
#mascara-home			{background:url(../imagenes/bg/header-mascara.gif) no-repeat center top; height:361px;}
#header 				{background:url(../imagenes/bg/header_interior.gif) repeat-x center top;}
#mascara				{background:url(../imagenes/bg/header-mascara_interior.gif) no-repeat center top;}
.imgCate 				{position:absolute; z-index:2; margin:0 0 0 750px;}
#logo 					{padding:31px 0 0 15px; float:left;}
#logo,
#logo img 				{width:168px; height:45px;}
#mascBack 				{background:url(../imagenes/bg/main.gif) repeat 0 0;}
#header-video			{background:url(../imagenes/bg/header-video.png) no-repeat 0 0; background-repeat:no-repeat; background-position:0 0; width:349px; height:161px; padding:115px 0 0 90px; float:right; margin-top:-27px;}
#header-home .fleft 	{width:541px;}
#header-video a			{width:57px; height:55px; display:block; background:url(../imagenes/bg/player_off.png) no-repeat 0 0;}
#header-video a:hover	{background:url(../imagenes/bg/player_on.png);}
#header-video a	img 	{width:57px; height:55px;}
/**************************************************************************
H1 - H2 - H3 - H4 - H5
***************************************************************************/
h1, h2, h3, h4, h6 		{text-transform:uppercase;}
h1 						{padding:50px 0 0 0;}
h5 						{color:#FFF; font-size:14px;}
#header-content h1 		{padding:40px 0 0 0;}
#mascara-home h2,
#header-content h2		{color:#ee2e24; font-size:14px; padding:3px 0 0 0;}
#mascara-home h2 		{margin:5px 0 0 17px;}
#header-content h2 		{margin:0 0 0 17px;}
.title 					{margin:26px 0 26px 15px; float:left; color:#FFF; font-size:30px; height:27px; background-color:#F00;}
#titleHome h2 			{background-color:#ee2e24; color:#FFF; font-size:30px; height:27px;}
#titleHome 				{float:left; padding:40px 0 0 17px;}
#titleHome h2,
#titleHome .subtitle	{padding:0; margin:0;}
.subtitle 				{float:left; background-color:#F00; color:#FFF; font-size:16px; margin:-26px 0 26px 15px;}
#empresa-text h3 		{color:#a2a2a1; font-size:36px; padding:15px 0 0 17px;}
.titleOther 			{margin:26px 0 15px 0; padding:3px 1px 1px 1px;}
.ambito 				{margin:50px 0 13px 0;}
.ambito,
.titleOther 			{font-size:14px; color:#FFF; background-color:#F00; float:left;}
h6 						{color:#434343; font-size:12px; font-weight:bold; padding-bottom:10px;}
.igualarAlt 			{height:55px; position:relative;}
.igualarAlt h3			{position:absolute; left:0; bottom:0; line-height:17px;}
.contenido-empresa h3,
.contenido-servicios h3	{color:#FFF; padding-bottom:0; display:block;}
.subtitleh3				{color:#fff; font-size:18px; background:none; float:none; padding-top:25px; margin:0;}
/**************************************************************************
FOOTER
***************************************************************************/
#footer 				{background:url(../imagenes/bg/footer.gif) repeat 0 0; clear:both; height:178px; padding:14px 0 0 0;}
#footer ul li			{float:left; padding:0 13px 0 6px; text-transform:uppercase; background-position:center right;}
#footer ul li a 		{color:#FFF;}
#footer ul li a:hover 	{color:#8c8a8a;}
#footer ul li.first 	{padding-left:0;}
#footer ul li.last 		{background:none; padding-right:0;}
#accD1 					{float:left;}
#accD1 li				{background:url(../imagenes/bg/footer-ico-big.gif) no-repeat;}
#accD2 					{margin:3px 0 0 0; padding-top:2px; clear:both; background:url(../imagenes/bg/footer-border.gif) repeat-x 0 0; float:left;}
#accD2 li 				{background:url(../imagenes/bg/footer-ico-small.gif) no-repeat;}
#accD2 a 				{font-size:10px;}
.textResa 				{background-color:#fd0f03; padding:2px 8px; color:#FFF; font-weight:bold; font-size:10px; float:right;}
.textResa a 			{color:#FFF;}
.textResa a:hover 		{text-decoration:underline;}
#footer .textResa 		{float:right; margin-bottom:3px;}
#footer .textResa span 	{padding:0 10px;}
#footer .textResa img 	{vertical-align:middle;}
#iconsFooter 			{float:right;}
.icoYou 				{margin-right:-10px;}
/**************************************************************************
LANG
***************************************************************************/
#lang 				{float:right;}
#lang li 			{width:30px; height:14px; line-height:14px; text-transform:uppercase; text-align:center; margin:0 0 2px 2px;}
#lang li a 			{background:url(../imagenes/bg/lang.gif) no-repeat 0 0; display:block; width:30px; height:14px; color:#b8b7b7;}
#lang li a:hover 	{background:url(../imagenes/bg/lang_hover.gif) no-repeat 0 0; color:#FFF;}
/**************************************************************************
MENU
***************************************************************************/
#menu 				{float:right;}
#menu li 			{float:left; text-transform:uppercase; line-height:30px; text-align:left; margin-left:2px;}
#menu li a,
#menu li span 		{display:block; padding-left:11px; width:116px; color:#b8b7b7; font-weight:bold; font-size:11px;}
#menu li a 			{background:url(../imagenes/bg/menu.gif) no-repeat 0 0; height:30px;}
#menu li span,
#menu li a:hover 	{background:url(../imagenes/bg/menu_hover.gif) no-repeat 0 0; height:52px; color:#FFF;}
#menu li span a 	{padding: 0px; background:none; color: #ffffff;}
/**************************************************************************
TWITTER
***************************************************************************/
#twitter 				{float:right; color:#FFF; margin:0 17px 0 0;}
#twitter-bottom 		{float:right; background:url(../imagenes/bg/twitter-bottom.png) no-repeat top right; height:11px; width:43px; clear:both;}
#twitter-content 		{background:url(../imagenes/bg/twitter-repeat.png) repeat-x top left; height:28px; line-height:28px; padding:0 13px; float:right;}
#list-twitter 			{float:right;}
#list-twitter li 		{float:left; margin-left:10px;}
.icotwitter				{padding-top:5px; display:block;}
/**************************************************************************
BLOCK
***************************************************************************/
.imgPort img,
.imgPort2						{display:block;}
.imgPort,
.imgPort2						{border:#313131 solid 8px; display:block; width:210px;}
.imgPort:hover,
.block_imghover					{border:#ee2e24 solid 8px;}
.block-png 						{background:url(../imagenes/bg/block.png) bottom left no-repeat; width:226px;}
.block-content 					{padding:10px 13px 55px 0;}
.bloques .block-content ul,
.bloques .block-content ul li	{width:200px; padding:0; margin:0;}
.block-contentText2				{padding:0 0 5px 10px;}
.block-contentText 				{padding:0 0 10px 10px;}
.bloques li h4 					{padding:2px 0 2px 8px; text-transform:uppercase; font-size:11px; background-color:#ee2e24; color:#FFF;}
.bloques li h4 a,
.bloques li h5 a				{color:#FFF;}
.verPro 						{background:url(../imagenes/bg/ver-proyecto.png) no-repeat 0 0; width:134px;}
.bloques li h5 					{padding-bottom:10px;}
#exPro 							{background:url(../imagenes/bg/link-header-div.png) no-repeat top right; padding-right:48px; height:22px; float:left; font-size:13px; text-transform:uppercase; margin:10px 0 0 15px;}
#exPro a 						{background:url(../imagenes/bg/link-header-a.png) no-repeat 0 0; display:block; height:22px; color:#FFF; font-weight:bold; line-height:20px; padding:0 0 0 5px;}
#exPro.active 					{background:url(../imagenes/bg/link-header-div_hover.png) no-repeat top right;}
#exPro.active a 				{background:url(../imagenes/bg/link-header-a_hover.png) no-repeat 0 0;}
.verPro,
.volver							{display:block; height:21px; line-height:19px; color:#FFF; font-size:12px; font-weight:bold; text-transform:uppercase; padding-left:10px;}
.volver	 						{margin-top:26px;}
.verPro:hover,
.bloques .active,
#banner-proyecto .active		{background:url(../imagenes/bg/ver-proyecto_hover.png) no-repeat 0 0;}
.volver 						{background:url(../imagenes/bg/volver.png) no-repeat 0 0; width:59px; padding-left:35px;}
.volver:hover 					{background:url(../imagenes/bg/volver_hover.png) no-repeat 0 0;}
.bloques .verPro				{margin:-56px 0 0 0; height:45px;}
/**************************************************************************
EMPRESA
***************************************************************************/
#header-content 				{height:110px; width:750px; float:left;}
#block-empresa 					{padding-top:6px;}
#portSub 						{margin:16px 0 26px 15px;}
.listado-bloques				{float:left; padding:0 15px 60px 15px;}
.listado-bloques li				{float:left; margin-right:10px; margin-bottom:10px;}
.listado-bloques li.last		{float:left; margin-right:0;}
.block-empresa-content 			{background:url(../imagenes/bg/block-empresa-content.png) repeat-y 0 0; width:222px; padding:0 4px; min-height:128px;}
.contenido-empresa				{background:#474747 url(../imagenes/bg/block-empresa-degradado.gif) repeat-x 0 0; min-height:128px; width:222px;}
.block-empresa-top,
.block-empresa-footer 			{width:230px; height:4px;}
.block-empresa-top 				{background:url(../imagenes/bg/block-empresa-top.png) no-repeat 0 0;}
.block-empresa-footer 			{background:url(../imagenes/bg/block-empresa-footer.png) no-repeat 0 0; float:left}
.listado-bloques h3,
.block-servicios-content h3		{font-size:18px; background:none; border-bottom:#505050 solid 1px; float:none; padding-top:25px; margin:0 0 0 25px;}
.block-servicios-content h3 a 	{color:#FFF;}
.listado-bloques h3,
.textoDescrip					{width:175px;}
.textoDescrip,
.textoDescrip2					{border-top:#6e6e6e solid 1px; margin:0 0 0 25px; color:#bfbab7; font-size:12px; padding-top:5px; text-align:left;}
.ver 							{display:block; width:49px; height:17px; text-align:center; background:url(../imagenes/bg/ver.gif) no-repeat 0 0; float:left; margin:10px 0 25px 20px; text-transform:uppercase; color:#FFF; line-height:17px; font-size:9px;}
.ver:hover 						{background:url(../imagenes/bg/ver_hover.gif);}
.ver:active 					{background:url(../imagenes/bg/ver_active.gif);}

#empresa-text 					{background:url(../imagenes/bg/clientes.gif) no-repeat 0 0; width:706px; height:161px;}
#empresa-text div 				{padding:20px 70px; text-align:center; color:#FFF; font-size:16px;}
#main-content 					{float:left; padding:0 0 0 15px; width:965px;}
#sidebarleft 					{width:707px; float:left;}
.text-content 					{padding:15px 0 0 0; float:left;float:left; width:330px; text-align:justify; padding-right:45px; color:#292929; font-size:12px;}
#textAll div.last				{padding-right:0;}
/*.text-content a 				{color:#fd0f03; text-decoration:underline;}*/
.text-content a 				{color:#000000; text-decoration:underline;}
.text-content a:hover			{text-decoration:none;}
.clientes 						{float:left;}
.clientes li					{float:left; width:175px; height:81px; margin:0 2px 2px 0;}
.clientes li img 				{display:block;}
.clientes li.last				{margin-right:0;}
.bloques-all					{float:left;}
.bloques-all li					{width:226px; float:left; margin-right:14px;}
.bloques-all li.last 			{margin-right:0;}
.ampliar 						{color:#ee2e24;}
.ampliar:hover					{font-weight:bold;}
/**************************************************************************
SUBMENU
***************************************************************************/
#submenu, #submenu2,
#sidebarright					{float:right; width:230px;}
#submenu li 					{width:230px; height:64px; position:relative; background:url(../imagenes/bg/sub-menu.png) no-repeat 0 0; cursor:pointer;}
#submenu li div 				{position:absolute; right:0; bottom:0;}
#submenu li div a,
#submenu li div span 			{margin-bottom:0; text-transform:uppercase; font-size:14px; display:block; width:200px; padding:0 15px 15px 15px;}
#submenu li div a 				{color:#c4c4c4;}
#submenu li div span 			{color:#FFF;}
#submenu li.active,
#submenu li.activeOFF 			{background:url(../imagenes/bg/sub-menu_hover.gif) no-repeat 0 0; color:#FFF;}
#submenu li.active 				{cursor:pointer;}
#submenu li.activeOFF 			{cursor:auto;}
#submenu li.active a 			{color:#FFF;}
#submenu li.subpoint 			{width:230px; height:64px; position:relative; background:url(../imagenes/bg/subsub-menu.png) no-repeat 0 0; cursor:pointer;}
#submenu li.subpoint div 		{position:absolute; right:0; bottom:0;}
#submenu li.subpoint div a,
#submenu li.subpoint div span 	{margin-bottom:0; text-transform:uppercase; font-size:14px; display:block; width:200px; padding:0 15px 15px 15px;}
#submenu li.subpoint div a 		{color:#606060;}
#submenu li.subpoint div span 	{color:#FFF;}
#submenu li.subpointactive,
#submenu li.subpointactiveOFF 	{background:url(../imagenes/bg/sub-menu_hover.gif) no-repeat 0 0; color:#FFF;}
#submenu li.subpointactive 		{cursor:pointer;}
#submenu li.subpointactiveOFF 	{cursor:auto;}
#submenu li.subpointactive a 	{color:#FFFFFF;}
/**************************************************************************
BANNER PROYECTO
***************************************************************************/
#banner-proyecto 			{background:url(../imagenes/bg/banner-proyecto.gif) no-repeat 0 0; width:190px; height:108px; float:right; margin:3px 3px 0 0; padding:18px;}
.textBanner 				{color:#8f8f8e; text-transform:uppercase; font-size:17px; width:120px; line-height:17px;}
#banner-proyecto .verPro 	{margin-top:7px;}
/**************************************************************************
SERVICIOS
***************************************************************************/
.block-servicios-top,
.block-servicios-footer					{width:263px;}
.block-servicios-top,
.block-servicios-footer 				{height:4px;}
.block-1 .block-servicios-top,
.block-2 .block-servicios-top,
.block-4 .block-servicios-top,
.block-5 .block-servicios-top			{background:url(../imagenes/bg/block-servicios-top.png) no-repeat 0 0;}
.block-4 .block-servicios-top,
.block-5 .block-servicios-top,
.block-4 .block-servicios-footer,
.block-5 .block-servicios-footer		{margin-left:22px;}
.block-servicios-content 				{min-height:128px; padding:0 4px;}
.block-1 .block-servicios-content 		{background:url(../imagenes/bg/block-servicios-content.png) repeat-y 0 0; width:277px;}
.block-1 .block-servicios-footer,
.block-3 .block-servicios-footer,
.block-5 .block-servicios-footer		{background:url(../imagenes/bg/block-servicios-footer.png) no-repeat 0 0;}
.contenido-servicios					{background:#474747 url(../imagenes/bg/block-servicios-degradado.gif) repeat-x 0 0; width:255px; min-height:128px;}
#servicios 								{float:left; padding:6px 0 100px 15px;}
#servicios li 							{float:left}
.block-2 .block-servicios-content,
.block-3 .block-servicios-content		{background:url(../imagenes/bg/block-servicios-content2.png) repeat-y 0 0; width:255px;}
.block-2 .block-servicios-footer		{background:url(../imagenes/bg/block-servicios-footer2.png) no-repeat 0 0; height:22px;}
.block-3 .block-servicios-top 			{background:url(../imagenes/bg/block-servicios-top3.png) no-repeat 0 0; height:22px;}
.block-4 .block-servicios-content,
.block-5 .block-servicios-content		{background:url(../imagenes/bg/block-servicios-content4.png) repeat-y 0 0; width:255px; padding:0 4px 0 26px;}
.block-4 .block-servicios-footer		{background:url(../imagenes/bg/block-servicios-footer4.png) no-repeat 0 0; height:27px;}
.block-5 .block-servicios-footer 		{margin-bottom:23px;}
.block-4, .block-5						{margin:18px 0 0 0;}
.block-6 								{padding-left:351px; margin-right:285px;}
.block-6 .block-servicios-content 		{background:url(../imagenes/bg/block-servicios-content5.png) repeat-y 0 0; width:255px;}
.block-6 .contenido-servicios 			{background-image:none; background-color:#d1cbc8;}
.block-6 .block-servicios-footer 		{background:url(../imagenes/bg/block-servicios-footer6.png) repeat-y 0 0; height:10px;}
.block-7  								{padding-left:351px;}
.block-7 .block-servicios-content 		{background:url(../imagenes/bg/block-servicios-content7.png) repeat-y 0 0; width:255px;}
.block-7 .contenido-servicios 			{background-image:none; background-color:#cac4c1;}
.block-7 .block-servicios-footer		{background:url(../imagenes/bg/block-servicios-footer7.png) no-repeat 0 0;}
.block-8 								{margin-top:-4px;}
.block-8 .block-servicios-top			{background:url(../imagenes/bg/block-servicios-top8.png) no-repeat 0 0;}
.block-8 .block-servicios-content		{background:url(../imagenes/bg/block-servicios-content8.png) repeat-y 0 0; width:255px;}
.block-8 .block-servicios-footer		{background:url(../imagenes/bg/block-servicios-footer8.png) no-repeat 0 0;}
.block-8 .contenido-servicios 			{background:#a9a4a2 url(../imagenes/bg/block-servicios-degradado2.gif) repeat-x 0 0; width:255px; min-height:128px;}
.block-8 								{padding-left:22px;}
.block-6 .ver 							{background:url(../imagenes/bg/ver2.gif) no-repeat 0 0; color:#474747;}
.block-6 .ver:hover 					{background:url(../imagenes/bg/ver_hover2.gif); color:#474747}
.block-6 .ver:active 					{background:url(../imagenes/bg/ver_active2.gif);}
.block-7 .ver 							{background:url(../imagenes/bg/ver3.gif) no-repeat 0 0; color:#474747}
.block-7 .ver:hover 					{background:url(../imagenes/bg/ver_hover3.gif); color:#474747}
.block-7 .ver:active 					{background:url(../imagenes/bg/ver_active3.gif); color:#bab7b4;}
.block-8 .ver 							{background:url(../imagenes/bg/ver4.gif) no-repeat 0 0;}
.block-8 .ver:hover 					{background:url(../imagenes/bg/ver_hover4.gif); color:#e2ddd9;}
.block-8 .ver:active 					{background:url(../imagenes/bg/ver_active4.gif); color:#bab7b4;}
.contenido-servicios h3,
.textoDescrip2							{width:207px;}
.block-6 .block-servicios-content h3,
.block-7 .block-servicios-content h3	{border-bottom:#c0bab7 solid 1px;}
.block-6 .block-servicios-content h3 	{padding-top:10px;}
.block-6 .textoDescrip2,
.block-7 .textoDescrip2					{border-top:#dddad9 solid 1px; color:#515050;}
.block-8 .block-servicios-content h3	{border-bottom:#aaa5a3 solid 1px;}
.block-8 .textoDescrip2					{border-top:#c1c0bf solid 1px; color:#515050;}
.block-1 								{margin-right:66px;}
.block-4, .block-5, .block-8			{margin-left:66px;}
/**************************************************************************
JCAROUSEL
***************************************************************************/
.jcarousel-container 										{position:relative;}
.jcarousel-clip 											{z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}
.jcarousel-list 											{z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li,
.jcarousel-item 											{float:left; list-style:none; width:226px;}
.jcarousel-next 											{z-index:3; display:none;}
.jcarousel-prev 											{z-index:3; display:none;}
.jcarousel-container-horizontal 							{padding:20px 17px; width:946px;}
.jcarousel-clip-horizontal 									{width:946px;}
.jcarousel-item 											{width:226px;}
.jcarousel-item-horizontal 									{margin-right:14px;}
.jcarousel-item-placeholder 								{background:#fff; color:#000;}
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal									{position:absolute; top:108px; width:17px; height:73px; cursor:pointer;}
.jcarousel-next-horizontal 									{background: url(../imagenes/bg/jcarousel.gif) no-repeat -19px 0;right:0;}
.jcarousel-prev-horizontal 									{background: url(../imagenes/bg/jcarousel.gif) no-repeat 0 0;left:0;}
.jcarousel-next-horizontal:hover 							{background-position:-19px -75px;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active 					{background-position:0 -148px;}
.jcarousel-prev-horizontal:hover 							{background-position:0 -75px;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active 					{background-position:0 -148px;}
.jcarousel-skin-portfolio .jcarousel-container-horizontal 	{padding:0 17px; width:946px;}
.jcarousel-skin-portfolio 									{margin-left:-17px;}
.jcarousel-skin-portfolio .jcarousel-container-horizontal 	{width:706px;}
.jcarousel-skin-portfolio .jcarousel-clip-horizontal 		{width:707px;}
/**************************************************************************
HOSTING
***************************************************************************/
.tableHosting 				{width:100%;}
.tableHosting thead td 		{text-transform:uppercase; color:#FFF; font-size:9px; background-color:#beb5af;}
.tableHosting td 			{color:#434343;}
.tableHosPrin td 			{width:25%;}
.titRes,
.tableHosting td			{padding-left:5px; height:15px; line-height:15px;}
.textNormal,
.solIRSS a					{color:#434343; font-size:12px; text-align:justify;}
.tableHosting tbody td 		{padding-top:7px;}
.tableHosting tbody td span {padding-left:0;}
.tableHosting .tfoot 		{padding-top:25px;}
.recursosExtra 				{width:345px; margin-bottom:20px;}
.diritext					{color:#434343; padding:10px 0 0 5px; text-align:justify;}
.recurso 					{font-weight:bold; padding:10px 0 0 5px; color:#434343;}
.titRes						{color:#FFF; text-transform:uppercase; background-color:#beb5af; font-size:9px;}
.recursosExtra ul li 		{width:167px; padding-top:10px; color:#434343;}
.recursosExtra ul .fleft 	{padding-left:5px;}
.recursosExtra ul .fright 	{text-align:right; padding-right:5px;}
.form_login 				{background-color:#beb5af; padding:15px 0 15px 15px; margin-top:25px;}
.form_loginOther			{margin-top:0;}
.form_login p 				{color:#FFF; text-transform:uppercase; padding:0 0 5px 10px; font-size:9px; font-weight:bold;}
.input-3b 					{background:url(../imagenes/bg/input-3b.gif) no-repeat 0 0; width:274px; height:20px; padding:3px 0 0 5px; float:left; margin-right:10px;}
#banner-anfibic 			{background:url(../imagenes/bg/banner-anfibic.gif) no-repeat 0 0; width:192px; height:110px; padding:17px;}
#banner-anfibic img 		{margin:10px 0;}
/**************************************************************************
PORTFOLIO
***************************************************************************/
#portfolioAll 			{float:left; width:707px;}
#portfolioAll li 		{width:226px; float:left; margin:0 14px 15px 0;}
#portfolioAll li.last 	{margin-right:0;}
.textComentario 		{background:url(../imagenes/bg/textidenta.gif) no-repeat 0 0; width:606px; height:52px; color:#434343; text-align:justify; padding:14px 50px 0 50px; font-size:12px;}
.infoText 				{padding-top:10px;}
.textComentario strong	{color:#202020;}
.textComentario span	{font-size:10px;}
/**************************************************************************
PAGINACIÓN
***************************************************************************/
#paginacion 			{float:left; padding:25px 0 75px 0;}
#paginacion li 			{float:left; color:#FFF; font-size:14px; font-weight:bold; margin-right:5px;}
#paginacion li a 		{background:url(../imagenes/bg/paginacion.gif) repeat-x 0 0; display:block; padding:0 2px; color:#FFF;font-weight:bold;}
#paginacion li span,
#paginacion li a:hover 	{display:block; background:url(../imagenes/bg/paginacion_hover.gif) repeat-x 0 0; padding:0 2px; font-weight:bold;}
/**************************************************************************
VER URL
***************************************************************************/
.url 								{background:url(../imagenes/bg/url.png) repeat-x 0 0; height:32px; padding:0 8px 0 6px; float:left; line-height:32px; text-transform:uppercase; color:#FFF;}
#verURL 							{height:32px; display:block; float:left; background:url(../imagenes/bg/url-span.png) no-repeat right top; padding-right:5px; margin:30px 0;}
#verURL.active 						{background:url(../imagenes/bg/url-span_hover.png) no-repeat right top;}
#verURL.active .url					{background:url(../imagenes/bg/url_hover.png) repeat-x 0 0;}
#verURL .fleft img					{width:219px; height:32px;}
#verURL #verURL-es .fleft 			{background:url(../imagenes/es/ver-proyecto-url.png) no-repeat 0 0;}
#verURL.active #verURL-es .fleft 	{background:url(../imagenes/es/ver-proyecto-url_hover.png) no-repeat 0 0;}
#verURL #verURL-ca .fleft 			{background:url(../imagenes/ca/ver-proyecto-url.png) no-repeat 0 0;}
#verURL.active #verURL-ca .fleft 	{background:url(../imagenes/ca/ver-proyecto-url_hover.png) no-repeat 0 0;}
#verURL #verURL-en .fleft 			{background:url(../imagenes/en/ver-proyecto-url.png) no-repeat 0 0;}
#verURL.active #verURL-en .fleft 	{background:url(../imagenes/en/ver-proyecto-url_hover.png) no-repeat 0 0;}
/**************************************************************************
FICHA TÉCNICA
***************************************************************************/
#ficha-tecnica 					{background:#333 url(../imagenes/bg/ficha-tecnica.gif) bottom left no-repeat; width:204px; padding:10px 7px 16px 15px;}
#ficha-tecnica h6 				{color:#F00; text-transform:uppercase; padding-bottom:5px;}
#ficha-tecnica strong 			{font-size:11px; color:#FFF;}
#ficha-tecnica p 				{font-size:11px; color:#a6a4a4; padding-bottom:10px;}
#ficha-tecnica ul 				{padding-bottom:10px;}
#ficha-tecnica ul li a,
.block-content ul li a			{color:#898888; text-decoration:underline;}
#ficha-tecnica ul li a:hover,
.block-content ul li a:hover	{text-decoration:none;}
.tituloFicha 					{float:left; width:630px;}
/**************************************************************************
TRABAJA CON NOSOTROS
***************************************************************************/
.formSimple 			{width:464px; float:left;}
.capaIEform 			{float:left; padding:45px 0 0 15px;}
.textCu,
.input-1,.select-1,
.form_teescu select,
.formSimple textarea,
.input-2,
.input-2b,
.input-3b,
.form_teescu textarea,
.formContacta textarea 	{border:none; font-family:Verdana, Geneva, sans-serif; color:#000; font-size:10px;}
.input-1 				{background:url(../imagenes/bg/input-1.gif) no-repeat 0 0; width:226px; height:17px; padding:3px 0 0 5px; margin-bottom:6px;}
.select-1,.input-2 		{background:url(../imagenes/bg/select-1.gif) no-repeat 0 0; width:459px;   margin-bottom:6px;}
.input-2 				{height:17px;padding:3px 0 0 5px;}
.select-1 				{height:20px;padding:3px 0 0 2px; background-color:#f2f2f2;}
.formSimple textarea,
.formContacta textarea	{overflow:auto; padding:4px 0 0 5px; background-color:#f2f2f2; margin-bottom:6px; height:100px;}
.formSimple textarea 	{width:454px; margin-bottom:6px;}
.formSimple .btnHover 	{margin-top:15px;}
.formContacta .btnHover {margin-top:5px;}
.textCu		 			{padding:7px 0 5px 0;}
.formSimple .lopd a 	{color: #000;} 
/**************************************************************************
CONTACTA
***************************************************************************/
#contactaleft 			{border:#FFF solid 8px; float:left; background-color:#FFF; margin-left:15px;}
#contactaleft div.fleft {margin-right:8px;}
.formContacta			{background:url(../imagenes/bg/contacta.png) no-repeat 0 0; width:233px; height:327px; float:left; padding:8px 0 8px 8px;}
.titleCon 				{font-size:24px; color:#FFF; background-color:#F00; overflow:hidden; padding:5px 0 0 5px; margin:0 7px 15px 0; text-transform:uppercase;}
.formContacta .input-1	{background:url(../imagenes/bg/input-1b.gif) no-repeat 0 0;}
.formContacta textarea 	{width:220px; height:125px;}
.lineasMet 				{background-color:#f91212; font-weight:bold; text-transform:uppercase; float:left; margin:15px; color:#FFF; padding:0 3px;}
.lineasList 			{float:right; padding:0 230px 10px 0; width:250px;}
.lineasList li 			{color:#313130; margin-right:10px; float:left;}
.lineasList li img 		{margin-right:5px;}
.lineasList li img,
.lineasList li span		{vertical-align:middle;}
.calleAnfibic 			{padding:0 0 10px 15px; float:left; width:470px; font-weight:bold; color:#313130;}
fieldset.lopd 			{padding: 3px 0;}
fieldset.lopd input,
fieldset.lopd a			{float: left;}
fieldset.lopd a			{display: block; color: #898888; padding: 0 0 0 5px;}
fieldset.lopd a:hover	{text-decoration: underline;}
/**************************************************************************
EXPLÍCANOS TU PROYECTO
***************************************************************************/
#popup-top 				{background:url(../imagenes/bg/popup-top.png) no-repeat 0 0; width:462px; height:3px;}
#popup-bottom 			{background:url(../imagenes/bg/popup-bottom.png) no-repeat 0 0; width:462px; height:3px;}
.input-2b 				{background:url(../imagenes/bg/input-2b.gif) no-repeat 0 0; width:437px; height:17px; display:block; padding:3px 0 0 5px; margin-bottom:6px;}
.form_teescu textarea 	{width:432px; overflow:auto; background-color:#f2f2f2; margin-bottom:6px; padding:3px 0 0 5px; height:120px;}
.form_teescu select 	{width:437px; background-color:#f2f2f2; margin-bottom:13px;}
#popupForm 				{padding:10px 0 0 7px;}
#popupForm p 			{color:#a8a8a8; font-weight:bold; font-size:12px; padding:10px 0 19px 0;}
/**************************************************************************
GOOGLE MAPS
***************************************************************************/
#popup-topGo 			{background:url(../imagenes/bg/popup-topGoogle.png) no-repeat 0 0; width:700px; height:3px;}
#popup-bottomGo 		{background:url(../imagenes/bg/popup-bottomGoogle.png) no-repeat 0 0; width:700px; height:3px;}
#popup-contentGo 		{background-color:#484847; width:670px; padding:15px;}
/**************************************************************************
ECOMMERCE
***************************************************************************/
#emotional 			{background:url(../imagenes/ecommerce.jpg) no-repeat 0 0; width: 670px; height: 433px; display: block; text-indent: -900px;}
#emotional:hover 	{background-image:url(../imagenes/ecommerce_hover.jpg);}
/**************************************************************************
NEWSLETTER
***************************************************************************/
#newsletter 			{padding-left:15px; float:left; width:464px; }
#newsletter .textNormal {padding:0 0 15px 0;}
.solIRSS 				{background:url(../imagenes/bg/rss.png) no-repeat 0 0; padding-left:18px; color:#434343; font-size:12px;}
.solIRSS:hover 			{color:#F00;}
/**************************************************************************
POPUP
***************************************************************************/
#cssBackground 		{height:100%; width:100%; background-color:#000; display:none; position:fixed; top:0; left:0; z-index:100; float:left; opacity:0.80;}
#cssPopup 			{margin:0 auto;}
#cssPopupContainer 	{position:absolute; display:none; z-index:101; width:100%;}
#popup-content 		{background-color:#484847; padding:6px 6px 20px 6px;}
#popup-content h2 	{float:left; font-weight:bold; font-size:24px;}
.capaTal 			{background-color:#F00; float:left; width:448px; color:#FFF; padding:2px 0 0 5px;}
.capaTal a 			{float:right; margin:0 5px 0 0;}
.popup-contenido 	{color:#FFF; text-align:justify; height:270px; overflow:auto; padding:0 15px 15px 15px; margin-top:20px;}
/**************************************************************************
ALERTAS
***************************************************************************/
#popup_container 						{width:342px;}
#popup-alert-top 						{background:url(../imagenes/bg/alert-top.png) no-repeat 0 0; height:8px; width:342px;}
#popup-alert-content 					{float:left; background:url(../imagenes/bg/alert-content.png) repeat-y 0 0; width:335px; padding:0 0 10px 7px;}
#popup-alert-bottom						{background:url(../imagenes/bg/alert-bottom.png) no-repeat 0 0; height:8px; width:342px;}
*#popup_container h1					{background:url(../imagenes/bg/alert-title.gif) no-repeat 0 0; width:328px; height:27px; line-height:27px; padding:0; margin:0;}
#popup_container.claseError h1			{background:url(../imagenes/bg/alert-title-error.gif) no-repeat 0 0 !important;}
#popup_title 							{font-weight: bold; padding:8px 7px; color:#FFF; line-height:27px; text-align:center; background-color:#F00;}
#popup_message 							{color:#FFF; text-align:center; padding:10px 20px; font-size:12px;}
#popup_panel 							{padding:0 0 0 123px;}
#popup_ok 								{width:90px; border:none; cursor:pointer; display:block; height:17px; float:left; background-repeat:repeat-x; background-position:0 0; text-align:center; color:#FFF; font-size:12px; text-transform:uppercase; background-image:url(../imagenes/bg/ok2.gif);}
#popup_container.claseError #popup_ok 	{background-image:url(../imagenes/bg/ok.gif);}
/**************************************************************************
MAPA WEB
***************************************************************************/

#webmap h3 a {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
}
#webmap h4 a {
	color: #F00000;
	text-decoration: none;
	font-size: 13px;
}
#webmap h5 a {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#loading_ajax 		{opacity: 0.0;}
#loading_div 		{background: url(../imagenes/icons/ajax-loader.gif) no-repeat center center;}
#loading_div.active {background: none;}





/*
	LANDING NEGOCIO
*/

.negocio_form {
	background: url(../imagenes/bg/negocio_form.gif) no-repeat center center;
	width: 781px;
	height: 292px;
	padding: 20px 20px 20px 20px;
}
.negocio_text {
	float: left; 
	width:378px;
}
.negocio_textin {
	padding: 20px 20px 20px 20px;
}

.formNegocio { margin-left: 56px; margin-top:10px;}
.formNegocio textarea 	{border:none; font-family:Verdana, Geneva, sans-serif; color:#000; font-size:10px;}
.formNegocio textarea	{overflow:auto; padding:4px 0 0 5px; background-color:#f2f2f2; margin-bottom:6px; width:300px; height:70px !important;}
.formNegocio .btnHover {margin-top:5px;}
.formNegocio			{width:310px; ; float:left; padding:8px 0 8px 8px;}
.formNegocio .input-1	{background:url(../imagenes/bg/input-1b2.gif) no-repeat 0 0 !important;}
.formNegocio .input-1 				{ width:300px; height:17px; padding:3px 0 0 5px; margin-bottom:6px;}




.negocio_projects {
	background: url(../imagenes/bg/negocio_projects.jpg) no-repeat center center;
	width: 785px;
	height: 423px;
	padding: 20px 20px 20px 12px
}
.negocio_projectsin {
		padding: 10px 20px 20px 50px;
}