/*-----------------------------------------------------------------------------
Estilos para todos los navegadores

version:   1.0
autor:     Luis Latre, Soluciones Binaria
email:     luislatretena@solucionesbinaria.com
notas:     Poner todo en minúsculas.
-----------------------------------------------------------------------------*/

/* = Comunes a todas las páginas y elementos sueltos
-----------------------------------------------------------------------------*/

/* Quitar borde alrededor de las imágenes con link */
img 
{
	border: 0px;
}

a.enlace,a.enlace:link, a.enlace:visited, a.enlace:active, a.enlace:hover 
{ 
	color:#f90100;
}

a:hover
{
	text-decoration:underline;
	cursor:pointer !important;
	
}

a.boton 
{
	width:108px;
	height:22px;
	line-height:22px;
	background:url(../IMG/btn.jpg) no-repeat top left;
	text-align:center;
	color:#FFF;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
}


/* = (PáginaMaestra.Master)
-----------------------------------------------------------------------------*/
#web
{
	width:958px;
	margin:0 auto;
	border:1px solid #f90100;
	margin-top:10px;
	position:relative;
	margin-bottom:40px;
}
	#cabecera
	{
		height:95px;
		position:relative;
		margin-bottom:8px;
	}
		#logo
		{
			background:url(../IMG/Logo.gif);
			width:255px;
			height:95px;
			display:block;
			position:absolute;
		}
		#logoOracle
		{
			background:url(../IMG/LogoOracle.gif);
			width:154px;
			height:51px;
			display:block;
			position:absolute;
			bottom:0px;
			right:0px;
		}
		#menu
		{
			background-color:#d4d4d4;
			width:100%;
			height:28px;
			position:absolute;
			bottom:12px;
		}
			#menu ul
			{
				display:block;
				margin:0px;
				padding:0px;
				margin-left:255px;
				list-style-type:none;
			}
				#menu ul li
				{
					display:block;
					float:left;
					height:28px;
					line-height:25px;
					margin-right:20px;
					cursor:pointer;
				}
					#menu ul li a
					{
						font-family:Arial;
						font-size:12px;
						font-weight:bold;
						color:#585858;
						text-decoration:none;
						display:block;
						padding-left:2px;
						padding-right:2px;
						height:28px;
					}
					#menu ul li a:hover
					{
						color:#f90100;
					}
					#menu ul li a.seccionActiva
					{
						background-color:#f90100;
						color:#FFF;
					}
						
		#idiomas
		{
			position:absolute;
			right:29px;
			top:15px;
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
			#idiomas li
			{
				display:inline;
			}
			#idiomas li a
			{
				text-decoration:none;
				font-family:Arial;
				font-weight:bold;
				font-size:12px;
				color:#585858;				
			}
	#panelLateralIzquierdo
	{
		width:179px;
		margin-left:29px;
		float:left;
	}
		#panelLateralIzquierdo ul
		{
			padding:0px;
			margin:0px; 
			list-style-type:none;
		}
			#panelLateralIzquierdo ul li.seccionActiva a
			{
				color:#f90100;
			}
			#panelLateralIzquierdo ul li.seccionActiva li a
			{
				color:#353535;
			}
			#panelLateralIzquierdo ul li a
			{
				color:#353535;
				font-size:12px;
				font-family:Arial;
				font-weight:bold;
				text-decoration:none;
			}
			#panelLateralIzquierdo ul li li
			{
				margin-left:10px;
			}
				#panelLateralIzquierdo ul li li a
				{
					color:#353535;
					font-size:11px;
					font-weight:normal;
				}
	#cuerpo
	{
		float:left;
		width:686px;
		margin-left:12px;
		background:url(../IMG/RepetidorContenido.gif) top left repeat-x;
		border:1px solid #f90100;
		border-top:none;
		padding:13px;
	}
		#tituloCuerpo
		{
			color:#FFF;
			position:relative;
			top:-9px;
			left:-5px;
			font-family:Arial;
			font-size:14px;
			font-weight:bold;
			margin:0px;
		}
			#tituloCuerpo a
			{
				color:#FFF !important;
				text-decoration:none;
			}
	#pie
	{
		height:49px;
		clear:both;
		width:100%;
		padding-top:12px;
	}
		#barraDecorativa
		{
			background:url(../IMG/Pie.gif) top left no-repeat;
			height:26px;
			width:100%;
		}
		#textoPie
		{
			font-family:Arial;
			font-weight:bold;
			font-size:12px;
			color:#8e8e8e;
			text-align:center;
			height:23px;
			width:100%;
			line-height:23px;
		}
		
/* =Elementos que están en varias páginas
-----------------------------------------------------------------------------*/

div.panel
{
	background:url(../IMG/RepetidorPanelGris.gif) repeat-x bottom left #dbdbdb;
}
	div.panel div.cabecera
	{
		height:24px;
		padding-left:12px;
		text-align:left;
		font-size:14px;
		font-family:Arial;
		font-weight:bold;
		line-height:24px;
		color:#FFF;
	}
	div.panelNoticias
	{
		background:url(../IMG/FondoPanelNoticias.gif) top left #bebebe repeat-x;
		height:373px;
	}
	div.panelGris div.cabecera,
	div.panelNoticias div.cabecera
	{
		background:url(../IMG/RepetidorCabeceraPanelGris.gif) repeat-x;
	}
	div.panelRojo div.cabecera
	{
		background:url(../IMG/RepetidorContenido.gif) repeat-x bottom left #dbdbdb;
	}
	div.panel div.cuerpo
	{
		margin-bottom:28px !important;
		padding-top:17px;
		padding-left:16px;
		padding-right:16px;
	}
		div.panel div.cuerpo div.noticia
		{
			margin-bottom:9px;
		}
		div.panel div.cuerpo div.noticia div.titulo
		{
			color:#353535;
			font-size:12px;
			font-family:Arial;
			font-weight:bold;
		}
		div.panel div.cuerpo div.noticia div.entradilla
		{
			color:#575757;
			font-size:11px;
			font-family:arial;
		}
	div.panel div.pie
	{
		color:#2e2e2e;
		text-align:center;
		font-size:11px;
		font-family:arial;
		height:25px;
	}
	
	
	
#nav {float: left; width: 520px; margin-top:-5px; font-family: Arial, Helvetica, sans-serif; height:900px; list-style:none}
#nav li a {display: block; text-decoration: none; color: #000; list-style:none}
#nav li ul {display: none; list-style:none}
#nav li ul li a {padding: 10px 25px; background: #ececec; border-bottom: 1px dotted #ccc; list-style:none}
#nav li ul li { width:450px; margin-left: -14px; margin-top: 6px; text-align: justify; list-style:none}
#nav li {margin-top:-6px}


/* Añadido para la galería de consultoría ERP y otras similares */
.clear {
    clear:both
}
 
#gallerida {
    position:relative;
    height:300px;
}
    #gallerida a {
        float:left;
        position:absolute;
        text-decoration: none !important;
    }
     
    #gallerida a img {
        border:none;
    }
     
    #gallerida a.show {
        z-index:500
    }
 
    #gallerida .caption {
        z-index:600;
        background-color:#545454;
        color:#ffffff;
        height:300px;
        width:300px;
        position:absolute;
		margin-left:380px;
		text-align:justify;
        bottom:0;
		font-family:"Arial";
    }
 
    #gallerida .caption .content {
        margin:5px;
		font-size:12px;
	
    }
     
    #gallerida .caption .content h3 {
        margin:0;
        padding:0;
        color:#dd0000;
		font-size:19px;
		font-weight: bold;
    }
	


	p.titulako_slides_bi a { text-decoration:  none !important;}
	div.fondo_bi:hover { background-image:[url("http://gestion.onegolive.com/ArchivosDeUsuario/image/fond_rojo_bi.png")];}
	div.fondo_bi { background-image:[url("http://gestion.onegolive.com/ArchivosDeUsuario/image/fondo_gris_bi(2).png")];}
 
 /* Añadido para crear el visor de Oracle BI */

