/* CSS estilos para Espacio Creativo Web -----------------------------------
------------------------vgcomunicacion.com-----------------------.dhc*/

/* ESTILOS GENERALES */

html, body{ 
		/* background:#991426; */
		background:#FFF;
		margin:0px; 
		padding:0px; 
		border:0px;
		height:100%;
	

		}
#privada {
	display:block;
	width:100%;
}
#privadatxt{
	font-size:20px;
	width:955px;
	text-align:right;
	margin:0px auto;
	color:#FFFFFF;
	}
	.cerrarsesion { }
.cerrarsesion a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
.cerrarsesion a:hover{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	}
p{ margin:0px; padding:0px; border:0px;}
a img { border:0px;}

a{
color:#D0716F;
}

a:hover{
text-decoration:none;
}
/*
#contenedora {
	width:955px;
	height:590px;
	margin: -280px 0px 0px -478px;
	padding: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
}*/
#logoec {
	width:245px;
	height:56px;
	margin: 210px 0px 0px 242px;
	padding: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#logoint {
	width:245px;
	height:56px;
	margin: 197px 0px 0px 250px;
	padding: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#logoecbis {
float:right;
/*	width:245px;
	*/
}
#coverhome {
	border:0px;
	margin:0px;
	padding:0px;
	clear:both;
	height: 450px;
	width: 955px;


}
#flashcontent {
	height: 380px;
	width: 520px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 1px;
	overflow:hidden;
}
.apartado_html{
	width:400px !important;
}
.apartado_html #contenido_apartado{
	height:395px !important;
	margin:0 !important;

}
#fraseshome {
	width:555px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0;
	top: 42px;
}
#fechaHome h1, #fraseshome h2, #menu h3, #seccion h4, #menuinterior h5, #navegacion h6{
	margin:0px;
	padding:0px;
	border:0px;
	}
	

#fraseshome h1, #fraseshomeh2 {
	font-size: 26px;
	line-height: 28px;
	height:28px;
	}
.menu {
	position:relative;
	top:62px;
	left:57px;
	width: 720px;
	margin: 0px;
	padding: 0px;
}
.menu h3 {
	height:57px;
	width:700px;
}
.menu h3{ margin:0px; border:0px; padding:0px;}



#seccion {
	position:relative;
	left:0px;
	margin: 0px;
	padding: 0px;
	padding-top:50px;
	width:275px;
	height:405px;
	overflow:hidden;
	float:left;
}
#seccionmapa {
	position:relative;
	width:955px;
	height:500px;
	/*margin: 0px;*/
	margin:0;
	padding: 0px;
	top:0;
}

.titmapa{
	background-color:#991427;
	height:130px;
	position:absolute;
	left:80px;
	padding: 0;
	z-index:10;
}
#mapa {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#seccion h4 {
	font-size: 28px;
	line-height: 30px;
	height: 30px;
	margin:0;
	padding:0;
}
#seccionmapa h4 {
	line-height: 30px;
	margin:0px;
}
#seccion h5 {
	font-size: 20px;
	line-height: 24px;
	display: inline;
	width: 260px;
	height: 24px;
	color:#FFF;
	font-family: Verdana;
	font-weight: normal;
}
#menuseleccionar h5 a:hover {
	background: #78101D;
}

#seccion h4 a{ margin:0px; border:0px; padding:0px;}
#contenido_apartado{
	color: #FFFFFF;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans", "small Fonts";
	margin: 10px 0px 0px;
	padding: 0px;
}
#contenido_apartado.html{ 
 	margin:0px;
 	
    width: 410px;
    height:300px;
    
}

#imagen_html 
{
		position: absolute;
		top:68px;
		
		
}

#contenido_apartado h3{
	margin:0 0 7px 0;
}

.seccionintranet {
	color: #FFFFFF;
	font: 14px/16px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans", "small Fonts";
	margin:0px;
	padding: 0px;
}
#imagen {
	height: 410px;
	width: 550px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 1px;
	overflow:hidden;
}
.login_claves{
    right:0 !important;
    top:72px !important;
}

