/* CSS Document */
/* --------------------------
GENERAL
----------------------------*/
body,html {
	height:100%;
	
	}
body {
	margin: 0;
	padding: 0;
	background-color: #343233;
	font-family: "Century Gothic", Verdana; 
}
h1 {
	font-size: 42px;
	font-style: normal;
	font-weight: lighter;
	color: #D1BD65;
	padding-left: 190px;
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 0%;
	
	
}
h3 {
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #D1BD65;
	padding-left: 370px;
	padding-bottom: 0px;
	
	
	
}
#contenedor {
	position: relative;
	width: 780px;
	height:794px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../ima/fondo.jpg); 
         
}
/* --------------------------
menu
----------------------------*/
#menu {
         position: absolute;
         top: 118px;
         left: 0px;
         width: 780px;
		 height: 37px;
		text-align: right;
		color: #868686;
		font-size: 10px;
		font-weight: bolder;
}

#menu a:link {
         text-decoration: none;
		 color: #FFFFFF;
}
#menu a:visited  {
         text-decoration: none;
		 color: #FFFFFF;
}
#menu a:active {
         text-decoration: none;
		 color: #FFFFFF;
}
#menu a:hover {
         text-decoration: none;
		 color: #D1BD65;
}



/* --------------------------
menu_btn
----------------------------*/
.menu_btn {
         position: absolute;
         top: 23px;
		 width: 100px;        
}

/* --------------------------
seccion
----------------------------*/
#seccion {
	text-align:right;
	position: absolute;
	top: 170px;
	right: 72px;
	color: #868686;
	font-size: 12px;
	font-weight: lighter;
}

/* --------------------------
nombre
----------------------------*/
#nombre {
	text-align:right;
	position: absolute;
	top: 188px;
	right: 126px;
	color: #D1BD65;
	font-size: 42px;
	font-weight: lighter;
}
/* --------------------------
nombre_index
----------------------------*/
#nombre_index {
	text-align:right;
	position: absolute;
	top: 606px;
	right: 42px;
	color: #D1BD65;
	font-size: 42px;
	font-weight: lighter;
	z-index: 10;
	
}

/* --------------------------
conten
----------------------------*/
#conten {
	position: absolute;
	top: 257px;
	left: 280px;
	width: 441px;
	height: 476px;
	background-color: #FFFFFF;

}

/* --------------------------
avisos
----------------------------*/
#avisos {
	position: absolute;
	text-align: right;
	top: 740px;
	right: 43px;
	color: #868686;
	font-size: 8px;
	font-family: Verdana;
	font-weight: bold;
}

#avisos a:link {
         text-decoration: none;
		 color: #868686;
}
#avisos a:visited  {
         text-decoration: none;
		 color: #868686;
}
#avisos a:active {
         text-decoration: none;
		 color: #868686;
}
#avisos a:hover {
         text-decoration: none;
		 color: #D1BD65;
}

/* --------------------------
miniatura
----------------------------*/
.miniatura {
	margin-right: 12px;
	margin-bottom:  12px;
 }

.thumbnail img{
border: 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px;
}

.thumbnail span{ 
position: absolute;
left: -1000px;
top: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0px;
left: 0px;
z-index: 50;
}
/* --------------------------
formulario
----------------------------*/

input{
width: 200px;
margin-bottom: 4px;
font-size:10px;
font-family: "Century Gothic", Verdana; 
}

textarea{
width: 200px;
height: 150px;
margin-bottom: 4px;
font-size:11px;
font-family: "Century Gothic", Verdana; 
}

.boxes{
width: 1em;
}

#submitbutton{
margin-right: 0px;
margin-top: 5px;
width: 90px;
}