@charset "utf-8";
/* Reset */
* {
border: none 0;
margin: 0;
padding: 0;
outline: none 0;
vertical-align: baseline;
font-size: inherit;
color: inherit;
}
:focus, :hover {outline: 0;}
ol, ul, li { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*.fieldBody li {list-style-type: circle; margin:0 0 10px 30px;}
.fieldBody font { color: #f00;}*/
/* Estilos */
body{ background:#000 no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #fefeff; }
/*li{margin-bottom: 3px;}*/
p{margin-bottom: 7px;}
a, a:active, a:visited{ color: #fefeff;}
#rile{ width: 769px; margin: 0 auto;} /*el contenedor*/
#aviso_ie6{
background-color:#FFFF99;
text-align:center; margin-bottom: 8px;
padding: 3px 0; border-bottom: 1px #F00 solid;
font-size:11px; color: #000;
visibility: hidden;
height:12px;
}#aviso_ie6 a{ color:#F00;
}
#contacto {position:absolute; width:300px; height:200px; top:-164px; left:100%; margin-left:-336px; padding:10px 10px 10px 15px; z-index:100; background:url(../i/bgs/contacto.png) no-repeat; cursor:pointer;}
#contacto li{ padding: 0 0 13px 0;}
#contacto strong{ font-size:14px;}
/*#contacto*/ ul{ margin:0; padding: 0; }
#lemas {position:absolute; width:448px; height:30px; bottom:90px; left:-448px; z-index:97;}
#lema_1 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_1.png) no-repeat; display:inline;}
#lema_2 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_2.png) no-repeat; display:none;}
#lema_3 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_3.png) no-repeat; display:none;}
#lema_4 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_4.png) no-repeat; display:none;}

#lema_servicios_1 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_servicios_1.png) no-repeat; display:inline;}
#lema_servicios_2 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_servicios_2.png) no-repeat; display:none;}
#lema_servicios_3 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_servicios_3.png) no-repeat; display:none;}
#lema_servicios_4 {position:absolute; width:448px; height:30px; bottom:0px; left:0px; z-index:100; background:url(../i/bgs/lema_servicios_4.png) no-repeat; display:none;}

#logo{ width: 130px; height:72px; margin: 0 auto; cursor:pointer;} /*el logo no tiene por qué ir en background*/
#avisar_logo {position:absolute; width:129px; height:45px; top:45px; left:50%; margin-left:-75px; text-align:center; z-index:98; display:none; background:url(../i/bgs/avisar_logo.png);} 
#contenidos{ } /* aquí dentro irían todas las capas excepto la cabecera y el pie*/
#contenedor_about{ position:absolute; top:190px; left:20%; width:164px; z-index:100; 
background:url(../i/bgs/about.png) no-repeat; display:none;}
#ti_about{ width:100%; height:57px; padding:0px; text-align:center; z-index:100; cursor: n-resize;  }
#move_about{ width:100%; height:23px; text-align:right;}
#move_about img {width:24px; height:23px; border:none; opacity:0; filter: alpha(opacity=0); cursor: move;}
#about{ width:131px; height:156px; padding: 0px 0 0 33px; text-align:left; z-index:100; display:none; cursor: n-resize;}
/*Oculto caso de éxito*/
#enlace_exito_about{display:none;}
#about a{ text-decoration:none; color: #fefeff;}
#sentido_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/sentido_about.png) no-repeat; display:none; cursor:pointer;}
#labor_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/labor_about.png) no-repeat; display:none; cursor:pointer;}
#equipo_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/equipo_about.png) no-repeat; display:none; cursor:pointer;}
#diferencia_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/diferencia_about.png) no-repeat; display:none; cursor:pointer;}
#hardware_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/hardware_about.png) no-repeat; display:none; cursor:pointer;}
#alternativa_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/alternativa_about.png) no-repeat; display:none; cursor:pointer;}
#exito_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/exito_about.png) no-repeat; display:none; cursor:pointer;}
#clientes_about{ width:362px; height:220px; position:absolute; top: 0px; left: 184px; padding-top:60px; padding-left:30px; padding-right:20px; background:url(../i/bgs/clientes_about.png) no-repeat; display:none; cursor:pointer;}
#contenedor_servicios{ position:absolute; top:190px; left:67%; width:164px; z-index:100; 
background:url(../i/bgs/servicios.png) no-repeat; display:none;}
#ti_servicios{ width:100%; height:54px; padding:0px; text-align:center; z-index:100; cursor: n-resize; }
#move_servicios{ width:100%; height:23px; text-align:right;} 
#move_servicios img {width:24px; height:23px; border:none; opacity:0; filter: alpha(opacity=0);  cursor:move;}
#servicios{ width:129px; height:177px; padding: 0px 0 0 35px; text-align:left; z-index:100; display:none; cursor: n-resize; }
#servicios a{ text-decoration:none; color: #fefeff;}
#creatividad_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background:url(../i/bgs/creatividad_servicios.png) no-repeat; display:none; cursor:pointer;}
#disenografico_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background:url(../i/bgs/diseno_grafico_servicios.png) no-repeat; display:none; cursor:pointer;}
#disenoweb_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background: url(../i/bgs/diseno_web_servicios.png) no-repeat; display:none; cursor:pointer;}
#editorial_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background:url(../i/bgs/editorial_servicios.png) no-repeat; display:none; cursor:pointer;}
#formacion_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background: url(../i/bgs/formacion_servicios.png) no-repeat; display:none; cursor:pointer;}
#fotografia_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background: url(../i/bgs/fotografia_servicios.png) no-repeat; display:none; cursor:pointer;}
#marketing_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background: url(../i/bgs/marketing_servicios.png) no-repeat; display:none; cursor:pointer;}
#multimedia_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background: url(../i/bgs/multimedia_servicios.png) no-repeat; display:none; cursor:pointer;}
#nuevastecnologias_servicios{ width:387px; height:260px; position:absolute; top: 0px; left: 184px; background: url(../i/bgs/tecnologias_servicios.png) no-repeat; display:none; cursor:pointer;}
/*Barra Slider*/
#content-slider{
  width: 30px; height: 180px;
  position: absolute;
  right:0px;
  top:60px;
  z-index:101;
}
#content-slider-guia{
  width: 5px; height: 180px;
  background: #999999;
  position: absolute;
  right:8px;
  z-index:102;
}
.ui-slider-handle{
  width: 9px; height: 9px;
  position: absolute;
  left:15px;
  background: #CCCCCC;
  z-index:103;
}
#content-scroll{
  width: 337px; height: 180px;
  top:60px;
  left:30px;
  overflow: hidden;
  position:absolute;
}
#content-holder-creatividad{
  width: 337px; height: 90px;
}
#content-holder-nuevastecnologias{
  width: 337px; height: 600px;
}
#content-holder-disenografico{
  width: 337px; height: 270px;
}
#content-holder-disenoweb{
  width: 337px; height: 720px;
}
#content-holder-multimedia{
  width: 337px; height: 180px;
}
#content-holder-marketing{
  width: 337px; height: 160px;
}
#content-holder-editorial{
  width: 337px; height: 130px;
}
#content-holder-fotografia{
  width: 337px; height: 180px;
}
#content-holder-formacion{
  width: 337px; height: 275px;   
}
/* Fin Barra Slider */
#pie{
position: fixed;
bottom: 0; left: 0;
z-index: 99;
width: 100%;
overflow: hidden;
background: url(../i/bgs/bg_pie.png) repeat-x;
visibility:visible;
}
#pie_ril{
position: relative;
width: 44px; height: 45px;
float:left;
text-align:left;
padding-left:15px;
}
#pie_ril img{
padding-top:19px;
width: 37px; height: 20px;
border: 0px;
}
#pie_ril a{
opacity:0.99;
filter: alpha(opacity=99);
}
#pie_hueco{
position: relative;
height: 45px;
float:left;
}
#pie_botones{
position: relative;
width:105px; height: 45px;
float:right;
}
#pie_botones_servicios{
position: relative;
width:82px; height: 45px;
float:right;
}
#pie_botones img, #pie_botones_servicios img{
padding-top:22px;
width: 16px; height: 16px;
border: 0px;
}
#boton_pie_w3c img{
width: 28px;
}
/*Ocultar botón pie ayuda*/
#boton_pie_ayuda{
display:none;
}

