/* CSS Document */
html {
background-color: #FFF;
}
body{
	color: #FFF;
	background-color: #A1A1A1;
	margin: 0px auto; 
	padding: 0px;
	font: 	12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin:0px;
	padding:0px;
	}

input
{
width: 140px;
height:18px;
color: #000;
background: #fff;
border: 1px solid #000;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

textarea{
color: #000;
background: #fff;
border: 1px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
}

#cos p{
	text-align:center;
	font-weight:bold;
	margin-top:100px;
}

.buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight:bold;
 background-color: #FFF;
 color: #000;
 position:relative;
 top:10px;
 width:60px;
 /*border:1px solid #000;*/
 margin-right:20px;
}

#horizon{
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	margin:0px;
	padding:0px;
	}

#content{
  /*background-color: transparent;*/
  background-color:#FFF;
  margin:0px;
  margin-left: -376px;
  position: absolute;
  top: -200px;
  left: 50%;
  width: 700px;
  visibility: visible;
  padding:0px;
  height:400px;
  /*border:1px solid #0cf;*/
  }

#portada{
  background-color: transparent;
  margin:0px;
  margin-left: -376px;
  position: absolute;
  top: -200px;
  left: 50%;
  width: 700px;
  visibility: visible;
  padding:0px;
  background:#FFF url(imagenes/portada.png) no-repeat 0% 50%;
  height:400px;
}

#cabecera {
  position:relative;
  width:700px;
  height:58px;
  background-color:#FFF;
  color:#000;
}

#normavargues {
  position:relative;
  padding-top:20px;
  padding-left:40px;
  font-size:1.2em;
  /*font-stretch:expanded;*/
}
#menu{
  position:absolute;
  left:370px;
  /*top:0px;*/
  width:300px;
  text-align:right;
}	
  #menu a:link, #menu a:active, #menu a:visited{
	color:#000;
	padding-left:12px;
	padding-right:12px;
	text-decoration:none;
	position:relative;
	}
  #menu a:hover{
    text-decoration:none;
    color:#A1A1A1;
}
a.menu-select:link,
a.menu-select:active,
a.menu-select:hover,
a.menu-select:visited{ color:#A1A1A1 !important; }

#cuerpo {
  position:relative;
  width:700px;
  background-color:#000;
  height:326px;
  border-top: solid 1px #A1A1A1;
  border-bottom: solid 1px #A1A1A1;
}

#biografia{
  position:relative;
  width:700px;
  height:326px;
  background:#000 url(imagenes/fbiografia.jpg) no-repeat 50% 100%;
}


#seccion{
  font-size:2.0em;
  color:#A1A1A1;
  margin-left:40px;
  padding-top:2px;
  text-transform:lowercase;
}

#contenido{
  font-size:0.9em;
  margin-left:40px;
  padding-top:30px;
  margin-right:40px;
  text-align:justify;
}

#fotos-biografia{
  position:absolute;
  margin-left:40px;
  margin-top:-15px;
  /*margin-right:40px;*/
  width:620px;
  height:83px;
  /*border:2px solid #FFF;*/
}
  #foto-biografia1{
    position:relative;
    border:1px solid #000;
    background-color:#FFF;
    width:100px;
    height:60px;
  }
  #foto-biografia2{
    position:absolute;
    top:0px;
    left:101px;
    border:1px solid #000;
    background-color:#FFF;
    width:200px;
    height:60px;
  }
  #foto-biografia3{
    position:absolute;
    top:1px;
    left:2px;
    border:1px solid #000;
    background-color:#FFF;
    width:318px;
    height:60px;
  }

#contacto{
 position:relative;
 padding-left:225px;
 padding-top:80px;
 text-transform:lowercase;
 font-size:1.1em;
}


#tipo-obra{
	position:absolute;
	left:40px;
	top:0px;
	width:150px;
	height:292px;
	text-align:left;
	margin:0px;
	padding:0px;
	overflow: hidden;
	padding-top:30px;
	/*border:solid 1px #cF0;*/
}

/**MENU TIPO-OBRA**/
#navmenu{
	position:relative;
	
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0px;
  padding:0px;
  list-style: none;
  font-size:1.1em;
}

