* {
	margin:0;
	padding:0;
}
body {
	background: #333333;
    font-size:62.5%;
}

/* ID's para descripcion de estructura general */

#wrapper {
	position:absolute;
	left:50%;
	top:0px;
	width:776px;
	height:100%;
	margin-left: -391px;
	z-index:1;
	background-color:#333;
	clear:right;
	float:left;
}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:776px;
	height:103px;
	z-index:1;
	background: #333 url(images/directorioSBU_header.jpg) no-repeat;
}

#mainMenu {
	position:absolute;
	left:0px;
	top:103px;
	width:776px;
	height:21px;
	z-index:1;
        background: #333;
}

#mainTitle{
	position:absolute;
	left:0px;
	top:124px;
	width:776px;
	height:45px;
	z-index:1;
	background: #FFF url(images/directorioSBU_title.jpg) no-repeat center bottom;
}

#contents {
	position:absolute;
	left:0px;
	top:169px;
	width:776px;
	z-index:1;
	background-color: #FFF;
}

#contents #downNav {
        position:absolute;
        left:0px;
        width:776px;
        height:40px;
        z-index:1;
        background: #FFF;
}

#contents #contador {
        position:absolute;
        left:0px;
        width:776px;
        height: 30px;
        z-index:1;
        background: #333;
}

#contents #footer {
	position:absolute;
	left:0px;
	width:776px;
	height:80px;
	z-index:1;
	background: #333;
}

/* Terminan ID's para descripcion de estructura general */


/* Estilos para mainMenu */

#mainMenu ul{
        width:776px;
        list-style-type: none;
}
#mainMenu ul li{
        list-style-type: none;
        margin: auto;
        height: 21px;
        font: 1.1em Tahoma, Arial, sans-serif;
        color: #b8994b;
}
#mainMenu ul li.left{
        list-style-type: none;
        float:left;
        padding-left:10px;
        margin: auto;
}

#mainMenu ul li.right{
        list-style-type: none;
        float:right;
        padding-right:10px;
        margin: auto;
}

#mainMenu ul li img {
        border-style: none;
}

#mainMenu ul li a:link {
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}
#mainMenu ul li a:visited {
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}
#mainMenu ul li a:hover{
        border-style: none;
        text-decoration: underline;
        color:#b8994b;
}
#mainMenu ul li a:active {
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}



/* Estilos para contents */

	/* Formulario de busqueda */

form {
        width: 30em;
        color: #666;
}

fieldset {
        margin: 1em 0 0 0.4em;
        padding: 1em;
        border : 0px solid #CCC;
        font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

legend {
	font-weight: bold;
}

label {
        display: block;
        padding: 0.8em;
}

input.buscarPor {
	width: 115px;
        display: inline;
}

#contents p.form {
        padding-top: 1.2em;
}

	/* Resultados de busqueda */

#contents p.title{
	width: 776px;
        height: 2.2em;
        padding: 0.5em 0 0 0em;
        font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        background-color: #333;
        color:#b8994b;
}

#contents p.subtitle{
        width: 776px;
        font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
        color: #b8994b;
        text-decoration: none;
        text-align: center;
        padding: 0.8em 0 0 0;
}


	/* Tabla de resultados */

/*No se definieron estilos para caption, thead, th, tbody*/

table{
        width: 46.5em;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-collape:collapse;
        padding:0.2em;
        margin-left: 1.0em;
        margin-right: 0.5em;
}

tr {
        background-color: #FFF;
}

tr.busqueda:hover {
        background-color: #e5e5e5;
        color: #666;
}

td {
        border-bottom: 0px dotted #CCC;
        border-top: 0px dotted #CCC;
        border-left: 0px dotted #CCC;
        border-right: 0px dotted #CCC;
        padding-top: 0.1em;
        padding-right: 1em;
        padding-left: 1em;
        font: 0.8em Tahoma, Geneva, sans-serif;
        font-weight: normal;
        color: #666;
        text-align: left;
}

td.radio {
        width: 4em;
        text-align: center;
}

.bold {
        font-weight: bold;
}

.center {
        text-align: center;
}



	/* Estilos para texto PRESENTACION */

#contents p.texto{
        padding-top: 1.8em;
        padding-right: 1em;
        padding-left: 1em;
        font: 1.2em Tahoma, Geneva, sans-serif;
        font-weight: normal;
        color: #666;
}

#contents p.right {
        padding-top: 1.2em;
        padding-right: 1em;
        padding-left: 1em;
        padding-bottom: 1.2em;
        font: 1.2em Tahoma, Geneva, sans-serif;
        font-weight: normal;
        color: #666;
        text-align: right;
}

#contents a:link {
        border-style: none;
        text-decoration: none;
        color:#666;
}
#contents a:visited {
        border-style: none;
        text-decoration: none;
        color:#666;
}
#contents a:hover{
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}
#contents a:active {
        border-style: none;
        text-decoration: none;
        color:#666;
}

	/* Estilos para PREGUNTAS FRECUENTES */

