@charset "utf-8";

#contenedor{
	width:970px;
	height:500px;
	margin:0px auto;
	font-family: "segoe ui", arial, geneva;
	position:relative;
}

#logo{
	position: relative;
	z-index: 2000;
	width:500px;	
}

#cabecera{
	position:absolute;
	width:920px;
	height:50px;
	margin:0px auto;
	top:0px;
	z-index:10;
	
}


#imagenprincipal{
	position:absolute;
	width:480px;
	height:280px;
	top:0px;
	left:0px;
	z-index:1;
	background-image: url(../images/imagennessia.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#inicio{
	position:absolute;
	width:480px;
	height:255px;
	top:25px;
	right:0px;
	font-size: 10px;
}

#servicios{
	position:absolute;
	width:480px;
	height:255px;
	top:285px;
	left:0px;
	font-size: 10px;
}

#portfolio{
	position:absolute;
	width:480px;
	height:255px;
	top:285px;
	right:0px;
	text-align: center;
}


#telefono{
	position:absolute;
	background-image: url(../images/telefono.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:160px;
	height:30px;
	line-height:30px;
	font-size: 24px;
	color:#666666;
	font-weight: bold;
	padding-left:35px;
	left:315px;
	top:245px;
	z-index: 50;
}

.volver{
	font-size: 12px;
	color:#666666;	
}

.volver a{
	color:#666666;	
}

.volver a:hover{
	color:#4069B6;
}

/*---------------- Cuando se carga una seccion del menu -----------------*/

#contenido{
	width:700px;
	margin:0px auto;
	height:500px;
	background-image: url(../images/body.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

/*----------------- cargamos CSS de menu por el retardo*/

.lista_enlace_superior{
    list-style-type: none;
   	text-align: center;
   	padding:0px;
   	margin:0px;
   	display:block;
	position:absolute;
   	top: 10px;
   	left:500px;
   	font-weight: bold;
   	color:#333;
   	
}

.lista_enlace_superior li{
	/*width:100px;*/
	height:20px;
    line-height: 20px;
    list-style-type: none;
    display:inline;
    text-align: center;
    /*padding-left:15px;
    padding-right:15px;
    margin-right:10px;
    margin-left:10px;*/
    margin:3px;
   /* background-color: blue;*/
}


.enlace_menu_superior, .menu_desplegable span {
    font-size:12px;
    color:#464646;
    text-decoration:none;
    display:inline-block;

}

.enlace_menu_superior a, .menu_desplegable a{
    color:#2233CC;
    text-decoration:none;
}

.enlace_menu_superior:hover {
	 color:#4069B6;
}

.enlace_menu_inferior {
    line-height: 16px;
    padding: 0px;
    font-size:11px;
    color:#FFFFFF;
    text-decoration:none;
    display:inline-block;
}
.enlace_menu_inferior:hover {
    text-decoration:underline!important;
}

.desplegable {
	background-color: #000000;
	display: none;
	position: absolute;
	z-index: 10000;
	width: 200px;
	left: 0px;
	top: 15px;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	
}
.menu_desplegable span {
	cursor: pointer; 
}
.menu_desplegable span:hover {
    background-color: #000000; 
}

.menu_desplegable {
	display: inline;
	position: relative;
	z-index: 10000;
}
.desplegable .menu_desplegable_d {
	display: block;
	padding: 10px 5px 5px 15px;
    background-image: url(../images/separador_cabecera_enlaces.png);
    background-position:5px 7px;	
    background-repeat: no-repeat;
    text-decoration:none;
}
.desplegable .menu_desplegable_d:hover {
	text-decoration:underline!important;
	
}

#seccion p a{
	color:#000000;
}

#seccion p a:hover{
	color:#4069B6;
}

/* ------------- La empresa ----------------------*/

.pagina{
	/*background-color: blue;*/
	font-size: 12px;
	
	padding:20px;
	color:#666;	
	width:400px;
	text-align: justify;
	padding-top:40px;
	padding-left:30px;
}

.seccionpagina{
	width:370px;
	margin: 0px auto;
}

.seccionpagina p a{
	color:#666;
}
.seccionpagina p a:hover{
	color:#4069B6;
}