ul#navmenu li {
  margin: 0px;
  padding:0px;
  padding-top:6px;
  position: relative;
}

.tipo{
/*position:absolute;
top:0px;*/
color:000;
text-indent:1.2em;
}

/* Root Menu */
ul#navmenu a:link, ul#navmenu a:active{
text-decoration:none;
color:#E4E4E4;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu a:visited,
ul#navmenu li:hover a,
ul#navmenu li:visited a,
ul#navmenu li.iehover a {
  text-decoration:none;
  color:#FFF;
  background-color:#000;
}

#central{
  position:relative;
  margin-left:150px;
  border:1px solid #c3a;
}

#obra{
  position:absolute;
  top:20px;
  width:340px;
  height:272px;
  overflow:hidden;
  margin-left:150px;
  margin-right:40px;
  /*border:1px solid #c3a;*/
}
  #obra-imagenes{
    position:relative;
    width:340px;
    height:75px;
    margin-bottom:25px;
  }
	#obra-imagenes1{
  	position:relative;
  	width:75px;
  	height:75px;
  	border:1px solid #FFF;
	}
	#obra-imagenes2{
  	position:absolute;
  	top:0px;
  	left:85px;
  	width:75px;
  	height:75px;
  	border:1px solid #FFF;
	}
	#obra-imagenes3{
  	position:absolute;
  	top:0px;
  	left:170px;
  	width:75px;
  	height:75px;
  	border:1px solid #FFF;
	}
	#obra-imagenes4{
  	position:absolute;
  	top:0px;
  	left:255px;
  	width:75px;
  	height:75px;
  	border:1px solid #FFF;
	}


#coleccion{
  position:absolute;
  top:10px;
  width:450px;
  height:280px;
  overflow:hidden;
  margin-left:150px;
  margin-right:40px;
}
	#coleccion-titulo{
	  position:relative;
	  width:450px;
	  text-align:right;
	  font-size:1.8em;
	  /*font-weight:bold;*/
	  color:#A1A1A1;
	  text-transform:lowercase;
	  padding-bottom:4px;
	}
	#coleccion-lista{
	  position:relative;
	  width:100%
	  height:100%;
	}
		#coleccion-lista1{
		  position:relative;
		  width:50%;
		  height:100%;
		  /*border:1px solid #da0;*/
		}
		#coleccion-lista2{
		  position: absolute;
		  top:0px;
		  left:50%;
		  width:50%;
		  height:100%;
		  /*border:1px solid #cc0;*/
		  
		}
		
		#coleccion-obra{
		  position:relative;
		  height:75px;
		  padding-bottom:10px;
		}
		#coleccion-obra-foto{
		  position:relative;
		  /*border: 1px solid #FFF;*/
		}
		#coleccion-obra-nombre{
		  position:absolute;
		  top:50px;
		  left:90px;
		  color:#FFF;
		}
#obra-detalle{
  position:absolute;
  top:10px;
  width:500px;
  height:282px;
  overflow:hidden;
  margin-left:150px;
  margin-right:40px;
}
	#detalle{
		  position:relative;
		  height:280px;
		}
		#detalle-obra{
		  position:relative;
		  /*border: 1px solid #FFF;*/
		}
		#detalle-obra-info{
		  position:absolute;
		  top:200px;
		  left:295px;
		  width:200px;
		  color:#FFF;
		  font-size:1.0em;
		}
		#detalle-obra-informacion{
		  position:relative;
		  width:550px;
		}


#pie{
  position:absolute;
  top:300px;
  left:200px;
  width:445px;
  height:20px;
  /*border:1px solid #c0c;*/
}
  #pie-izquierda{
    position:relative;
    font-weight:bolder;
  }
  	#pie-izquierda a:link,#pie-izquierda a:active{
  		color:#FFF;
  		text-decoration:none;
  	}
  	#pie-izquierda a:hover,#pie-izquierda a:visited{
  		color:#FFF;
  		text-decoration:none;
  	}
  #pie-derecha{
    position:absolute;
    font-weight:bolder;
    top:0px;
    left:375px;
    width:700px;
  }
  	#pie-derecha a:link,#pie-derecha a:active{
  		color:#FFF;
  		text-decoration:none;
  	}
  	#pie-derecha a:hover,#pie-derecha a:visited{
  		color:#FFF;
  		text-decoration:none;
  	}

