*{margin:0px;padding:0px; font-family: Arial, Helvetica, sans-serif;}
body, html {min-height: 100%;	height: auto !important;height: 100%;text-align:center; background-color: #000000}
body {font:normal 72.5%em Arial, Helvetica, sans-serif;color:#333; background-color: #000000;}

#central{width:98%; text-align:left;vertical-align:top;}
#main{ width:350px; text-align: center; vertical-align: text-top; display: block; float: left;border:0px;margin:0px;padding:0px;clear: both; margin-top: 20px;}

#izquierda{width: 200px; float: left; text-align: left; background-color:#F93}
	#logo{background:#ffcc00  url(../img/fondo_header.png) no-repeat; width: 100%; float: left; padding:0px 0 0px 0px}
	#seccion{background:#000000; width: 100%; display: block; float: left; color:#CCC; height:50px }
	#tab{background:#000000; width: 100%; display: block; float: left; color:#CCC; margin-left:-30px}
	#menu{width: 200px; color: #000000; text-align: left; display: block; float: left; overflow: hidden;}
	#menu_vert{width: 180px;  height:350px; color: #000000; text-align: left; display: block; float: left; overflow: hidden;}

	#marco_cuadro2{ float: left; background:#000; min-height:600px; border:solid 1px #000000;  margin:0px 0px 0px 0px}
	.titulo-menu{ font-size: 14px; font-weight: bold; color: #777777; margin: 4px;}
	a.link-menu, a.link-menu2, a.link-menu3{font-size: 11px; color: #666666; text-decoration: none;margin: 1px; display: block; float: left; margin-left: 2px; font-weight: normal; min-width: 5px; height:30pxx;}
	a.linka-menu, a.linka-menu2, a.linka-menu3{font-size: 11px; color: #666666; text-decoration: none;margin: 1px; display: block; float: left; margin-left: 2px; font-weight: normal; min-width: 5px; height:30px; width:200px;}
	a.link-menu:hover, a.link-menu2, a.link-menu3{color: #F60; text-decoration:none; }
	a.linka-menu:hover, a.linka-menu2, a.linka-menu3{color: #F60; text-decoration:none; }
	a.link-menu3{color:#940000}
	#primero {
		padding:10px 10px 10px 10px;
		/*margin-top:10px;
		margin-bottom:10px;*/
		color:#FFF;
		min-height:500px;
	}
	#div_1 {
		padding:10px 10px 10px 10px;
		color:#000;
		max-height:600px;
		width:800px;
		background-color:#fff;
		font-size:10px;
		display:block;
		overflow:auto;
		float:left;
	}
	#titulos {
		display: block;
		padding:10px 10px 10px 10px;
		color:#fff;
		width:550px;
		font-size:16px;
		/*overflow:auto;*/
		float:left;
		margin-bottom:10px;
		margin-right:10px;
		
	}
	#segundo, #segundo1, #segundo2, #segundo3, #segundo4, #segundo5, #autoridades_pri_email {
		padding:10px 10px 10px 10px;
		color:#000;
		width:150px;
		background-color:#fff;
		font-size:11px;
		/*overflow:auto;*/
		float:left;
		margin-bottom:10px;
		margin-right:10px;
		
	}
	#segundo3 input{
		border: none;
		width:250px;

	}
	#segundo2 input{
		border: none;
		width:300px;

	}
	#segundo4 input{
		border: none;
		width:300px;

	}
        
	#autoridades_pri_email input{
		border: none;
		width:150px;
	}
        
	#texto{
		padding:10px 10px 10px 10px;
		color:#000;
		width:900px;
		background-color:#fff;
		font-size:11px;
		height:500px;
		overflow:auto;
		float:left;
		margin-right:10px;
		
	}
	#footer{
	height: 139px;
	width: 98%;
	display: block;
	float: none;
	clear: both;
	background:#333 url(../img/fondo_footer.png) repeat-x;
	margin-top: 5px;
	color: #03C3F3;
	font-size: 13px;
	text-align: center;
}
	.texto-footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #03C3F3;
	margin: 10px;
	text-decoration:none;
}

