* {
    /* Esto es para solucionar problemas varios
       de posicionamiento a través de los browsers */         
    margin: 0;   
    padding: 0; 
	 border: 0; 
  }
  html,body {
    /* En los estándares, html es un elemento en el
       documento, entonces si queremos que algo contenido
       dentro de la página ocupe el 100%, tenemos que
       establecer que el documento ocupe el 100% de la página */    
    width: 100%;   
    height: 100%;  
  }
  
body{
	margin: 0px auto; /*font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Century Gothic", "MS Sans Serif", Arial, Helvetica, sans-serif;
	/*height: 100%;*/
	background-color: #FFFFFF;
}

/*---------------login --------------*/

#bodyadmin #contenedoradmin{
	margin: 0px auto;
	padding-top:200px;
	width:170px;
	color: #EEEEEE;
}
/*-------------------------*/

  #centrado {
    /* Para centrar verticalmente la tabla, tenemos que establecer
       alto al 100%, y márgenes automáticos */
    height: 100%;
    margin: auto;
	 width:100%;
  }
  
  
  
  #centrado td {
    /* Alineamos el contenido de este elemento
       vertical y horizontalmente */
    vertical-align: middle;
  }


.salto{
	clear:both;
}



#principalproyectos ul li .galeriaproyecto{
	width:400px;
	padding-left: 50px;
	padding-bottom: 50px;
	height:120px;
	float:left;
}

.proyectos .glidecontentwrapper{
	height:142px;
	border:0;
	padding-top: 0px;
	margin-top: 0px; 
}


.proyectos .glidecontent{
	position:absolute;
	margin-top:0px;
	z-index: 1;
	height:20px;
	text-align: center;
	overflow: hidden;
	width: 340px;
}

.proyectos .glidecontenttoggler{
	z-index: 5;
	position: relative;
	padding-left:70px;
	
}

.proyectos .glidecontent img{
	margin:0px auto;
}



#rotanteservicios {
	float: right;
}

#principal h2{
	/*text-indent: -5000px;*/
}



#pie {
	clear: both;
	text-align:center;
	position: relative;
	padding-top: 2px;
	margin-top:-80px; 
}


  #recuadro {
    /* Un recuadro de ejemplo, puede ser cualquier cosa */
    background: #000;
    color: #fff;
    width: 200px;
    height: 200px;
  }

  
#cont{
	background: url(../images/fondobody.jpg) top repeat-x;
	width:100%;
	text-align: center;
	position: relative;
	padding:0px;
	margin:0px;
}

#contfinal{
	margin:0px auto;
	width:990px;
	height:600px;
	position:relative;
}

#textoorganigrama{
	font-size: 12px;
	color: #EEEEEE;
	position: absolute;
	top: 35px;
	left: 660px;
	text-align: left;
	letter-spacing: 0.1em;
	width: 320px;
	height: 30px;
}

#titulo{
	font-size: 1em;/*15px;*/
	color: white;
	position: absolute;
	top: 32px;
	left: 430px;
	text-align: left;
	/*letter-spacing: 0.1em;*/
	/*background: url(../images/titularimg.jpg) top no-repeat;*/
	width: 560px;
	height: 30px;
}

#oficinas{
	font-size:10px;
	color: #EEEEEE;
	position:absolute;
	top:70px;
	left:440px;
	text-align: left;
	line-height: 1em;
	background: url(../images/oficinas1.jpg) top no-repeat;
	width: 545px;
	height: 27px;
}


#rotante{
	float: left;
	position: relative;
	z-index: 1;
	width:408px;
	height:540px;
	margin-top:35px;
}


#rotante img{
	/*border: 1px white solid;*/
	z-index: 1;
}


#sobre{
	height: 100px;
	width: 408px;
	position: absolute;
	left: 420px;
	top: 120px;
	z-index: 10;
	/*color:#ff7b05;*/
	/*color: #004080;*/
}