#imagenapartado {
	height: 413px;
	width: 551px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 62px;
	right: 0px;
	overflow:hidden;
}

#colorbarra {
    background-color:#991426;
	height:56px;
	margin-top: 195px;
	padding: 0px;
	position: absolute;
	top: 50%;
	display:block; 
	width:955px;
}
#navegacion {
	position:relative;
	background: #FFF;
	/*float:left;*/
	height:50px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:955px;
	clear:both;
	color:#B6494F;
}

.navegacionmapa {
	margin:205px 0 0 -433px !important;
}

#navegacion h6, #navegacionBis h6, #navegacionmapa h6{
	font-size:28px;
	line-height:32px;
	height:32px;
	display:inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#navegacion .inicio { }
#sobre {
	margin: 0px;
	padding: 0px;
	height: 112px;
	width: 167px;
	position: relative;
	left: 57px;
	top: 153px;
}
#navegacionmapa {
	float:left;
	position: relative;
	left: 30px;
	top: 10px;
}
#navegacionBis {
	clear:both;
	margin: 203px 0px 0px -420px;
	padding: 0px;
	position:absolute;
	left:50%;
	top:50%;
	width: 600px;
}
#menuseleccionar {
	margin: 0px;
	width: 290px;
	clear:both;
	text-align: left;
	padding-bottom: 5px;
	/*background: url(/images/flecha.jpg) no-repeat right top;*/

}


#menu_arbol{
	float:left;
	display:block;
	position:relative;
	left:0;
	margin:0;
	padding:0;
	width:955px;
	color:#a4a9af;
	font-size:11pt;
	font-family:Arial;


	
}


#menu_arbol li {
display:block;
float:left;
margin-right:42px;
position:relative;
text-align:left;
}

#menu_arbol #node18 {
	text-align: left
	
}

#menu_arbol #node46  {
	text-align: right;
	margin-right:0px;

	float:right;
}

#menu_arbol #node38 {
	margin-left: 35px
}



#menu_arbol li ul {
	position: absolute;
	display:block;
	padding:0px;
	left:0px;
	top:10px;
	margin:10px 0 0 0 ;
	width:170px;

}
#menu_arbol li ul li#node393 {
	width: 150px;
}

#menu_arbol li ul li#node107 {
	width: 155px
}

#menu_arbol li ul li#node22 {
	width: 175px
}


#menu_arbol li ul li {
	display:block;
	font-weight:normal;
}

a { outline:none }
a img { border:none } 

#menu_arbol li ul li a {
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	font-size:7pt;
	display:block;
	font-family:Verdana;
	padding-right:15px;
}

#menu_arbol li ul li a:hover {
	font-weight: bold
	}

#menu_arbol li a {
	color:#a4a9af;
	font-weight:normal;
	text-decoration: none;
	font-family:Arial;
}


/*
#menu_arbol li .mano, .html a, .redireccion a {
	cursor: pointer;
		color:#a4a9af;
	font-weight:500;
}

#menu_arbol li ul {
	float:left;
	display:inline;
	position:relative;
	top:0px;
	margin:0;
	padding:0;
	left:0;
	top:20px;
	width:150px;
}
#menu_arbol li {
	float:left;
	display:inline;
	margin-right:25px;
	display:inline;
}
#menu_arbol li ul li {
	float:left;
	display:block;
	padding:0;
	margin-right:10px;
	width:150px;

}
#menu_arbol li ul li a {
/*	background: url(/images/flecha_menu.gif) no-repeat left 0; 
	padding-left: 15px;
	font-size:11px;
	color:#a4a9af;
	height:12px;
	line-height:12px;
}


.peque {
	right:-29px !important;
}
#menu_arbol li ul li a:hover {
/*	background: url(/images/flecha_menu_on.gif) no-repeat left 0;
}
#menu_arbol a {
	color:#a4a9af;
	text-decoration:none;
}
#menu_arbol a:hover {
	color:#991427;
}
*/

#boton_menu{
padding:20px 20px 0 20px;
margin:-20px;
width:100px;
float:left;
}

#boton_menu a{
	background-image:url(/images/menu1_off.gif);
	width:103px;
	overflow:hidden;
	display:block;
	height:38px;
	text-decoration:none;
	text-indent:-9000px;
}