#salir{
	position:fixed;
	float:right;
	color:#fff;
	text-align:right;
	clear: both;
	width: 100%;
	*width:100%;
	font-family:HelveticaNeue-Thin, "Helvetica Light", Helvetica-Light, Helvetica,  Arial, sans-serif;
	padding: 0;
	padding-top:0px;
}

#derecha{width: 1000px; float: left; text-align: left; background-color: #000000; color: #666;}
#derecha1{width: 100%; float: left; text-align: center; background-color: #000000; color: #666; margin-top:130px}
#derecha2{width: 550px; float: left; text-align: left; background-color: #FFF; color: #666;}
#derecha3{width: 550px; float: left; text-align: left; background-color: #FFF; color: #666;}
	.titulo-content{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666; margin: 8px; float:left}
	.texto-normal{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 10px;}
	img.content{float: left; display: block; border: 0px; margin: 10px;}
	.textos{width: 600px; float: left; display: block;}
	.usuarios{width: 500px; float: left; display: block;}
	.acciones{width: 100px; float: left; display: block;}
	.acciones2{width: 200px; float: left; display: block;}
	
#derecha2{
	width: 720px;
	float: right;
	text-align: left;
	background-color: #F7F7F7;
	color: #666;
}
	.titulo-content{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666; margin: 8px;}
	.texto-normal{	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 10px;}
	img.content{float: left; display: block; border: 0px; margin: 10px;}
	.textos{width: 600px; float: left; display: block;}
	.usuarios{width: 500px; float: left; display: block;}
	.acciones{width: 100px; float: left; display: block;}
	.acciones2{width: 200px; float: left; display: block;}
	
#welcome{width: 930px; height: 100px; line-height: 100px; vertical-align: middle; text-align: center; display: block; float: none;}
#login{height: 400px; line-height: 24px; vertical-align: middle; text-align: center; display: block; width:600px}
	
