/* estilos generales */
/*@import "menu_bar.css"; llamar estilos de otros css*/
body {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	background-color: #36424a;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #ffffff;
	text-align:center; /*centrar el div de dentro en ie*/
	top: 0px;
}

p{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a:link,a:active,a:visited,a:hover{
	text-decoration: none;
	color: #ffffff;
	border:0px;
}
a:hover{
	text-shadow: #FFFF66 1px 1px 2px; /*text-shadow: color, x-coordinate, y-coordinate, blur radius    solo safari?*/
}
img{
	border:0px;
}

.tapiz{
	background: url(../imagenes/fondo_1024.jpg) no-repeat center;
	margin: 0 auto;/*centrar el div de dentro en firefox*/
	width: 808px;
	height: 606px;
	text-align: left;
	top: 0px;
	z-index:0;
}

.iconos_izq{ /* mi pc...*/
	position:relative; /* respecto a la caja en la que esta*/
	display: inline; /* dos dentro de la misma caja uno al lado del otro y no uno debajo del otro*/
	text-align: center;
	width: 60px;
	height: 560px;
	margin: 0px;
	float: left; /*Sets where an image or a text will appear in another element*/
	left: 16px;
	top: 16px; /*separacion con la capa en la que esta por arriva*/
}

.iconos_der{ /*papelera..*/
	position:relative;
	display: inline;
	text-align: center;
	width: 60px;
	height: 560px;
	float: right;
	margin: 0px;
	right: 16px;
	top: 16px;
	bottom: 150px;
}

.iconos_der .papelera{
	position:relative;
	vertical-align:bottom;
	width: 60px;
	height: 60px;
	top: 490px;
}

.iconos_izq p{
	margin-bottom:20px;
	margin-top:1px;
}

.barra_inferior{
	background: url(../imagenes/barra_inferior.png) no-repeat;
	margin: 0 auto;/*centrar el div de dentro en firefox*/
	position:relative;
	width: 808px;
	height: 24px;
	vertical-align:bottom;
	top: -24px;/*para montarlo sobre tapiz*/
}

.inicio{
	position:relative;
	display: inline;
	float:left;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	height: 24px;
	width: 82px;
	left: 5px;
	top:1px;
}

.inicio_rapido{
	position:relative;
	display: inline;
	float:left;
	text-align: left;
	height: 24px;
	width: 40px;
	left: 7px;
	top:5px;
}

.reloj{
	position:relative;
	display: inline;
	float:left;
	text-align: right;
	height: 24px;
	width: 670px;
	left: 5px;
	top:5px;
	color: 000000;

}

.mis_documentos{
	position:relative;
	display: inline;
	text-align: center;
	background-color: #ffffff;
	border-style: solid;/*si no dices el stylo te comes un mojon*/
	border-width: 2px;
	border-color: #66667e;
	border-top-style: hidden;
	width: 440px;
	height: 346px;
	float: right;
	margin: 0px;
	right: 16px;
	top: 13px;
}

.barra_mis_documentos{
	position:relative;
	background: url(../imagenes/barra_mis_documentos.jpg) no-repeat;
	width: 440px;
	height: 15px;
	margin: 0px;
	top: 0px;
	color:#000000;
}

.texto_mis_documentos {
	position:relative; /* respecto a la caja en la que esta*/
	display: inline; /* dos dentro de la misma caja uno al lado del otro y no uno debajo del otro*/
	margin: 0px;
	float: left; /*Sets where an image or a text will appear in another element*/
	position:relative;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	left:15px;
}

.cerrar_mis_documentos{
	position:relative;
	display: inline;
	float:right;
	width: 12px;
	height: 12px;
	cursor: pointer; cursor: hand; /* firefox y luego ie*/
	float: right;
	top: 2px;
	right: 2px;
	margin: 0px;
}

.cerrar_mis_documentos a:hover{
	background: url(../imagenes/cerrar_ventana.jpg) no-repeat;
}

.bocetos{
	position:relative;
	background-color: #eeeeee;
	width: 440px;
	height:251px;
}
.bocetos img{
	position:relative;
/*	height:190px;   no hace flata forzarlos*/
	top:20px;
	background-color: #eeeeee;

}
.mini_mis_documentos{
	position:relative;
	width: 440px;
	height: 70px;
	margin: 0px;
	top: 10px;
	background-color: #ffffff;
	border-bottom-style: solid;/*si no dices el stylo te comes un mojon*/
	border-bottom-width: 2px;
	border-bottom-color: #66667e;
	height: 70px;
}

.mini_mis_documentos img{
	cursor: pointer; cursor: hand;
	margin: 0px 10px 0px 10px;
	display: inline;
}

.boton_bocetos{
	position:relative;
	text-align: center;
	background-color: #eeeeee;
	height: 25px;
	width: 100px;
	margin: 0 auto;
	top:27px;
}
.boceto_ant{
	position:relative;
	display: inline;
	float:left;
	width: 20px;
	height: 17px;
	background: url(../imagenes/foto_ant.png) no-repeat;
	background-position:right;
	cursor: pointer; cursor: hand; /* firefox y luego ie*/
}
#boceto_ant:hover{ /* solo en firefox ¬¬ nisiquiera ie7 */
	background: url(../imagenes/foto_ant_h.png) no-repeat;
	background-position:right; 
}
.boceto_sig{
	position:relative;
	display: inline;
	float:right;
	width: 20px;
	height: 17px;
	background: url(../imagenes/foto_sig.png) no-repeat;
	background-position:left; 
	cursor: pointer; cursor: hand; /* firefox y luego ie*/
}
#boceto_sig:hover{
	background: url(../imagenes/foto_sig_h.png) no-repeat;
	background-position:left; 
}