html, body {
    height:100%;
    margin:0;
}
body {
	position:relative;
	min-width:971px;
	min-height:685px;

}

#contenedor {
  width: 971px;
  height: 685px;
 
  position: absolute;
  top: 50%;
  left: 50%;
 
  margin-top: -343px;   
  margin-left: -486px;  
}
#logo {
	background-color: #FFFFFF;
	float: left;
	height: 60px;
	width: 191px;
	background-image: url(../img/logosob1.jpg);
	cursor:pointer;
}	
#contenedorfotos {	width: 180px;}
.menuleft {	position: absolute;	left: 0px;	top: 260px;}

img { background: url(../../img/loading.gif) no-repeat 50% 50%; }


#menuvert {
	background-color: #FFFFFF;
	float: left;
	height: 200px;
	width: 191px;
	clear: left;
	background-position: top;
	padding-top: 0px;
	position: absolute;
	left: 0px;
	top: 60px;
	background-image: url(../img/logosob2.jpg);
	background-repeat: no-repeat;

}

#menuhoriz {
	height: 60px;
	width: 600px;
	left: 0px;
	position: absolute;
	top: 0px;
	margin-top: 0px;
	margin-left: 191px;
	margin-right: 180px;
}
#contenido {
	height: 600px;
	width: 780px;
	left: 191px;
	position: absolute;
	top: 60px;
	right: 180px;
	bottom: 25px;
	background-repeat: no-repeat;
}
#esquina {
	background-color: #FFFFFF;
	height: 60px;
	width: 180px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
#descripcion {
	background-color: #FFFFFF;
	height: 375px;
	width: 180px;
	clear: right;
	float: right;
	position: absolute;
	top: 60px;
	right: 0px;
}

#fichascontenido {
	height: 600px;
	width: 780px;
	left: 191px;
	position: absolute;
	top: 60px;
	right: 180px;
	bottom: 25px;
	background-repeat: no-repeat;
}

		
#loading {
	position:absolute;
	height: 66px;
	width: 66px;
	left: 500px;
	top: 300px;
	z-index:0
}



#primer_proyecto {
	height: 600px;
	width: 780px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:10
}


#footer{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	height: 25px;
	width: 971px;
	position: absolute;
	clear: both;
	top: 660px;
	text-align: center;
	left: 0px;
	padding-top:5px;
	line-height: 10px;
	margin: 0px;

	}
#footerindex{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	height: 25px;
	width: 600px;
	text-align: center;
	}
#texto_arq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F5F5F;
	height: 550px;
	width: 325px;
	position: relative;
	left: 25px;
	top: 25px;
}

/*/////////// /INICIO DEL  CONTROLADOR DE ESTILOS DEL SUBMENU DE SECCIONES //////////////*/

#navcontainer {
	position: absolute;
	margin: 0px;
	height: 170px;
	width: 191px;
	top: 5px;
	
}
#navcontainer ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	position: absolute;
	width: 180px;
	bottom: 25px;
	height: auto;
	top: 40px;
	margin-left: 6px;
	left: 0px;
	padding: 0px;
	text-transform: uppercase;
	
	
}

#navcontainer ul li{	text-decoration: none;	list-style:none}

#navcontainer ul li a{
	color: #999;
	text-decoration: none;
}

#navcontainer ul li a:hover{	color: #f38001;	text-decoration: underline;}
/*/////////// /FIN DEL CONTROLADOR DE ESTILOS DEL SUBMENU DE SECCIONES //////////////*/

/*/////////// /INICIO DEL  CONTROLADOR DE ESTILOS DE MENU DE PROYECTOS //////////////*/

#contenedorgral {height: 400px;	width: 400px;	left: 50px;	top: 50px;}

.contenmenu {height: 200px;	width: 200px;	left: 0px;	top: 0px;	float: left;}
#contender {margin: 0px;padding: 0px;height: 200px;	width: 200px;	position: absolute;	left: 200px;
}
#contenizq{

	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 200px;
	position: absolute;
	left: 500px;
	top: 0px;
}
ul,li {	list-style-type:none;	text-decoration: none;	outline:0;}


.menuproyectos li {}
.menuproyectos a {
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	display: block;
	color: #999999;
	text-decoration: none;
	outline:0;
	padding-left: 55px;
	text-transform: capitalize;
	letter-spacing: normal;
}
.menuproyectos #thumb a:hover {	background-position: left bottom;color: #666666; text-decoration:none}

.menuproyectos #thumb a:visited {	text-decoration: underline;}
#pluri_proyectos {	height: 400px;	width: 180px;}
#listapluri {
}
.thumbproject {
	width: 180px;
	left:600px;
	top: 375px;
	position: absolute;
}
#menufotos {
	height: 225px;
	width: 180px;
}

.thumbproject_a {	height: 200px;	width: 200px;	left: 500px;	top: 500px;	}
#menufotos_a {	height: 200px;	width: 200px;	background-color: #CCCCCC;}

.scroll-pane {
	width: 180px;
	height: 225px;
	overflow: auto;
}

.menuproyectos li a {	color: #999999;}



/*/////////// /FINAL DEL  CONTROLADOR DE ESTILOS DE MENU DE PROYECTOS //////////////*/
.actual {
	text-decoration: underline; cursor: default
}