#imglink{
	position: absolute;
	width:352px;
	height:15px;
	top:220px;
	right:10px;
	z-index: 10;
	border-bottom:1px #ff7b05 solid;
}

.desplegable, .desplegable2, .desplegable3{
	font-size: 11px;
	color: #434343;
	display:none;
	position: absolute;
	bottom:20px;
	right:0px;
	width:220px;
	top: -70px;
	text-align: right;
	}

.desplegable2{
	display:block;
}

.desplegable3 a{
	font-size: 14px;
	/*padding:10px;*/
	text-decoration: none;
	color: #004080;
	/*margin-bottom: 10px;*/
	
}

.desplegable{
	top:20px;
	right:570px;
	z-index: 10000;
	background-color: black;
	height:340px;
	width:410px;
}



.imagelink1{
	display: block;
	position:absolute;
	right:375px;
	font-size: 9px;
	font-weight: bold;
	color: #1896c9;
	width: 155px;
	height: 15px;
	background-image: url(../images/adorno1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	/*background-color: aqua;*/
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
	cursor: pointer;
}

.imagelink1 a{
	font-size: 9px;
	font-weight: bold;
	color: #1896c9;
	width: 155px;
	height: 15px;
	text-decoration: none;

}

.imagelink2{
	display: block;
	position:absolute;
	right:188px;
	font-size: 9px;
	font-weight: bold;
	color: #004080;
	width: 166px;
	height: 15px;
	background-image: url(../images/adorno1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
	cursor: pointer;
	font-family: "Arial";
}

.imagelink2 a{
	color: #004080;
	text-decoration: none;
}

.imagelink3{
	display: block;
	position:absolute;
	right:0px;
	font-size: 9px;
	font-weight: bold;
	color: #004080;
	width: 166px;
	height: 15px;
	background-image: url(../images/adorno1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
	cursor: pointer;
	font-family: "Arial";
}


#lenguajes{
	position:absolute;
	left:440px;
	top:100px;
	z-index: 10;
	border-bottom: #FFFFFF 1px solid;
	width:540px;
	padding-bottom:5px;
	text-align:left;
}

#arq{
	position:absolute;
	left:48px;
	top:-40px;
	z-index: 10;
	width: 650px;
}
#textologo{
	padding-top: 109px;
	font-size:23px;
	color: #004A7F;
	font-size: 1.4em;
	text-align: right;
   width: 265px;
}



#menu{
	position:absolute;
	width:570px;
	height:470px;
	top:105px;
	left:410px;
	/*background-color: gray;*/
}

					/*----------- sprites -----------*/

#nav{
	WIDTH: 160px; 
	POSITION: relative;
	HEIGHT: 150px;
	
}

#nav li {
	DISPLAY: block;
	WIDTH: 160px; /*129*/
	LIST-STYLE-TYPE: none;
	POSITION: absolute;
	HEIGHT: 150px; /*120*/
	/*border: 1px solid #1896c9;*/
}

#nav a {
	display: block; 
	WIDTH: 160px; 
	HEIGHT: 150px;
}

#nav #arqu {
	BACKGROUND: url(../images/arquitectura.jpg) no-repeat -160px 0px;
	top:150px;
	left:220px;
}


#nav #inte {
	BACKGROUND: url(../images/interiorismo.jpg) no-repeat -160px 0px;
	top:150px;
	left:410px;
}

#nav #arqueo {
	BACKGROUND: url(../images/urbanismo2.jpg) no-repeat -160px 0px;
	top:320px;
	left:220px;
}


#nav #patr {
	BACKGROUND: url(../images/arqueologia.jpg) no-repeat -160px 0px;
	top: 320px;
	left:30px;
}

#nav #urba {
	BACKGROUND: url(../images/rehabilitacion.jpg) no-repeat -160px 0px;
	top:320px;
	left:410px;
}


#nav #inge {
	BACKGROUND: url(../images/patrimonio.jpg) no-repeat -160px 0px;
	top: 320px;
	left:410px;
}
/**/