.gris{
  color:#A1A1A1;
  /*font-weight:bolder;*/
}

#coleccion-breve{
  position:relative;
  width:340px;
  border-bottom:1px dotted #FFF;
  padding-bottom:3px;
  margin-bottom:3px;
}
	#coleccion-breve-mas a:link, #coleccion-breve-mas a:active, #coleccion-breve-mas a:visited {
	  text-decoration:none;
	  color:#FFF;
	}
	#coleccion-breve-mas a:hover {
	  text-decoration:none;
	  color:#A1A1A1;
	}

#nueva-obra-adm {
  position:relative;
  width:100%;
  text-align:center;
  /*top: 17px;
  text-align:center;
  font-weight:bold;*/
}

#nueva-obra-adm a:link, #nueva-obra-adm a:visited, #nueva-obra-adm a:active {
  text-decoration:none;
  color: #A1A1A1;
}

#nueva-obra-adm a:hover {
  text-decoration:none;
  color:#FFF;
}

#obra2 {
	position:relative;
	/*top:52px;
	margin-left:10px;
	border: 1px solid #ddd;*/
	width:99%;
	height:80%;
	/*overflow:hidden;*/
	/*border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;*/
	border:1px solid #FFF;
}

#cabeceras {
position:relative;
/*margin-top:5px;*/
border-bottom:1px dotted #FFF;
height:20px;
background-color:#000;
/*z-index:10;*/
/*border:1px solid #0cF;*/
/*display:block;*/
}
  .ctitol{font-weight:bold;}
  }

#obra-nom {
float: left;
width: 200px;
/*border:2px solid #000;*/
}

#obra-col {
float: left;
width:100px;
/*border:2px solid #000;*/
}

#obra-tec {
float: left;
width:100px;
}

#obra-med {
float: left;
width:150px;
}

#obra-img {
float: left;
width:0px;
}

#obra-editar{
float: left;
width:100px;
/*border:2px solid #000;*/
}

#obra-eliminar{
float: left;
width:15px;
/*border:2px solid #000;*/
}

#obra-editar a:link, #obra-editar a:visited,
#obra-eliminar a:link, #obra-eliminar a:visited {
  text-decoration:none;
  z-index:20;
}

#obra-editar a:hover, #obra-eliminar a:hover {
  text-decoration:underline;
}


/*ADMINISTRACION*/
#pedido{
	position:relative;
}
#tseccion{
	position:relative;
	width:144px;
	/*border: 1px solid #000;*/
	margin-top:10px;
	margin-bottom:10px;
	/*font-weight:bold;*/
	/*color: #FFF;
	background-color:#000;*/
	/*height:100%;*/
	
}
#tseccion2{
	position:relative;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #A1A1A1;
}
  #tseccion2 a:link, #tseccion2 a:active, #tseccion2 a:visited {
    text-decoration:none;
    color:#A1A1A1;
  }
  #tseccion2 a:hover {
    text-decoration:none;
    color:#FFF;
  }
#item {
 /*color:#000;*/
 height:20px;
 padding-top:10px;
 padding-bottom:8px;
 width:100px;
 text-align:left;
 /*border:1px solid #000;*/
 font-weight:bold;
}
#caja-texto {
	position:absolute;
	top:0px;
	left:110px;
	padding-top:10px;
}

#administracion{
  position:absolute;
  top:10px;
  width:450px;
  height:280px;
  overflow:hidden;
  margin-left:150px;
  margin-right:40px;
  /*border:1px solid #0c0;*/
  


#obras{
position:relative;
}



#titol-obra {
  position:relative;
  text-align:center;
  font-weight:bold;
  height:25px;
  /*padding-top:5px;*/
  top:32px;
  color:#FFF;
  background-color:#000;
}






#scroll{
  overflow:hidden; 
  /*border:1px solid #0c0; */
  width:708px; 
  /*height:212px; */
  position:absolute;
  top:0px;
  left:0px;}