#boton_menu a:hover, #boton_menu a:active {
	background-image:url(/images/menu1_on.gif);
}

/* INTRANET */
#formintranet {
width:510px;
height:220px;
position:relative;
left:25px;
top:90px;
padding-top:10px;
}
#intranetdemo {
	height: 380px;
	width: 563px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	right: 0px;
	background: url(/images/fondos/fondointranet.gif);
}
#intranetdemo label {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
width:200px;
float:left;
text-align:right;
display:block;
padding-right:5px;
}
#intranetdemo input, #intranetdemo textarea { border:0px; background:#FFFFFF; font-size:11px;}

.botonintranet { position:relative; display:block; left:207px; top:-10px;}

#intranet .botonintranet {
	left:0;
}

#cajaintranet { width:510px; height:220px; position:relative; left:25px; top:95px; padding-top:10px;}
#cajaintranet h1 { margin:0px; padding:0px; border:0px; font-size:20px;}
#cajaintranet p{ overflow:hidden; color:#DD9997; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:0px; width:505px; height:160px;}
.imagen_intranet{ float:left;}


.descargademo {
	background: url(/images/descarga.jpg) no-repeat left ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	padding-left:35px;
	height: 25px;
	margin: 10px 0px 0px 0px;
}
.descargademo a{ color:#FFFFFF; text-decoration:none;}
.descargademo a:hover { color:#FFFFFF; text-decoration:underline;}

.tit_intranet{
	margin:0px;
	padding:0px;
	position:absolute;
	margin-top:50px;
	left:470px;
	top:30px;
}

.imagen_intranet{
width:200px;
float:right;
margin-left:10px;
}
#contactotxt p{
	font-size:17px;
	padding-left:15px;
	padding-top: 2px;
	color: #FFF;
	font-family: Verdana;
	font-size: 15px
}

#contactotxt a {
	text-decoration: none;
	font-size: 15px;
	padding-right: 15px
}

.siguiente{
	height: 30px !important;
	position:absolute;
	top:165px;
	left:694pt;
	background-image:url(/images/btn_siguiente_on.gif);
	width:29px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	z-index:4;
}
.siguiente:hover, .siguiente:active {
	background-image:url(/images/btn_siguiente_off.gif);
}
.anterior:hover, .anterior:active {
	background-image:url(/images/btn_anterior_off.gif);
}
.anterior{
	height: 30px !important;
	position:absolute;
	top:165px;
	left:303pt;
	background-image:url(/images/btn_anterior_on.gif);
	width:29px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	z-index:4;
}

#listado {
	position: absolute;
	left:50%;
	top: 50px;
	height:417px;
	margin-left:-126px;
}
#listado a{
	overflow: hidden;
	display:block;
	width: 13px;
	height:13px;
	margin:3px;
}

#listado a:visited {
	background: url(/images/selected-square.jpg) no-repeat;
	text-decoration: none;
	text-indent:-9000px;

}

#listado a:hover, #listado a:active {
	background: url(/images/white-square.jpg) no-repeat !important;
	text-decoration: none;
	text-indent:-9000px;
}

#listado a:link {
	background: url(/images/red-square.jpg) no-repeat;	
	text-decoration: none;
	text-indent:-9000px;
}
.selected {
	background: url(/images/white-square.jpg) no-repeat !important;	
}
.arriba{
	top: -230px !important;
}
#migas {
	position: absolute;
	right:0;
	top: 478px;
	color:#D0716F;
	font-family:Verdana,Arial,Helvetica,sans-serif,"Lucida Sans","small Fonts";
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	width:550px;
	height:17px;
	text-align:right;
}
#migas a{
	text-decoration: none;
}
#migas a:hover, #migas a:active {
	color:#FFF;
}

/* nos conocemos */
.conocemos{
    margin:20px 0 15px 0px;
    padding-left:30px;
    list-style:decimal outside none !important;
}
.conocemos li{
    margin-bottom:5px;
    font:12px Arial, Helvetica, sans-serif;
    color:#C2727D;
}