#nav #arqu a:hover {
	BACKGROUND: url(../images/arquitectura.jpg) no-repeat 0px 0px; 
}



#nav #inte a:hover {
	BACKGROUND: url(../images/interiorismo.jpg) no-repeat 0px 0px; 
}

#nav #arqueo a:hover {
	BACKGROUND: url(../images/urbanismo2.jpg) no-repeat 0px 0px; 
}



#nav #patr a:hover {
	BACKGROUND: url(../images/arqueologia.jpg) no-repeat 0px 0px; 
}

#nav #urba a:hover {
	BACKGROUND: url(../images/rehabilitacion.jpg) no-repeat 0px 0px; 
}



#nav #inge a:hover {
	BACKGROUND: url(../images/patrimonio.jpg) no-repeat 0px 0px; 
}







#pie{
	position:absolute;
	left:50%;
	width:50%;
	top:660px;
	z-index: 1;
}

#textopie{
	background-color: #004080;
	margin-left: -440px;
	text-align: right;
	height:21px;
	line-height: 21px;
	color:white;
	font-size:12px;
	position:relative;
	z-index: 1;
	font-size: 0.8em;
	letter-spacing: 0.14em;
}

#subpie{
	width: 990px;
	margin: 0px auto;
	background-color: red;
	position: relative;
	z-index: 800;
	text-align: left;
}


#textoabajo{
	/*background-color: #ff7b05;*/
	/*background-color: aqua;*/
	height:21px;
	width:600px;
	line-height: 21px;
	/*color:#003f7f;*/
	color:white;
	font-size:12px;
	position: absolute;
	top:-18px;
	right:10px;
	/*letter-spacing: 2px;*/
	z-index: 9000;
	font-weight: bold;
	text-align: left;
	/*background: url(../images/pieimg.jpg) top no-repeat;*/
	width: 540px;
	height: 21px;
}



#textopie2{
	background-color: #004080;
	margin-left: -405px;
	text-align: right;
	height:21px;
	line-height: 21px;
	color:#003f7f;
	font-size:12px;
	position:relative;
	z-index: 1;
}


#especial, #especial2{
	
display:none;
}

/*------------- arquitectura ---------------------------- */

#imagen{
	width:582px;
	height:542px;
	position:absolute;
	top:30px;
	left:0px;
	/*background-color: black;*/
}

#tituloabajo{
	position: absolute;
	top:560px;
	left:0px;
	z-index: 9999;
}


#listaproyectos{
	position:absolute;
	top:165px;
	left:50px;
	font-size: 10px;
	color:gray;
	line-height: 15px;
	list-style: none;
	text-align: left;
}

#listaproyectos ul li{
	list-style: none;
}

#listaproyectos a{
	color:gray;
	text-decoration: none;
}

.proyectoseleccionado{
	font-weight: bold;
}

#nombreproyecto{
	font-weight: bold;
	font-size: 11px;
	color:#004080;
	position: absolute;
	width: 180px;
}

#textoproyecto{
	position:absolute;
	/*top:340px;*/
	bottom:0px;
	left:0px;
	font-size: 10px;
	color:gray;
	/*height:100px;*/
	width: 160px;
	background-color: #f8f8f8;
	padding:10px;
	text-align: left;
}

#menuarea{
	position:absolute;
	width:390px;
	height:435px;
	top:135px;
	left:600px;
	/*background-color: red;*/
}

#menuarea table{
	position:absolute;
	bottom:0px;
	left:0px;
	/*background-color: aqua;*/
}



#menuarea td{
	border-style: solid;
	border-color:white;
	color: white;
}


#menuarea .tituloarea{
	color:#ff7b05;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	line-height: 18px;
}

.tituloarea2{
	color:#ff7b05;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
}


#centrado .textoproyecto{
	font-size: 10px;
	color: #535353;
	width: 185px;
	padding: 0px;
	padding-right: 5px;
	text-align: justify;
	vertical-align: top;
	position: relative;
}