div.expositor { height: 120px; width:678px; -moz-border-radius: 5px; border-radius:5px; -webkit-border-radius:5px;background-color:#ccc; border: 5px solid #999;}
div.visor_imagen  { z-index:567; width: 103px; height:116px; border: 1px solid #000; border-radius:2px; -moz-border-radius: 2px; float:left; overflow:hidden; margin-top:2px;
-moz-box-shadow: inset 0 0 2px 2px #aaa;
-webkit-box-shadow: inset 0 0 2px 2px#aaa;
box-shadow: inset 0 0 2px 2px #aaa;}
div.contenedor_imagen { z-index:435; top:0px;}
div.contenedor_texto{ width: 500px; height:100px; float:left; z-index: 569; margin-left:23px; margin-top:9px; padding:3px}
div.contenedor_texto h3 { color:#ff0000; font-family: Arial, Helvetica, sans-serif; margin-top:-2px;}
div.contenedor_texto p  { font-family: Arial, Helvetica, sans-serif; font-size:11px; margin-top:-5px; text-align:justify;}

/*Añadido para visor Oracle BI de Soluciones/Problemas*/
div.mostradorzako{ border: 1px solid #999; -moz-border-radius: 12px; border-radius:12px; background-color:#eee; width: 687px; height:343px;}
div.mostra_col_izq{ width:170px; height:330px; margin-left:12px; border-right: 1px solid #999; padding-top:14px;}
div.pulsador_con { height:60px; -moz-border-radius: 12px; border-radius:12px; border: 1px solid #999; width:148px; margin-bottom:97px; background-color:#eee; 
-moz-box-shadow: inset 0 0 5px 5px #cfcfcf; -webkit-box-shadow: inset 0 0 5px 5px#cfcfcf; box-shadow: inset 0 0 5px 5px #cfcfcf; font-family: Arial, Helvetica, sans-serif; padding-bottom:12px;}
div.pulsador_sin { height:60px; -moz-border-radius: 12px; border-radius:12px; border: 1px solid #999; width:148px; margin-bottom:97px; background-color:#eee; font-family: Arial, Helvetica, sans-serif;
padding-bottom:12px;} 
div.slider-body { }
#mascarada {width:450px; height:280px; float:left; margin-top:-330px; margin-left:195px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:12px;}
#mascarada h2 { font-size:18px; color:#ff0000;} 

/*Añadido para páginas de Productos*/
/*Menu de Productos*/
#menu_prod_sel {width:672px; z-index:876; height:58px; margin: 16px auto; border: 1px solid #d3d3d3; -moz-border-radius:9px; -ms-border-radius:9px; border-radius:9px; background-color:#ececec;
-webkit-border-radius:9px; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.74, rgb(255,255,255)),
    color-stop(1, rgb(212,212,212))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 74%,
    rgb(212,212,212) 100%
);
-moz-box-shadow: 0 -3px 7px rgba(33,33,33,0.5);
-webkit-box-shadow: 0 -3px 7px rgba(33,33,33,0.5);
box-shadow: 0 -3px 7px rgba(33,33,33,0.5);
-ms-box-shadow: 0 -3px 7px rgba(33,33,33,0.5);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
behaviour: url(PIE.htc);}
#menu_prod_sel:hover {-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; border: 1px solid #bbb;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
   color-stop(0.14, rgb(212,212,212)),
    color-stop(0.34, rgb(255,255,255)),
    color-stop(1, rgb(255,255,255))
);

background-image: -moz-linear-gradient(
    center bottom,
    rgb(212,212,212) 14%,
    rgb(255,255,255) 34%,
    rgb(255,255,255) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

}
#rivete_prod { width:10px; height:58px; background-color:#ff0000; 
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.3, rgb(250,0,0)),
    color-stop(0.65, rgb(200,0,0))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(250,0,0) 30%,
    rgb(200,0,0) 65%
);float:left; -moz-border-radius-topleft:9px; -moz-border-radius-bottomleft:9px;
 -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius:9px; 
 }