/* TITULOS */
.separador{width: 934px; height: 15px; display: block; float: none; clear: both;}
.thumbnail{	border: 1px solid #333;}

/* BOTONES*/


.btn-ordenar{background: url(../img/btn_sort.gif) no-repeat; width: 60px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-siguiente{background: url(../img/btn_sig.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-anterior{background: url(../img/btn_ant.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-aceptar{background: url(../img/btn_aceptar.png) no-repeat; width: 112px; height: 32px; display: block;border: none; margin-left: 2px;}
a.btn-cancelar{background: url(../img/btn_cancel.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-activar{background: url(../img/btn_activar.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-desactivar{background: url(../img/btn_desactivar.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-eliminar, a.btn-eliminar1, a.btn-eliminar2{background: url(../img/btn_delete.png) no-repeat; width: 112px; height: 32px; display: block; border: none; margin-left: 2px;}
a.btn-eliminado{background: url(../img/btn_deleted.png) no-repeat; width: 112px; height: 32px; display: block; border: none; margin-left: 2px;}
a.btn-editar{background: url(../img/btn_edit.png) no-repeat; width: 112px; height: 32px; display: block; border: none; margin-left: 2px;}
a.btn-entrar, input.btn-entrar{background: url(../img/btn_entrar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-salir{background: url(../img/btn_salir.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-enviar{background: url(../img/btn_enviar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-grabar{background: url(../img/btn_grabar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-nuevo{background: url(../img/btn_nuevo.png) no-repeat; width: 112px; height: 32px; display: block; border: none; margin-left: 2px;}
.btn-nuevo{background: url(../img/btn_nuevo.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-grabar{background: url(../img/btn_grabar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px; display: inline-block}
.btn-cancelar{background: url(../img/btn_cancel.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}




/* GENERICOS */
a img {border:none;}
em {color:#333;font-weight:bold;font-style:normal;	font-size: 95%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ul {margin:0px;padding:0px;list-style:disc;}
/*a {font-weight:bold;color:#333;font-size: 100%;}
a:hover {text-decoration:none;}*/
.destacado{color:#c00;font-size:1.2em;}
a img{-moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
a:hover img{filter:none; -moz-opacity: 1.0}
hr{color: #CFC097; clear: both;}




/* contacto*/
.form{display: block; clear: both; float: left; height: 50px; }
.area{display: block; clear: both; float: left; height: 150px}

.campo-form{width: 300px; height:20px;display: block; background-color: #B1A17F; color: #333; border:1px solid #333; text-align: left; font-size: 11px; float: left; clear: left;}
textarea.campo-form{width: 300px; height:120px;display: block; background-color: #B1A17F; color: #333; border:1px solid #333; text-align: left; font-size: 11px; float: left; clear: left;}
.asterisco{font-size: 22px; color: #C00; display: block; float: left; font-weight: bold;}
input.btn-enviar{background: url(../images/btn_enviar.gif) no-repeat; width: 150px; height: 25px; display: block; float: right; margin-right: 120px; border: 0; margin-top: 20px}

.form-big{display: block; border:none; background-color: #fff;}
.mini{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#999}


div.paginar{width: 190px; height: 20px; display: block; float: right; text-align: right; overflow: hidden; margin-top: 20px; clear: both;}
a.page-sig{	width: 80px; height:20px; display: block; background: url(../img/bnt_sig.gif) no-repeat; float: left; font-size: 1px}
a.page-ant{	width: 80px; height:20px; display: block; background: url(../img/btn_ant.gif) no-repeat; float: left;font-size: 1px}
div.page-sep{width: 10px; height:20px; display: block; background: url(../img/page_sep.gif) no-repeat; float: left;}
div.page{width: 90px; height:20px; display: block; float: left;}

#ver_calendario{width: 18px; height: 18px; background: url(../img/calendar.png) no-repeat; background-position: 1px 1px}
.barra-titulos-listados{display:block; height:20px;float:left; width:955px;margin-top:10px; clear: both;}
.titulos-listados{ background-color:#c00; line-height: 20px; overflow: hidden; text-align: center; color: #fff; border-left: 1px solid #000; display:block;float:left;}
.barra-listados{display:block; height:22px;float:left; width:955px;margin-top:2px; clear: both;}
.listados{line-height: 24px; overflow: hidden; text-align: left; color: #333; border-left: 1px solid #000; display:block;float:left; height: 22px}
.menu-title{	color:#940000;}



ul.tabs {

margin: 10px 10px 0px 10px;

padding: 0;

float: left;

list-style: none;

height: 32px; /*--Define el ancho de las tabs--*/

border-bottom: 0px solid #999;

border-left: 0px solid #999;

width: 1200px;


}

ul.tabs li {

float: left;

margin: 0;

margin-right:2px;

padding: 0;

height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/

line-height: 31px; /*--Alineamiento vertical del texto dentro de la tabla--*/

border: 1px solid #999;

border-left: none;

margin-bottom: -4px; /*--Desplaza los item de la lista abajo 1px--*/

overflow: hidden;

position: relative;

background: #ff9933;

color:#000;

  border-radius:3px; -moz-border-radius:3px;
}

ul.tabs li a {

text-decoration: none;

color: #fff;

display: block;

font-size: 1em;

padding: 0 20px;

border: 0px solid #999;

/*<a rel="nofollow" title="outline" href=" http://www.cssblog.es/css-la-propiedad-outline/">outline</a>: none;*/

}

ul.tabs li a:hover {

background: #ccc;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/

background: #000;

border-bottom: 0px solid #999; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/

padding-top:2px;

}

ul.tabs li a:hover {

background: #ffcc33;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/

background: #ffcc33;

color:#FFF;

border-bottom: 0px solid #999; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/

height:33px;
margin-top:-2px;


}
.tab_container {

border: 1px solid #999;

border-top: none;

overflow: hidden;

clear: both;

float: left; width: 100%;

background: #fff;

}

.tab_content {

padding: 20px;

font-size: 1.2em;

}