#pie_botones a, #pie_botones_servicios a{
opacity:0.99;
filter: alpha(opacity=99);
}
.boton_pie {
height: 45px;
float: left;
padding-left:10px;
}

#menu_pie_copy a,#menu_pie_w3c a,#menu_pie_novedades a{
text-decoration:none; color: #fefeff;
}

#menu_pie_copy {position:absolute; width:120px; height:127px; bottom:0px; right:0px; padding-right:17px; padding-top:20px;background: url(../i/bgs/menu_pie.png); font-size:10px; text-align:right; z-index:98; display:none;}
#menu_pie_w3c {position:absolute; width:135px; height:147px; bottom:0px; right:0px; padding-right:17px; padding-top:20px;background: url(../i/bgs/menu_pie.png); font-size:10px; text-align:right; z-index:98; display:none;}
#menu_pie_novedades {position:absolute; width:193px; height:184px; bottom:0px; right:0px; padding-right:17px; padding-top:20px;background: url(../i/bgs/menu_pie.png); font-size:10px; text-align:right; z-index:98; display:none;}

.ti_menu_pie
{
color:#fff; font-size:13px; font-weight: bold; padding-bottom:5px;
}
ul.novedades, .columna ul, ul.copyright, ul.validacion{
    padding:0;
    list-style-type: none;
}
ul.novedades li, .columna ul li, ul.copyright li, ul.validacion li{
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px solid #3d3d3d;
}ul.validacion li{ padding:3px 0;}
ul.novedades .fecha{
    color:#858585;
    padding:0 15px 0 0;
}
ul.novedades a, ul.copyright a, ul.validacion a{
    color:#bfbfbf;
    text-decoration:none;
}
ul.novedades a:hover, ul.novedades a:hover .fecha, ul.copyright a:hover, ul.validacion a:hover{
    color:#fff;
    text-decoration:none;
}
.hover img{
opacity:0.99;
}
h1, h2, h3{ color:#fff; margin: 0 0 10px 0;font-weight: bold; border-bottom:1px solid #bfbfbf; padding:0;}
h1{ font-size:16px;} h2{ font-size: 14px;} h3{ font-size: 13px;}
.no_border{display:none; border:none;}
.left {float: left;}
#mapa-web {position:absolute;  bottom:0px; left:0px; margin-left:0px; z-index:98;  font-size: 10px; background:url(../i/bgs/mapa-web.png) no-repeat top left; width:615px; height:219px; padding-top:30px; display:none;}
#mapa-web ul { list-style: none; padding:0; }
#mapa-web .col3 {width: 160px;}
#mapa-web .col3mid {width: 250px;}
#mapa-web .col3mid .col3_content{ border-left: 1px solid #3D3D3D; border-right: 1px solid #3D3D3D;
	padding: 0 20px; margin: 0 20px;
}
#mapa-web li{ color: #fefeff; padding: 4px 0; border-bottom: 1px solid #3d3d3d;}
#mapa-web li a{ color: #fefeff; text-decoration: none; } 
#mapa-web li a:hover{ color: #fff; text-decoration: underline; }

/*COOKIE LAW*/
#cookie-law {
display: block;
border: 0;
font-size: 9pt;
margin: 0 auto;
padding: 5px 0;
text-align: right;
position: fixed;
z-index: 9999;
bottom: 0;
background-color: #000;
width: 100%;
border-top: 1px solid #fff;
}
#cookie-law p {
margin-top: 5px;
margin-bottom: 5px !important;
text-align: center !important;
}
#cookie-law a { text-decoration:none;}
#cookie-law a:hover{color:#FFB301; text-decoration:underline;}
.close-cookie-banner, .close-cookie-banner:visited {
display: inline-block;
padding: 5px 10px 6px;
color: #FFB301;
text-decoration: none;
cursor: pointer;
margin: auto 10px;
font-size: 12px;
line-height: 1;
font-weight: bold;
}