#contents ol{
        width:738px;
        padding: 0 0em 0 3.2em;
}

#contents ol li{
        list-style: disc url(images/bullet-directorioSBU.gif);
        padding: 0.4em 0 0 0;
        font: 1.2em Tahoma, Geneva, sans-serif;
        color:#666;
}
 
        /* Estilos para formulario de contacto */

form.email {
        width:56em;
        color: #666;
}

fieldset.email1 {
        margin: 0em 0 0 6.4em;
        padding: 1em;
        border : 0px solid #CCC;
        font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

input.email2 {
        width:600px;
}

textarea {
        width:600px;
}


	/* Estilos para Coleccion */

td.coleccion {
        border-bottom: 1px dotted #CCC;
        border-top: 0px dotted #CCC;
        border-left: 0px dotted #CCC;
        border-right: 0px dotted #CCC;
        padding-top: 0.1em;
        padding-right: 1em;
        padding-left: 1em;
        font: 0.8em Tahoma, Geneva, sans-serif;
        font-weight: bold;
        color: #666;
        text-align: left;
}

td.datos {
        border-bottom: 1px dotted #CCC;
        border-top: 0px dotted #CCC;
        border-left: 0px dotted #CCC;
        border-right: 0px dotted #CCC;
        padding-top: 0.1em;
        padding-right: 1em;
        padding-left: 1em;
        font: 0.8em Tahoma, Geneva, sans-serif;
        font-weight: normal;
        color: #666;
        text-align: left;
}


	/* Estilos para Mapa */

img.mapa {
        width: 450px;
	height:300px;
	border: none;
}


	/* Estilos para BibReporteGral (Funciones) */

table.noBorder{
        width: 46.5em;
        border-bottom: 0px solid #CCC;
        border-top: 0px solid #CCC;
        border-left: 0px solid #CCC;
        border-right: 0px solid #CCC;
	border-collapse:collapse;
        padding:0.2em;
        margin-left: 1.0em;
        margin-right: 0.5em;
}

#contents h1.nomDependencia {
        font: bold 1.6em Tahoma, Geneva, sans-serif;
        padding-top:1em;
        text-align: center;
}

#contents h2.subDependencia {
        font:  1.4em Tahoma, Geneva, sans-serif;
        padding-top:1em;
        text-align: center;
}

#contents h3.biblioteca {
        font: normal 1.2em Tahoma, Geneva, sans-serif;
        padding-top:1em;
        text-align: center;
}

img.directorio {
        width: 100px;
        height: 100px;
	border: thin solid #CCC;
        margin-left: 3.8em;
}

img.biblioteca {
        width: 469px;
        height: 200px;
        border: thin solid #CCC;
}


	/* Estilos para downNav */

#contents #downNav p{
        height:30px;
        font: normal 1.1em Tahoma, Arial, sans-serif;
        color: #b8994b;
        text-align: center;
}
#contents #downNav a:link {
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}
#contents #downNav a:visited {
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}
#contents #downNav a:hover{
        border-style: none;
        text-decoration: underline;
        color:#b8994b;
}
#contents #downNav a:active {
        border-style: none;
        text-decoration: none;
        color:#b8994b;
}

	/* Estilos para contador */

#contents #contador p{
        height: 30px;
        padding: 1.0em 0 0 0;
        font: normal 1.1em Tahoma, Arial, sans-serif;
        color: #b8994b;
        text-align: center;
}


        /* Estilos para Creditos */

#contents h1 {
        font: bold 1.3em Tahoma, Geneva, sans-serif;
        color: #666;
        line-height:1.8em;
        padding-top:1em;
        text-align: center;
}

#contents h2 {
        font: bold 1.2em Tahoma, Geneva, sans-serif;
        color: #666;
        line-height:1.8em;
        padding-top:1em;
        text-align: center;
}

#contents p.creditos {
	font: 1.2em Tahoma, Geneva, sans-serif;
        color: #666;
        line-height:1.8em;
        padding-top:1em;
        text-align: center;
}


	/* Estilos para footer */

#contents #footer p{
        font: normal 1.0em Tahoma, Arial, sans-serif;
        /*font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;*/
        color: #FFF;
        text-decoration: none;
        text-align: center;
        padding: 0px 10px;
}
.brownFooterTxt {
        color: #CC9933;
}
.greyFooterTxt
{
        color: #666;
}
#footer a:link {
        border-style: none;
        text-decoration: none;
        color:#666666;
}
#footer a:visited {
        border-style: none;
        text-decoration: none;
        color:#666666;
}
#footer a:hover{
        border-style: none;
        text-decoration: underline;
        color:#FFFFFF;
}
#footer a:active {
        border-style: none;
        text-decoration: none;
        color:#666666;
}