.conocemos li ul{
    margin-top:10px;
    margin-left:10px;
    padding-left:10px;
}
.conocemos li ul li{
    margin:0 0 10px 0;
    padding:0;
}
/* fin nos conocemos */

/* Migas */
.goHome {

	padding:1px 0 0 15px;
	margin:98px 0 0 0;
	font-family:Verdana,Arial,Helvetica,sans-serif,"Lucida Sans","small Fonts";
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:17px;
	position:absolute;
	right:0;
	text-align:right;
	text-decoration:none;
}

/* Pie de la p�gina */
div#pie {
	position:absolute;
	top:430px;
	left:0;
	width:300px;
}
.bajar1{
	position:absolute;
	top:400px;
	display:inline;
}
.bajar2{
	position:absolute;
	top:420px;
	display:inline;
}
/*#btnHome {
	margin-right:40px;
}*/
.izquierda {
	float:left;
	display:inline;
}
.derecha {
	float:right;
	display:inline;
}
.centroHome {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:left;
	margin: 0 0 15px 225px;
	color:#E86A76;
}
.centroHome a {
	color:#e86a76;
}

/* Portada */
#fechaHome h1, #tituloHome h1 {
	line-height:23px;
	font-size:16px;
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana
}
#fechaHome {
	background-color:#991426;
	color:#B6494F;
	width:92px;
	height:23px;
	position:absolute;
	top:245px;
	padding:3px;
	left:0;
}
#tituloHome {
	background-color:#991426;
	width:auto;
	height:23px;
	position:absolute;
	padding:3px;
	color:#FFF;
	top: 245px;
	left: 102px;
}
#pieHome .primero {
	width:370px;
	margin-top:15px;
}
#pieHome .blanco {
	color:#FFFFFF;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:210px;
	text-align:center;	
}
#pieHome .bajo {
	width:210px;
	margin-left:110px;
}
#pieHome .ancho {
	margin-right: 8px;
}
.seleccionado  {
	font-weight:bold !important;
	font-size:11pt;
color:#991427 !important;
}


.seleccionadoPadre {
	color:#991427 !important;
}
.volver {
	background: url(/images/flecha_roja.gif) no-repeat left 0;
	padding:1px 0 0 15px;
	font-family:Verdana,Arial,Helvetica,sans-serif,"Lucida Sans","small Fonts";
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:17px;
	position:absolute;
	right:0;
	text-align:right;
	text-decoration:none;
}
.ecbajo {
	margin-top:15px;
}
.bajo {
	margin-top:4px !important;
}
.bajologo {
	margin-top:45px;
}
form#suscripcion{
    width: 169px;
    float:right;
    display: inline;
    color: #FFFFFF;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    margin-top:4px !important;
}
form#suscripcion input{display:inline;float:left;margin: 7px 0 0 0;height: 20px;border: none;padding: 0;color: #991426 !important;}
/***PopUp****/

#popUpIframe{
position:absolute;
left:52%;
border: 2px solid #FFFFFF;
z-index:200;
}

#cerrar_popUpIframe{
position:absolute;
left:52%;
cursor:pointer;
z-index:2000;
}

#historia p {
	width: 80%;
	text-align: justify;
}

#contenedora {
	position:absolute;
	height:expression( document.body.clientHeight > 585 ? document.body.clientHeight : "585px" );
	width:100%;
}

html > body #contenedora {
	min-height:585px;
	height:100%;
	overflow:hidden
}


#white {
	position: absolute;
	width:100%; 
	margin:-10px;
	border:0px;
	top: 0px;
	left:0px;
	height: 120px;
	
	
}

#rojo {
	position: absolute;
	bottom:0px;
	
	width:100%; 
	background:#991426; 
	overflow:visible;
 	height: 510px;
 

}
/*
#content_menus {
	min-height:100px;
	height:100%;
	position:relative;
}
*/
#menus {
	position:relative; 	 
	width: 955px;
	bottom:0px;
	margin-left: auto;
	margin-right:auto;
	display:block;
	bottom:0px;
	background:#fff;
}


#layout {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	width: 955px;
/*	height:520px;*/
}