@charset "utf-8";
body{ margin:0; padding:0;color: #000000;  font: 0.8em arial, tahoma, verdana, helvetica, sans-serif;text-align:center;}
div,h1,h2,h3,h4,h5,h6,ul,li,p, form, fieldset, span{margin:0; padding:0;border:none;}
a{cursor:pointer; }
p a{ color:#E60100; font-weight:bold;text-decoration:underline;}
a img{ border:none;}
.clear{width:100%; height:1px; clear:both;}
.error{color:#E00000;}
.centro{ text-align:center;}
h2 a, h3 a, h4 a{ text-decoration:none;}

/*Elementos generales*/

h1 a{ background-image:url(imagenes/logo_blogocio.gif); width:150px; height:36px; float:left; display:block; margin-top: 10px;}
h1 a span{ display:none;}
.mininoticia{ width:730px; float:left; margin: 0 80px;}
	.mininoticia .fecha{ font-style:italic;font-size:12px;}
	.mininoticia h3{ font-size:16px; margin: 5px 0;}
	.mininoticia .imagen{ text-align:center;}
	.mininoticia .imagen img{ padding: 4px; border:#C4C5C7 1px solid; margin:6px 12px 12px 0;}
	.mininoticia p{ margin: 10px 0;}
	
/*Pie*/

#footer{ text-align:center;color:#FFFFFF; font-size:12px; margin: 10px 0 20px 0;}
	#footer a{ color:#FFFFFF; font-weight:normal;}
	#footer p{ margin:10px 0;}
/*Privacidad*/
	.sec_privacidad{background-color:#790102;}
	.sec_privacidad #principal{ background-color:#FFFFFF;}
	.sec_privacidad h2{ display:none;}
	.sec_privacidad #content{ padding: 50px 80px 40px 60px; background-image:url(imagenes/fnd_base_legal.png); background-repeat:no-repeat; width: 833px;margin-right:auto; margin-left:auto;text-align:left;}
	.sec_privacidad p{ margin: 10px 0;}
	.sec_privacidad li {display:block; background: #FFF url(imagenes/icono_listas.gif) no-repeat;margin:0; padding:0 0 0 12px;}
/*Home*/
	.sec_inicio{background-color:#790102;}
	.sec_inicio #principal{ background-color:#FFFFFF;}
	.sec_inicio .contenedor{background: #FFFFFF url(imagenes/fnd_prehome.jpg) repeat-x top;}
	#header{ height:52px; width: 990px;margin-right:auto; margin-left:auto; }
	.sec_inicio #content{width: 990px;margin-right:auto; margin-left:auto;text-align:left;}
	.sec_inicio .cajabase{ background-image:url(imagenes/fnd_base_prehome.png); background-repeat:no-repeat; width:380px; height: 365px; float:left; margin:5px; padding:10px 48px 0 49px;}
	.sec_inicio .lineacajas{height: 460px; padding:0 7px;}
	.sec_inicio h2{ text-transform:uppercase; color:#787870; font-weight:normal;font-size:18px; margin:10px 0;font-family:Helvetica;} .sec_inicio h2 a{color:#787870;}
	.sec_inicio .lineanoticias h2{ margin-left:50px;}
	.sec_inicio .lineanoticias{ background-color:#F5F5F5; margin:15px; padding: 20px 10px 40px 10px;}
/*Ocio Electronido*/
	.sec_ocio{background-color:#E66700;}
	.sec_ocio #principal{width: 970px;margin-right:auto; margin-left:auto;text-align:left;}
	.sec_ocio #content{ min-height: 500px; background-color:#FFFFFF; margin-left:195px; padding: 0 0 0 35px;}
	.sec_ocio #footer{margin-left:195px;}
	
/*Desarrollo*/
	.sec_desarrollo{background-color:#790102; background-image:url(imagenes/fondo_blogocio.png); background-repeat:repeat-x;}
	.sec_desarrollo #principal{width: 970px;margin-right:auto; margin-left:auto;text-align:left;}
	.sec_desarrollo #content{ min-height: 500px; background-color:#FFFFFF; margin-left:195px; padding: 0 0 0 35px;}
	.sec_desarrollo #footer{margin-left:195px;}

#menu{width:220px;float:left;position:absolute;}
	#menu ul{ list-style:none;}
	#menu ul span{display:none;}
	#menu .links a{display:block; height:33px; width:219px;}
	#menu .links_admin a{display:block; height:32px; width:213px;}
	#menu .links{margin: 60px 0 40px 0;}
	#menu .links li{margin:0;}
	#menu .links_admin{margin-top: 40px;}
	
	.sec_ocio #menu_redigital a{ background:url(imagenes/but_ocio01.gif) no-repeat right;}
	.sec_ocio #menu_gestion a{ background:url(imagenes/but_ocio02.gif) no-repeat right;}
	.sec_ocio #menu_desarrollo a{ background:url(imagenes/but_ocio03.gif) no-repeat right;}
	.sec_ocio #menu_marketing a{ background:url(imagenes/but_ocio04.gif) no-repeat right;}
	.sec_ocio #menu_portfolio a{ background:url(imagenes/but_ocio05.gif) no-repeat right;}
	.sec_ocio #menu_contacto a{ background:url(imagenes/but_ocio06.gif) no-repeat right;}
	
	.sec_ocio #menu_redigital a:hover{ background-image:url(imagenes/but_ocio01_roll.gif);}
	.sec_ocio #menu_gestion a:hover{ background-image:url(imagenes/but_ocio02_roll.gif);}
	.sec_ocio #menu_desarrollo a:hover{ background-image:url(imagenes/but_ocio03_roll.gif);}
	.sec_ocio #menu_marketing a:hover{ background-image:url(imagenes/but_ocio04_roll.gif);}
	.sec_ocio #menu_portfolio a:hover{ background-image:url(imagenes/but_ocio05_roll.gif);}
	.sec_ocio #menu_contacto a:hover{background-image:url(imagenes/but_ocio06_roll.gif);}
	
	.sec_ocio #menu_redigital a.activo, .sec_ocio #menu_redigital a.activo:hover{ background-image:url(imagenes/but_ocio01_off.gif);}
	.sec_ocio #menu_gestion a.activo,.sec_ocio #menu_gestion a.activo:hover{ background-image:url(imagenes/but_ocio02_off.gif);}
	.sec_ocio #menu_desarrollo a.activo,.sec_ocio #menu_desarrollo a.activo:hover{ background-image:url(imagenes/but_ocio03_off.gif);}
	.sec_ocio #menu_marketing a.activo,.sec_ocio #menu_marketing a.activo:hover{ background-image:url(imagenes/but_ocio04_off.gif);}
	.sec_ocio #menu_portfolio a.activo,.sec_ocio #menu_portfolio a.activo:hover{ background-image:url(imagenes/but_ocio05_off.gif);}
	.sec_ocio #menu_contacto a.activo,.sec_ocio #menu_contacto a.activo:hover{ background-image:url(imagenes/but_ocio06_off.gif);}
	

	.sec_desarrollo #menu_conocenos a{ background:url(imagenes/but_corporativa01.gif) no-repeat right;}
	.sec_desarrollo #menu_diseno a{ background:url(imagenes/but_corporativa02.gif) no-repeat right;}
	.sec_desarrollo #menu_programacion a{ background:url(imagenes/but_corporativa03.gif) no-repeat right;}
	.sec_desarrollo #menu_marketing a{ background:url(imagenes/but_corporativa04.gif) no-repeat right;}
	.sec_desarrollo #menu_portfolio a{ background:url(imagenes/but_corporativa05.gif) no-repeat right;}
	.sec_desarrollo #menu_contacto a{ background:url(imagenes/but_corporativa06.gif) no-repeat right;}
	
	.sec_desarrollo #menu_conocenos a:hover{ background-image:url(imagenes/but_corporativa01_roll.gif);}
	.sec_desarrollo #menu_diseno a:hover{ background-image:url(imagenes/but_corporativa02_roll.gif);}
	.sec_desarrollo #menu_programacion a:hover{ background-image:url(imagenes/but_corporativa03_roll.gif);}
	.sec_desarrollo #menu_marketing a:hover{ background-image:url(imagenes/but_corporativa04_roll.gif);}
	.sec_desarrollo #menu_portfolio a:hover{ background-image:url(imagenes/but_corporativa05_roll.gif);}
	.sec_desarrollo #menu_contacto a:hover{background-image:url(imagenes/but_corporativa06_roll.gif);}
	
	.sec_desarrollo #menu_conocenos a.activo, .sec_desarrollo #menu_conocenos a.activo:hover{ background-image:url(imagenes/but_corporativa01_off.gif);}
	.sec_desarrollo #menu_diseno a.activo,.sec_desarrollo #menu_diseno a.activo:hover{ background-image:url(imagenes/but_corporativa02_off.gif);}
	.sec_desarrollo #menu_programacion a.activo,.sec_desarrollo #menu_programacion a.activo:hover{ background-image:url(imagenes/but_corporativa03_off.gif);}
	.sec_desarrollo #menu_marketing a.activo,.sec_desarrollo #menu_marketing a.activo:hover{ background-image:url(imagenes/but_corporativa04_off.gif);}
	.sec_desarrollo #menu_portfolio a.activo,.sec_desarrollo #menu_portfolio a.activo:hover{ background-image:url(imagenes/but_corporativa05_off.gif);}
	.sec_desarrollo #menu_contacto a.activo,.sec_desarrollo #menu_contacto a.activo:hover{ background-image:url(imagenes/but_corporativa06_off.gif);}
	
	
	#destacados_conocenos{ background-image:url(imagenes/titulo_corporativa_conocenos.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_diseno{ background-image:url(imagenes/titulo_corporativa_diseno.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_programacion{ background-image:url(imagenes/titulo_corporativa_programacion.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_marketing{ background-image:url(imagenes/titulo_corporativa_marketing.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_portfolio{ background-image:url(imagenes/titulo_corporativa_portfolio.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_contacto{ background-image:url(imagenes/titulo_corporativa_contacto.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_contenidos{ background-image:url(imagenes/titulo_ocio_contenidos.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_portales{ background-image:url(imagenes/titulo_ocio_redportales.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_desarrollo{ background-image:url(imagenes/titulo_ocio_desarrolloweb.gif); width:320px; height:33px;margin:15px 0;}
	#destacados_diseno span, #destacados_conocenos span, #destacados_programacion span, #destacados_contacto span, #destacados_marketing span, #destacados_portfolio span, #destacados_contenidos span, #destacados_portales span, #destacados_desarrollo span{display:none;}
	
	
	.conocenos{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.conocenos .contenedor_seccion{background:url(imagenes/icono_blogocio.gif) no-repeat 67px 150px;; padding: 0 80px 20px 263px;}
		.conocenos .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.conocenos p{ margin:10px 0;}
		
		
	.diseno{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.diseno .contenedor_seccion{background:url(imagenes/icono_diseno.gif) no-repeat 47px 150px; padding: 0 80px 20px 263px;}
		.diseno .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.diseno p{ margin:10px 0;}
		
		
	.programacion{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.programacion .contenedor_seccion{background:url(imagenes/icono_programacion.gif) no-repeat 47px 150px; padding: 0 80px 20px 263px;}
		.programacion .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.programacion p{ margin:10px 0;}
		
		
	.marketing{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.marketing .contenedor_seccion{background:url(imagenes/icono_marketing.gif) no-repeat 47px 600px; padding: 0 80px 20px 263px;}
		.marketing .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.marketing .contenedor_imagenes{margin:15px 0;float:right;width:620px;text-align:right;}
		.marketing p{ margin:10px 0;}
		
	.portfolio{background: #FFF url(imagenes/fondo.gif) repeat-y 160px 0;}
	.portfolio .contenedor_seccion{margin: 0 40px 20px 180px; padding:0 0 25px 0;}
	.portfolio .imagen_seccion{float:left; margin: 40px 0 0 40px;}
	.portfolio p{ margin:10px 0;}
	.portfolio h4{ font-size:14px; font-weight:bold; margin:15px 0; line-height:18px;}
		
	.contacto{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
	.contacto .contenedor_seccion{ background:url(imagenes/icono_sobre.gif) no-repeat 41px 150px; padding: 0 80px 20px 263px; }
	.contacto p{ margin:20px 0;}
	.contacto fieldset{width:400px;}
	.contacto fieldset br{ clear:both;}
	.contacto label{display:block; width: 150px; height: 30px; float:left; vertical-align:middle; font-weight:bold; text-align:right;margin-right: 20px; padding-top: 5px; margin-bottom:20px;}
	.contacto input{ width: 200px; padding-top: 5px; height:18px;}
	.contacto textarea{width: 200px; padding-top: 5px; height: 120px;}
	.contacto .boton{border:none; background:none;color:#FF9900; font-weight:bold; cursor:pointer;width: 400px;height:35px;}
	.contacto .envio { text-align:right;}
	
	.avisolegal{ font-style:italic;font-size:11px;}

	.contenedor_seccion{min-height:500px;}
	
	
	.mini_proyecto{ width: 213px; float:left; margin-right:25px; margin-bottom:20px;}
		.mini_proyecto h3{color:#E00000; margin: 10px 0;}
		.mini_proyecto h4{}
		.mini_proyecto p{margin: 10px 0;}
		.mini_proyecto a{ font-weight:bold;}
		
		
	.proyecto{ width: 520px; margin:25px 25px 30px 0;padding-bottom:15px;}
	.fichaproyecto img{margin:12px 12px 12px 0;padding:4px;border:solid 1px #C0C5C9;background-color:#FFF;}
	.flotante{ float:left;margin-right:20px;}
		.proyecto h3{color:#E00000; margin: 10px 0;}
		.proyecto h4{}
		.proyecto p{margin: 10px 0;}
		.proyecto a{ font-weight:bold;}
		
		.imagen{ float:left;}
		
		
	.contenidos{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.contenidos .contenedor_seccion{background:url(imagenes/icono_contenidos.gif) no-repeat 67px 150px; padding: 0 80px 20px 263px;}
		.contenidos .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.contenidos .contenedor_seccion li {display:block; background: #F5F5F5 url(imagenes/icono_listas.gif) no-repeat;margin:0; padding:0 0 0 12px;}
		.contenidos .contenedor_imagenes{margin:15px 0;float:right;width:620px;text-align:right;}
		.contenidos p{ margin:10px 0;}
		
    .portales{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.portales .contenedor_seccion{background:url(imagenes/icono_portales.jpg) no-repeat 10px 160px; padding: 0 80px 20px 263px;}
		.portales .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.portales .contenedor_imagenes{margin:15px 0;float:right;width:620px;text-align:right;}
		.portales p{ margin:10px 0;}
		
		
    .desarrollo{background: #FFF url(imagenes/fondo.gif) repeat-y 221px 0;}
		.desarrollo .contenedor_seccion{background:url(imagenes/icono_programacion.gif) no-repeat 48px 180px; padding: 0 80px 20px 263px;}
		.desarrollo .imagen_seccion{float:left; margin: 40px 0 0 40px;}
		.desarrollo .contenedor_seccion li {display:block; background: #F5F5F5 url(imagenes/icono_listas.gif) no-repeat;margin:0; padding:0 0 0 12px;}
		.desarrollo .contenedor_imagenes{margin:15px 0;float:right;width:660px;text-align:right;}
		.desarrollo p{ margin:10px 0;}
		
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #204151;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #B9D2DD;
}

.lbLoading {
	background: #B9D2DD url('imagenes/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #B9D2DD;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('imagenes/prevlabel.gif') no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('imagenes/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #204151;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #B9D2DD;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('imagenes/closelabel.gif') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}