/* 2ª PRUEBA DE CSS PARA LAS WEBs ADYACENTES DE VISUALTREBOL */

*, html
{
	padding: 0px;
	margin: 0px;
}

body
{
	background: transparent url('imagenes/fondo.gif') repeat-x top left;
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	color: #333;
}

.cabecera
{
	text-align: left;
	padding-left: 25px;
	color: #0099cc;
	border-bottom: 1px solid #0099cc;
}

.titulo
{
	border: 1px solid #dadada;
	background: #eaeaea;
	text-align: center;
}

.dato
{
	text-align: left;
	background: white;
	border: 1px solid #eaeaea;
}

.pag
{
	margin-top: -19px; 
	margin-left: 450px; 
	width: 50px;
}

#contenido h3
{
	width: 640px;
	border-bottom: 2px solid #dadada;
	padding-left: 10px;
	padding-top: 3px;
	margin-bottom: 15px;
}

.pre1
{
	padding: 0px 4px 4px;
}

#panel h3
{
	color: #D83015;
	background: #CCC;
	text-align: center;
	text-transform: uppercase;
	font-size: 9pt;
}

#infCli
{
	border: 1px solid white;
	padding: 3px 3px 0px;
}

#contenedor
{
	text-align: left;
	left: 150px;
	background: white;
	margin: auto;
	margin-top: 10px;
	width: 800px;
	padding-bottom: 5px;
}

#cabecera
{
	border: 4px solid white;
	/*background: #eaeaea url('imagenes/cab1.png') no-repeat top right;*/
	width: 792px; 
	height: 154px;
}

#menu ul
{
	border-top: 0px;
	list-style: none;
}

#panel
{
	background: #FAFAFA;
	border: 1px solid #CCC;
	position: relative;
	margin-left: 660px;
	width: 134px;
}

#usu
{
	text-transform: capitalize;
	font-weight: bold;
}

#saludo
{
	height: 59px;
}

#opc h3
{
	padding: 0px;
}

#opc a:link, #opc a:active, #opc a:visited
{
	border-bottom: 1px dotted #eaeaea;
	color: #660066;
	display: block;
	width: 100%;
	text-decoration: none;
}

#opc a:hover
{
	background: #f1f1f1;
}

#cerrarpan a:link, #cerrarpan a:active , #cerrarpan a:visited
{
	color: #336699;
	background: #eaeaea;
	margin-top: 120px;
	text-align: center;
	display: block;
	width: 100%;
	text-decoration: none;
}

#cerrarpan a:hover
{
	color: red;
} 

#contenido
{
	position: absolute;
	top: 192px;
/*	background: transparent url('imagenes/Cfondo.jpg') no-repeat top left;*/
	
	background-image: url(imagenes/fondo.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: 1px solid #539D27;
	width: 650px;
	margin-left: 4px;
}

#menu
{
	background: #539D27;
	text-align: center;
	border: 4px solid white;
	border-top: 0px;
}

#menu a:link, #menu a:active, #menu a:visited
{
	text-transform: capitalize;
	font-weight: bold;
	text-decoration: none;
	color: #eaeaea;
	padding-left: 20px;
	padding-right: 20px;
}

#menu a:hover
{
	background: #CCC; /*url('imagenes/menu_sel.gif') no-repeat;*/
	color: #D83015;
}

.selmenu 
{
	position: relative;
	border: 1px solid #333;
	color: #336699;
	background: #CCC;/* url('imagenes/menu_sel.gif') no-repeat;*/
}

.cajatexto
{
	font-size: 8pt;
	background-color: #fafafa;
	border: 1px solid #333;
}
.transparente
{
	font-size: 8pt;
	background-color: transparent;
	border: 0px;
	color: #0099cc;
}

#pie
{
	position: relative;
	top: 2px;
	text-align: center;
	font-size: 7pt;
	color: #999;
	width: 100%;
}

#form
{
	margin-top: 45px;
	text-align: right;
}

#abrirpan
{
	text-align: center;
	margin-top: 5px;
}

#cat
{
	padding: 0px 4px 4px;
}

#cat a:link, #cat a:active, #cat a:visited
{
	font-weight: bold;
	font-size: 9pt;
	text-transform: lowercase;
	text-decoration: none;
	color: #336699;
}

#cat a:hover
{
	color: #999;
}
#fam1
{
	width: 125px;
	overflow: auto;
	padding: 1px;
}

#fam2
{
	border-left: 1px dotted #ccc;
	width: 500px;
	margin-top: -17px;
	margin-left: 135px;
	overflow: auto;
	padding: 1px;
}

#art
{
	width: 125px;
	height: 150px;
	border-right: 1px dotted #eaeaea;
	margin-top: -150px;
	margin-left: 270px;
	overflow: auto;
	padding: 1px;
}

#imagen
{
	margin-top: -150px;
	margin-left: 405px;
	
}

#imgint
{
	overflow: hidden;
	width: 225px;
	height: 300px;
	background: white;
}

#desimagen
{
	width: 395px;
	height: 143px;
	margin-top: -146px;
	margin-left: 2px;
	border: 1px solid white;
}

#desimagen h3
{
	background: #fafafa;
	font-weight: normal;
	width: 387px;
	font-size: 9pt;
	padding: 0px 4px;
	color: #666;
	margin-bottom: 5px;
}

#imagen a:link, #imagen a:active, #imagen a:visited
{
	display: block;
	width: 225px;
	height: 300px;
	padding: 4px;
	border: 1px solid #CCC;
	background: white;
}

#imagen a:hover
{
	background: #eaeaea;
}

/* FORMATO DE BOTONES */
.btnbase
{
	background: #fefefe url('imagenes/fondob.png') repeat-x top left;
	border: 1px solid #dadada;
	color: #666;
}