#centrado .tdproyectos{
	font-size: 10px;
	color: #dedede;
	width: 195px;
	padding: 1px;
	padding-left: 3px;
	text-align: right;
	vertical-align: bottom;
	/*background-color: blue;*/
}

#descripcionglobal{
	height:350px;
	overflow:hidden;
}


.tdproyectos #listadoproyectos{

	
}

.tdproyectos #listadoproyectos ul{
	list-style: none;
	color:#003f7f;
	font-size: 12px;
	margin-left: 0px;
	padding-top:5px;
	padding-bottom:8px; 
	margin-bottom:8px;

}

.tdproyectos #listadoproyectos li{
	list-style: none;
	color: #1896c9;
	font-size: 11px;
	padding-top:0px;
	padding-bottom:0px;
	background-image: url(../images/adorno1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	/*background-color: aqua;*/
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
}

.tdproyectos #listadoproyectos li a{
	color: #004080;
	text-decoration: none;
}


.errorproyecto{
	color:white;
	font-size: 16px;
	padding: 5px;
	font-weight: bold;
}

#areamenu{
	/*BACKGROUND: url(../images/arquitecturamenu.jpg) no-repeat center bottom;*/
	width:180px;
	height: 150px;
	margin-left:20px;
}

#areamenu ul{
	list-style: none;
	color:#003f7f;
	font-size: 17px;
	font-weight: bold;
	margin-left:40px;
	padding-top:10px;
}
#areamenu ul li{
	padding-bottom:2px;
	background-image: url(../images/adorno1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	/*background-color: aqua;*/
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
}

#areamenu a{
	color:#003f7f;
	text-decoration: none;
}

#areamenu a:hover{
	color:red;
	text-decoration: none;
}



#menunav{
	left:45px;
	BACKGROUND: url(../images/urbanismo.jpg) no-repeat -129px 0px;
	top: 40px;
}

.pagination2{
	/*background-color: fuchsia;*/
	top:0px;
position:absolute;
z-index: 10000px;
}

.contentdiv img{
	position:absolute;
	bottom:2px;
	left:0px;
	/*border: 1px white solid;*/
}


.pagination img{
	border: 1px white solid;
	margin-right:14px;
	margin-bottom: 21px;
}

.pagination .ultimo{
	margin-right: 0px;
}

.pagination a{
	outline:0;
}

#imglink2{
	position: absolute;
	width:390px;
	height:15px;
	bottom:0px;
	left:110px;
	z-index: 10;
	border-bottom:1px #004080 solid;
	font-size:12px;
}

.imagelink4{
	display: block;
	position: absolute;
	left: -5px;
	font-size: 9px;
	font-weight: bold;
	/*color: #1896c9;*/
	color: white;
	width: 140px;
	height: 15px;
	background-image: url(../images/adorno4.jpg);
	background-repeat: no-repeat;
	background-position: left;
	/*background-color: aqua;*/
	text-decoration: none;
	text-align: left;
	padding-left: 15px;
}

.imagelink5{
	display: block;
	position:absolute;
	left:200px;
	font-size: 9px;
	font-weight: bold;
	/*color: #1896c9;*/
	color: white;
	width: 166px;
	height: 15px;
	background-image: url(../images/adorno4.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	text-align: left;
	padding-left: 15px;
}

.imagelink6{
	display: block;
	position:absolute;
	left:-620px;
	bottom:-4px;
	width: 550px;
	text-decoration: none;
	text-align: left;
	color:white;
	font-size:14px;
	letter-spacing: 1px;
	/*background: url(../images/proyectosabajoimg.jpg) top no-repeat;*/
	width: 450px;
	height: 24px;
	padding-left: 110px;
}

.toc{
	position:relative;
}

.num {
	display:block;
	position:absolute;
	top:-52px;
	left:2px;
	font-weight:bold;
	color:orange;
	font-size:16px;

	height:45px;
	width:45px;

}

#loginusuario {
	color: black;
}

#loginusuario input {
	border: 1px solid black;
}