#_container{ margin-left:23px; height:50px; width:167px; margin-top:8px;}
#prod_logo_container img { margin-left: 8px; margin-top: 10px;}
#menu_prod_options { width:490px;height:58px; border-left: 1px solid #d3d3d3; margin-top:-58px; float:right;}
#menu_prod_options ul { margin-left:-17px;}
#menu_prod_options ul li {display: block; text-decoration: none; list-style:none; float:left; margin-top:20px; }
#menu_prod_options ul li a { text-decoration:none; margin-right:12px; font-family: Arial, Helvetica, sans-serif; color:#000; font-size:14px;}
#menu_prod_options ul li a.select { text-decoration:none; margin-right:12px; font-family: Arial, Helvetica, sans-serif; color:#ff0000 	; font-size:14px; font-weight: bold;}
#menu_prod_options ul li a:hover { text-decoration:none; color:#ff0000;}
/*Galeria productos*/
#galeria_productos { width:640px; height:350px; margin: 10px auto; z-index:600; overflow:hidden;}
#galeria_productos div { float:left; position:absolute;}
p.titulako_slides_bi {font-family: Arial, Helvetica, sans-serif; font-size:30px; margin-top: -310px; margin-left: 165px;
text-decoration: none !important; color:black; opacity: 0; filter: alpha(opacity = 0)}
span.rojako_tocho { font-size: 40px; color:red; font-weight: bold;}
p.explicacion_de_todo {font-size: 17px; font-family: Arial, Helvetica, sans-serif; margin-top: -20px; margin-left:274px; width: 380px;
opacity: 0; filter: alpha(opacity = 0); text-align: justify;}
a.enlazako { color: blue !important; background-color: white;  text-decoration: underline;}
#galeria_productos div.show { z-index:500;}
#conten_dots { width:160px; height:30px; margin: -36px 43px; overflow:hidden; padding-top:6px; padding-left:6px; position:  absolute; z-index: 945}
div.dot_sel { margin-right: 4px;width: 15px; height:15px; float:left; background-image:url(http://gestion.onegolive.com/ArchivosDeUsuario/image/rojete.png); }
div.dot_nosel {margin-right: 4px; width: 15px; height:15px; float:left; background-image:url(http://gestion.onegolive.com/ArchivosDeUsuario/image/bot_no_visitado.png);}
div.bot_info { width:188px; height:63px; background-image:url(http://gestion.onegolive.com/ArchivosDeUsuario/image/info_hover.png);} 
div.bot_info:hover {width:188px; height:63px; background-image:url(http://gestion.onegolive.com/ArchivosDeUsuario/image/infakada.png);}
/*Seccion de Sectores JD Edwards */
div.conten_head_sector_jd {width:320px; height:210px; border: 1px solid #999999; -moz-box-shadow: -1px -1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: -1px -1px 3px rgba(0,0,0,0.2);
box-shadow: -1px -1px 3px rgba(0,0,0,0.2);}
div.conten_imag_head_sect { height:57px; width:120px;}
div.conten_titul_head_sect { height:56px; width:200px; position:absolute; margin-left:120px; float:left; margin-top:12px}
div.conten_titul_head_sect h2 { font-family:Arial, Helvetica, sans-serif; font-size:20px;}
div.texto_encabez_prod { width:650px; margin: 0 auto; float:left;}
div.conten_text_sect {width:280px; margin: 8px 12px; font-family:Arial; text-align:justify; font-size:11px;}
div.conten_cabecera_sector { background-color: #ddd; border-bottom: 1px solid #999999}
#conten_dots { margin-bottom:12px;}
/*widgets portada*/
div.conten_widget_portada { height: 180px; width:255px; overflow:hidden; z-index:900; float:left; margin-right:6px; margin-bottom:9px; border:none !important;}
div.conten_widget_portada:hover {z-index:900; overflow:hidden; float:left; 
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; text-decoration:none; text-decoration:none; !important}
div.conten_widget_portada img{ opacity: .7;filter: alpha(opacity = 70); border:none !important;}
div.conten_widget_portada a { text-decoration:none; !important; border:none !important;}
div.conten_widget_portada a:hover {text-decoration:none;}
div.cartelako2 { width:255px; background-color:#ababab; color: white; height:35px; opacity:0; filter: alpha(opacity = 0); margin-top: 90px; font-family:Arial; font-size:12px; position:absolute;
 z-index:1000;}
h2.titul2 { text-decoration:none; !important}
div.cartelako2 p { margin-left: 5px; margin-top:-2px;  text-decoration:none; !important}
div.cartelako2 p:hover { text-decoration:none; !important}
div.titulako_portada h2{ font-size:17px; font-weight:bold; color:red; font-family:Arial; opacity: .85;filter: alpha(opacity = 85) 
position:absolute; background-color: white; width:250px; height:30px; margin-top:4px;
padding-left:5px; padding-top: 5px; text-decoration:none; !important}
div.titulako_portada h2:hover { text-decoration:none;!important}
div.titulako_portada {margin-top:-185px;  z-index:879; width:255px;}
/*tercer tipo de galeria*/
#galeria_tres {width:678px; height:300px; z-index:987; overflow:hidden !important;}
div.slide_presentacion {width:678px; height:300px; z-index:985; overflow:hidden !important; opacity:0; filter: alpha(opacity = 0);position:absolute; float;left}
div.titulo_movimiento { width: 330px; height: 50px; margin-top: -265px; background-color: #efefef; z-index:945; position:relative; color: white; font-family: Arial, Helvetica, sans-serif; padding-left:12px; 
padding-right:12px; padding-bottom: 6px; padding-top:6px; opacity: 0; filter: alpha(opacity = 0); -moz-border-radius-topleft: 12px; border-top-left-radius: 12px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
div.titulo_movimiento h2 { font-size:22px; color: red;}
div.texto_movimiento { width: 330px; height: 125px; margin-top: 125px; margin-left:324px; background-color: #545454; z-index:925; position:relative; color: white; font-family: Arial, Helvetica, sans-serif; padding-left:12px; 
padding-right:12px; padding-bottom: 6px; padding-top:6px; opacity: 0; filter: alpha(opacity = 0);font-size:13px; text-align:justify;  -moz-border-radius-bottomleft: 12px; border-bottom-left-radius: 12px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;  box-shadow: 0 0 5px #888;}
/*nuevas páginas */
h1.titulako_super_grande { font-family: Arial, Helvetica, sans-serif; font-size: 45px; text-align: left; margin-top: 6px;}
div.contenedor_caja_sectores { margin: 17px 10px;}
div.icono_sectores {float:left; margin-right: 10px; margin-bottom: 10px; opacity:0.80; filter: alpha(opacity = 80);}
div.icono_sectores :hover { -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px#888; box-shadow: inner 0 0 5px #888;}
img.imagenredonda { }
div.texto_sectores { width: 678; padding-left: 25px; padding-right: 78px;}
/*seccion de nosotros*/
span.titulako_grandako { font-size: 104px; font-family: Arial, Helvetica, sans-serif; float: right; font-weight: bold; padding: 0px; margin-top: -28px; color:#666 !important}
span.titulako_medianako { font-size: 52px; font-family: Arial, Helvetica, sans-serif; float: right; font-weight: bold; padding-bottom: -4px; color:#666 !important;
margin-top: -12px; margin-bottom: 6px; width:687px; text-align: right;}
div.contenedor_de_presentacion { width: 670px; margin:  0 auto;}
div.contenedor_texto_presentacion { float: right; width: 346px; height: 140px; margin-left: -3px;; background-color: #FF1624; position:relative; }
div.contenedor_imagen_presentacion {float:left; position: relative;}
p.texto_presentacion { color: white; font-size: 26px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; 
font-style:  italic; margin-top: 8px; font-weight: bold;}
div.contenedor_texto_cuerpo { width: 670px; margin: 10px auto; float: left; margin-left: 6px; }
p.texto_general { font-family: Arial, Helvetica, sans-serif; font-size: 13px;  text-align: justify;}
div.contenedor_numerakos { width: 670px; margin:  0 auto; overflow: hidden; text-decoration:none;}
div.contenedor_numerakos a {  text-decoration: none;}
div.numerako { width: 330px; position: relative; height: 60px; float: left; margin-right: 5px; margin-bottom: 8px;
overflow: hidden; opacity: 0.1; filter: alpha(opacity= 10);text-decoration: none;}
div.numerako:hover {opacity:1; filter: alpha(opacity= 100)}
div.figura_numero { width: 40px; height: 60px; background-color: #FF1624; color: white; font-size: 45px; margin-right: 2px; 
font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 auto; text-decoration: none;}
div.figura_numero span { padding-left: 5px; padding-top: 5px; text-decoration: none;}
div.figura_numero a { text-decoration: none;}
div.contenedor_texto_numerakos { float: right; width: 290px;}
div.titulo_descripcion { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; padding-left: 11px; 
text-decoration: none; color: black;}
div.descripion_descripcion { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; padding-left: 16px; padding-right:8px;
text-align: justify; color: #2200c1; padding-top: 1px;}
h1.super_titulo { margin-top: -15px; !important; color:#333 !important;}
/*Cuarto tipo de Galeria*/
#galeria_4 {width: 686px; height: 228px; overflow:hidden !important; z-index:245;}
div.bot_nosel {height:15px; width:15px; background: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/bot_no_visitado.png); float: left;
margin-right:12px; z-index: 456;}
div.bot_sisel {height:15px; width:15px; background: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/rojete.png); float: left;
margin-right:12px; z-index: 456;}
#contenedor_bot_navegacion { z-index: 345; margin-top: -23px; position:absolute; float: left; margin-left: 12px;}
div.img_gal {position:absolute; float: left; opacity:0; filter: alpha(opacity = 0); overflow: hidden; height: 228px;}
div.cartel_fotografia {width:268px; height: 45px; background-color: #fff; margin-top: -220px; position: relative; opacity:0; filter: alpha(opacity = 0);
-moz-border-radius-topright: 8px; border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;
-moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px;
-webkit-box-shadow: 7px 3px 5px 2px rgba(0,0,0,0.5); z-index:650;
-moz-box-shadow: 7px 3px 5px 2px rgba(0,0,0,0.5);
-ms-box-shadow: 7px 3px 5px 2px rgba(0,0,0,0.5);
box-shadow: 7px 3px 5px 2px rgba(0,0,0,0.5);}
div.cartel_fotografia p { font-family: Arial, Helvetica, sans-serif; font-size: 26px; margin-top: 3px; padding-left:15px;
font-weight: bold; color:red; text-align: center}
/*Selector de Servicios*/
div.contenedor_selectores { margin-left: 15px;}
div.contenedor_selectores ul { margin-top: 45px;}
div.contenedor_selectores ul li { list-style: none; float: left; border-radius: 7px; -moz-border-radius: 7px; margin-right: 25px;
font-family: Arial; font-size: 18px; font-weight: bold; height: 30px; width: 130px; text-align: center; padding-top: 7px;
border: 1px solid  #8e8e8e;
text-shadow: 0px 1px 0px #808080;
filter: dropshadow(color=#808080, offx=0, offy=1); }
div.contenedor_selectores ul li:hover {
	box-shadow: none !important; 
}
li.servicio_seleccionado {
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .5);
-moz-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .5);
box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .5); 
color:  white;
text-shadow: 0px 1px 0px #ff3333;
filter: dropshadow(color=#ff3333, offx=0, offy=1);}
li.servicio_no_seleccionado {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(155,155,155,0.65) 100%); /* FF3.6+ */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(226,226,226,0) 64%, rgba(216,216,216,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(64%,rgba(226,226,226,0)), color-stop(100%,rgba(216,216,216,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(226,226,226,0) 64%,rgba(216,216,216,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(226,226,226,0) 64%,rgba(216,216,216,0.65) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(226,226,226,0) 64%,rgba(216,216,216,0.65) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6d8d8d8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(226,226,226,0) 64%,rgba(216,216,216,0.65) 100%); /* W3C */
-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .5);
filter: dropshadow(color=#a8a8a8, offx=1, offy=1);}
#contenedor_servicios {height: 400px; width: 652px; overflow: hidden; position: relative; z-index: 45;}
#contenedor_servicios ul li { list-style: none; float:  left; height: 400px; width:652px; position:relative; top:0; left:0}
#contenedor_servicios ul {
    position:relative;
    left:0;
    top:0;
    list-style:none;
    margin:0;
    padding:0; 
    width:2680px;           
}
div.titulos_servicios { margin-left: 340px; margin-top: -380px; z-index: 4}
h2.titulo_servicios a { font-family: Arial; font-size: 26px; text-decoration: none; color: red}
h2.titulo_servicios a:hover { text-decoration: underline;}
p.parrafo_servicios { font-family: Arial, Helvetica, sans-serif; color: black; font-size: small; text-align: justify;
padding: 5px;}
/* galería para nueva campaña*/
#contenedor_galeria5 { width: 690px; height: 400px; z-index: 456; overflow: hidden !important; position:relative;}
div.slide_mensaje_comercial {width: 690px; height: 400px; position: absolute; opacity:0; filter: alpha(opacity = 0); overflow: :hidden !important;  }
p.texto_slide_galeria5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: -170px; width: 230px; margin-left: 30px;
text-align: justify; opacity: 0; filter:alpha(opacity=0); color: black;}
p.textako_principal6 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; 
text-align: left; color: black;text-align: left; margin-left: 35px; margin-top: -6px;}
div.parrafako_principal {width: 670px; color: black; text-align: justify}
/*Botonoes de acción*/
/*Botono derecho*/
div.botonako_right { height: 35px; width: 180px; text-align:left; float: left;
        border: 3px solid white; padding-bottom: 12px; font-weight:bold; color: white;
        font-family: Arial, Helvetica, sans-serif; font-size:20px;
		background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #ff0000 0%, #b20000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#b20000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff0000 0%,#b20000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff0000 0%,#b20000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000 0%,#b20000 100%); /* IE10+ */
background: linear-gradient(top, #ff0000 0%,#b20000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b20000',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px; 
-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, .2); 
text-shadow: 0px 1px 1px #4d4d4d; 
opacity: 0; filter:alpha(opacity=0); color: black;}
div.botonako_left td {text-shadow: 0px 1px 1px #4d4d4d; color:white;}
/*Botono izquierdo*/
div.botonako_right td {text-shadow: 0px 1px 1px #4d4d4d; color:white;}
div.botonako_right td a { text-decoration: none !important;}
div.botonako_left { height: 35px; width: 180px;  float:left; margin-top: 25px;
        border: 3px solid white; padding-bottom: 12px; font-weight:bold; text-align: left;color:white;
        font-family: Arial, Helvetica, sans-serif; font-size:20px;
        background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
background: linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;  
-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, .2); 
opacity: 0; filter:alpha(opacity=0); color: black;
behaviour: url(CSS/PIE.htc);}	
div.contenedor_central { margin-left: 25px; width: 210px; margin-top: -160px; z-index: 456; position: absolute;}
 
div.botonako_left:hover {-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 1);  } 
div.botonako_right:hover {-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 1);} 
div.botonako_left  a { text-decoration: none;}
div.botonako_right a { text-decoration: none;}
/*Modficación de la galería de servicios*/
h2.titulo_slides_bi { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: -400px;
margin-left: 30px; font-size: 34px;}
p.senya_sol_bi  { font-family: Arial, Helvetica, sans-serif; font-style: italic;
margin-left: 45px; font-size:20px; z-index: 999;}
img.imagen_soluciones { z-index: 12;}
#controles_galeria { width:180px; height: 40px; z-index: 978; margin-top: -60px; position: absolute; margin-right:35px;
-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .2); 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-left: 35px;  }
div.boton_sol_avanzar { margin-top:5px;height:30px; width: 37px; background: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/boton_derecha.png); opacity: 0.8; filter:alpha(opacity= 80); float: right; margin-right: 5px;}
div.boton_sol_retroceder {margin-top:5px; url(http://gestion.onegolive.com/ArchivosDeUsuario/image/boton_izquierda.png); height:30px; width: 37px; background: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/boton_izquierda.png); opacity: 0.8; filter:alpha(opacity= 80); float: left;}
div.boton_sol_avanzar:hover {opacity: 1; filter:alpha(opacity= 100);}
div.boton_sol_retroceder:hover {opacity: 1; filter:alpha(opacity= 100);}
div.boton_sol_avanzar:active { background: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/boton_derecha_somb.png);}
div.boton_sol_retroceder:active {background: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/boton_izquierda_somb.png);}
div.barrota_contadora { height: 20px; width: 1px; float: left; margin-top: -12px; margin-left: 5px; 
background: #c5c5c5; /* Old browsers */
background: -moz-linear-gradient(top, #c5c5c5 0%, #707070 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5c5c5), color-stop(100%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c5c5c5 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c5c5c5 0%,#707070 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c5c5c5 0%,#707070 100%); /* IE10+ */
background: linear-gradient(top, #c5c5c5 0%,#707070 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
opacity: 0.6; filter:alpha(opacity=60);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#contendor_contacto_bisol { margin-top: -210px; z-index: 999; position: absolute; margin-left: 45px;}
p.parrafako_sol_bi { font-family: Arial, Helvetica, sans-serif; font-size: small; text-align:left; padding-left: 40px;
padding-right: 10px;}
div.textako_sol_bi { width: 680px; margin-top: -2px}
#contendor_contacto_bisol { margin-top: -210px; z-index: 999; position: absolute; margin-left: 45px;}
#contendor_contacto_bisol2 { margin-top: -140px; z-index: 999; position: absolute; margin-left: 35px;}
table.tabla_tags td { font-size: 20px; font-weight: bold; font-style:  italic;  font-family:Arial, Helvetica, sans-serif;
opacity: 0; filter:alpha(opacity=0);}
table.tabla_tags {margin-left: 35px; margin-top: -5px; width: 400px;}
/* Guía de Software Empresarial*/
p.parrafo_explicativo { font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-align: left; padding-top:12px;
width: 660px; margin: 0 auto;}
#contenedor_texto_explicativo { width: 660px;}
div.contenedor_imagenes_guia ul  li {list-style: none; float: left; margin-bottom: 2px; margin-right:2px; border: 1px solid  #ccc; height: 199px;}
li.mostrador_guiaII {list-style: none; float: left; margin-bottom: 2px; margin-right:2px; border: 1px solid  #ccc; height: 177px !important;}
div.contenedor_imagenes_guia ul  li:hover {-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .4);
border: 1px solid red; color:red; z-index: 998;}
div.contenedor_imagenes_guia ul { width: 670px; padding: 0; margin-left: 0px;}
div.contenedor_imagenes_guia { width:  670px; margin:  0 auto;}
p.parrafo_subtitulo {font-size: 34px; font-family: Arial, Helvetica, sans-serif; width: 120px; margin-top: -185px; position: relative; font-weight: bold;
margin-left: 6px;}
p.parrafo_subtitulo_grande {font-size: 44px; font-family: Arial, Helvetica, sans-serif; width:350px; margin-top: -165px; position: relative; font-weight: bold;
margin-left: 200px;}
p.parrafo_subtituloII {font-size: 34px; font-family: Arial, Helvetica, sans-serif; width: 120px; margin-top: -165px; position: relative; font-weight: bold;
margin-left: 6px;}
p.parrafo_subtitulo_grandeII {font-size: 44px; font-family: Arial, Helvetica, sans-serif; width:350px; margin-top: -145px; position: relative; font-weight: bold;
margin-left: 200px;}
#contenedor_contenido_guia {width: 660px; margin: 0 auto; overflow: hidden; overflow: hidden; border 1px solid black;}
#contenedor_contenido_guia h1 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; }
p.texto_guia_software { font-family: Arial, Helvetica, sans-serif; font-size: small; text-align: justify}
#contenedor_contenido_guia ul {font-family: Arial, Helvetica, sans-serif; font-size: small; text-align: justify}
#contenedor_dudas {margin: 0 auto; width:690px; height: 100px; background-image: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/dudas_boton_inactivo.png);}
#contenedor_dudas:active {background-image: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/dudas_boton_activo.png)}
#contenedor_dudas p { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; 
text-decoration: underline; padding-top: 35px; padding-left: 85px; color:#333;}
/*Zona de portfolio*/
#separador_pag_portfolio {margin-top: -75px; float: left; z-index: 88; position: relative;}
#contenedor_pestas_portfolio {width: 100%; height: 90;}
div.portfolio_seleccionado {font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:red;
position:relative; float: left; height: 90px; width: 250px; padding-top: 45px; padding-left: 65px; overflow: hidden;z-index:350; 
background-image: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/portfolio_seleccionado.png); background-position: top left; background-repeat: no-repeat;}
div.portfolio_no_seleccionado { cursor: pointer;font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color: #444;
positon:relative; float: left; height: 90px; width: 250px; padding-top: 45px; padding-left: 65px; overflow: hidden; z-index: 54;
background-image: url(http://gestion.onegolive.com/ArchivosDeUsuario/image/portfolio_inseleccionado.png); background-position: top left; background-repeat: no-repeat;}
/* Pijorros de esta Galería */
#contenedor_surtido { margin-top: 0px; position: relative; overflow: hidden; width: 680px; height: 470px; z-index: 999;}
#surtido_servicios {position: relative; float: left; overflow: hidden; height: 500px;}
#surtido_servicios ul li {height: 134px; width: 192px; overflow:hidden;
border: 1px solid red; list-style: none; float: left;
margin-right:15px; margin-top: 5px;}
surtido_servicios ul li p a {text-decoration: none !important;}
#surtido_productos {position: relative; float: left;}
p.cartelako_productos a {text-decoration: none  !important}
#surtido_productos ul li {height: 134px; width: 192px; overflow:hidden; border: 1px solid red; 
list-style: none; float: left;
margin-right:15px; margin-top: 5px;  }
p.cartelako_productos { font-family: Arial, Helvetica, sans-serif; text-align: center; 
font-weight: bold; z-index: 999; color:white; margin-top: 4px;}
div.contenedor_parrafo_cartelako { z-index: 998; width: 192px; height:30px; background-color: red;  position: relative;  
opacity:0.7; filter:alpha(opacity=70);margin-top:-35px; }
div.contenedor_parrafo_cartelako  a {text-decoration: none !important;}
.contenedor_productos_port img { z-index: 200;}
#contenedor_separador_inferior {position:relative; z-index: 999;}

