.triangle{
 border-color: #f00 #0F0 #00F #DDD;
 border-style: solid;
 border-width: 20px;
 height:0;
 width:0;
}
/*------------------------------------------------------------------------------------------------
  Reset
  ----------------------------------------------------------------------------------------------*/
body { width: 100%; 
		margin: 0 auto; padding: 0; font: 10px Arial,Helvetica,sans-serif; background:#CCC url(../images/solofondoaadi_pattern.gif); }
 h1, h2, h3, div, li, img, p { margin: 0; padding: 0; }
.textoCMS { margin: 10px 0; }
img { border: none; }

/* Tipografias */
h1 {
	font: normal 22px/30px Arial, Helvetica, sans-serif;
	color: #003366;
}
/*h2 { font: 18px/24px Arial, Helvetica, sans-serif; color:#fff; padding: 0px 0px 0px; margin: 0 0 5px; font-style:italic; line-height:35px }*/
h3 { font: 13px/18px Arial, Helvetica, sans-serif; color:#444; }
/*p, li, dd, dt, pre, .textoCMS, td { font: normal 13px/18px Arial, Helvetica, sans-serif; color:#fff; }*/
.breadcrumbs { font: normal 10px/18px Arial, Helvetica, sans-serif; color:#666666; margin-bottom: 18px; }/*
h1, h2, h3, h4, h5, h6, p, div, label { height: 1%; }*/
p {
	color:#333;
	font: normal 14px Arial, Helvetica, sans-serif;

	line-height:20px;
}

/* Listas */
ul, ol { margin: 8px 0px; padding: 0 10px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin: 0 0px; padding: 0 30px;}
ul { list-style: square; }
ul ul { list-style: disc; }
ul ul ul { list-style: circle; }
ol { list-style: decimal inside; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: upper-alpha; }
li { margin: 4px 0; padding: 0;}
ul p, ol p, dt p, dd p { margin: 0; }
dt { font-weight: bold; margin: 10px 0 4px;}
dd { margin: 0 10px 4px; }

/* Links */
#nav a {
	color: #fff;
	text-decoration:none
}
a {
	color: #222;
	text-decoration:none
}

a:hover {
	color: #000000;
	text-decoration:none
}
/*.rtim, .rtim a { display: block; overflow: hidden; font-size: 0; text-indent: -9999em; text-decoration: none; }*/

/* Formularios */
form { margin:0; padding: 10px; }
form table { border-collapse: collapse; }
form th, form td { padding: 8px 5px; margin: 0; vertical-align: top; }
form th { text-align: right ; width: 120px;}
label { font: bold 12px/18px Arial, Helvetica, sans-serif; color:#333; display: block; }
select { color:#000; padding: 2px; } 
textarea { color:#000; padding: 4px; font: 13px/18px Arial, Helvetica, sans-serif;  border-top: 1px solid #707070; border-bottom: 1px solid #cecece;  border-left: 1px solid #ababab;  border-right: 1px solid #ababab; }
textarea { overflow: auto; height: 120px;}
button { padding: 3px; }
/*input { width:120px;}*/

/*------------------------------------------------------------------------------------------------
  Layout
  ----------------------------------------------------------------------------------------------*/
#contenedor { display:block; width:1024px; margin:0px auto; padding:0px ; overflow: hidden; background: #fff ; padding: 0px 0px;-webkit-box-shadow: 0px 10px 20px rgb(0,0,0);
-moz-box-shadow: 0px 0px 20px rgb(0,0,0); box-shadow: 0px 20px 20px rgb(0,0,0); }
	#top2 {margin: 0 0 1px; height: 100px; background:#000000;}
	#top {margin-top: 0px; height: 155px; background:#000000; padding:0px 0 0 0}
	#nav {width: 1024px;height: 33px;background: #000000 url(../images/fondo_menu.gif) repeat left top; padding:0px 0px 0px 0px; margin-left:0px; margin-right:0px; font-size:18px }
	.boton a{width: 169px;padding:8px 10px 8px 10px; margin-top:0px; margin-right:0px; font-size:14px; text-transform:capitalize; float:left; text-align:center; border-right:solid 1px #FFF }
	.boton a:hover { color:#FFF; background:url(../images/fondo_on.png) repeat-x; width: 169px;padding:8px 10px 8px 10px; margin-top:0px; margin-right:0px; font-size:14px; text-transform:capitalize; float:left; text-align:center; border-right:solid 1px #FFF }
	.boton_on a { color:#FFF; background:url(../images/fondo_on.png) repeat-x; width: 169px;padding:8px 10px 8px 10px; margin-top:0px; margin-right:0px; font-size:14px; text-transform:capitalize; float:left; text-align:center; border-right:solid 1px #FFF }
	#nav2 {width: 820px;height: 36px;overflow: hidden;background: #183543 url(../images/fondo_menu.gif) repeat left top; padding: 10px 0 0 20px}
	#contenido { width: 100%; background-color:#fff}
	#izq { width:780px; background-color:#fff; float:left }
	#desp { display:block; font-size:12px;  }
	#desp2 { display:block; font-size:12px; display:none}
	.cuerpo {color:#333; /*background: #ddd; */ border-style: solid; border-width: thin;  border-color: #ddd; padding:5px 10px 5px 10px; font-size:14px;  border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; margin-top: 15px;}
		#espectaculo {float: left; padding: 10px 10px ; margin: 0; width:135px; /*background:url(../images/bg_espectaculo.gif) repeat-x;*/ margin-left:10px; margin-right:30px}
		.lateral { width: 740px; float: left; padding: 20px 10px 10px 20px ; margin: 0; background-color:#ffffff;  border-right:solid 1px #CCC  }
		.lateral_doble { display:block; width: 600px; float: left; padding: 20px 20px 20px 20px ; margin: 0; background:#ffffff }
		.una_dosdos {width:236px; float:left; color:#333; padding:2px 10px 2px 10px; font-size:11px}
		.lateral2 { width: 220px; float:left ; padding: 10px 0 0px 10px ; margin-top: 10px; background:#fff;}
		.titulo1 { color:#FFF; background: #fff url(../images/actividades.png) no-repeat; padding:5px 0 0 5px; font-size:14px}
		.titulo_esta { color:#FFF; background: #fff url(../images/estatuto2.png) no-repeat; padding:5px 0 0 5px; font-size:14px; margin:10px 0 0 10px; border-bottom:solid 1px #999}
		.titulo2 { color:#FFF; background: #002868; padding:5px 10px 5px 10px; font-size:14px; width:150px; border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
		.titulo3 { color:#FFF; background: #666; padding:5px 10px 5px 10px; font-size:14px; width:250px;  border-radius:3px; -moz-border-radius:3px;}
		.grad { background:#003366; background:-webkit-gradient(linear,left top,left bottom,from(#3265FC),to(#003366)); background:-moz-linear-gradient(left top,left bottom,from(#3265FC),to(#003366)); font-size:12px; color:#FFF; padding:10px 10px 10px 10px;  border-radius:5px; -moz-border-radius:5px; border-top-left-radius:0px; -moz-border-radius-topleft:0px;}
		.grad2 { background:#ccc; background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#999999)); background:-moz-linear-gradient(left top,left bottom,from(#cccccc),to(#999999)); font-size:12px; color:#000; padding:10px 10px 10px 10px; border-radius:3px; -moz-border-radius:3px; border:solid 1px #000}
		.grad h1 { color:#FFF; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif}
		.grad p {color:#fff; padding:5px 10px 5px 10px; font-size:13px; line-height:15px;}
		.grad h2 { color:#FFF; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100 }
		.grad h3 { color:#FFF; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100 }
		.grad2 p {padding:5px 10px 5px 10px; font-size:13px; line-height:15px;}
		.columna_logo { text-align:center; width:180px; float:left; color:#333; padding:5px 5px 0px 5px; font-size:13px}
		.columna_logo_doc {width:40px; float:left; color:#333; padding:20px 5px 10px 5px; font-size:13px}
		.columna {width:180px; float:left; color:#036; padding:20px 10px 5px 10px; font-size:11px; border-bottom:solid 1px #CCC;}
		.columna_doc { width:600px; float:left; color:#333; padding:20px 10px 5px 10px; font-size:13px}
		.columna2 { display:block; width:200px; float:left; color:#333; padding:20px 10px 5px 10px; font-size:12px; border-bottom:solid 1px #CCC; }
		.columna2 h2{ font-size:14px; color:#039; line-height:25px; font-weight:bold}
		.columna2 h3{ font-size:12px; color:#039; line-height:15px}
		
		.cuadro1 { background-color:#002868; padding:4px 4px 4px 4px}
		.cuadro_int1 { background-color:#002868; padding:2px 2px 2px 2px;}
		.cuadro_int1 p{ color:#FFF}
		.cuadro_int2 { background-color:#0066ff; padding:2px 2px 2px 2px;}
		.cuadro_int2 p{ color:#FFF; font-size:16px}
		#marco_cuadro{ float: left; background:#ffffff; max-height:600px; overflow:auto; border:solid 1px #039;  margin:0px 10px 10px 10px; width:990px}
		#marco_cuadro2{ float: left; background:#ffffff; max-height:600px; overflow:auto; border:solid 1px #000000;  margin:0px 10px 10px 10px; width:990px}
		.marco_cuadro3{ float:left; background:#ffffff; margin:0px 10px 0px 10px; width:740px}
		.cuadro { background-color:#039; margin:10px 10px 0px 10px;}
		.cuadroizq { background-color:#fff; width:220px; display:table}
		.cuadro2 { background-color:#aaa;}
		.encab_cuadro { background-color:#0066ff; padding:2px 2px 2px 2px; color:#fff; font-size:12px; text-align:center; font-weight:bold}
		.encab_cuadro2 { background-color:#eee; padding:2px 2px 2px 2px; color:#333; font-size:12px; text-align:left; border-left:solid 1px #039; }
		.encab_cuadro p{ color:#333; font-size:13px}
		#lateral2 { width: 290px; float: right; margin: 0px 5px; background:#534f4e; color:#FFF; min-height:250px}
		#lateral3 { width: 800px; float: left; padding: 10px 0px; margin: 0; background:#000000; color:#FFF; min-height:250px}
		#menu { width: 150px; float: left; padding: 0px 0px; margin: 0; background:#405e66; }
		#titulo { width: 570px; float: left; padding: 0px 0px; margin: 0; background:#405e66 }
		#galeria { width: 770px; float: left; padding: 5px 5px; margin: 0; background:#ffffff }
		#galeria3 { width: 550px; float: left; padding: 10px 10px; margin: 0; background:#ffffff }
		#central { width: 380px; float: left; padding: 5px 5px; margin: 0; background:#cccccc; margin-top:20px; margin-bottom:60px; min-height:250px }
		#central2 { width: 370px; float: left; padding: 5px 5px; margin: 0; background:#ffffff; margin-top:0px; min-height:250px }
		.galeria2 { width: 284px; float: left; padding: 5px 5px 5px 5px; margin: 0; background:#ffffff; margin-bottom:10px; margin-right:35px; }
		.galeria3 { width: 284px; float: right; padding: 5px 5px 5px 5px; margin: 0; background:#ffffff; margin-top:20px; margin-bottom:10px;}
		.galeria4 { width: 100px; float: left; padding: 5px 5px ; margin: 0; background:#ffffff;}
		#principal { width: 210px; float: right; padding: 5px 5px; vertical-align:top; text-align:left }
		#principal_admin { width: 100%; float: left; padding: 10px 14px; background: url(principal.gif) no-repeat left top; }
		input.btn-enviar{background: url(../images/btn_enviar.gif) no-repeat; width: 100px; height: 25px; display: block; float: right;  border: 0; margin-top: 20px}
		.form-big{display: block; border:none;}
		.form-big2{display: block; border:none; width:730px}
		.mini{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#999}
	#pie {width: 550px;	float: left; padding: 10px 10px; margin: 0; background:#405e66}
	#pie2 { width: 800px; float: right; padding: 5px 5px; margin: 0; background:#405e66 }
	
#footer1 { background:url(../images/footer1.png) no-repeat; height:106px}
.una_cuatro {width:236px; float:left; color:#FFF; padding:20px 10px 5px 10px; font-size:12px}
#footer2 { background:url(../images/footer2.png) no-repeat; height:266px}
.una_cuatro2 {width:226px; float:left; color:#FFF; padding:35px 10px 5px 20px; font-size:13px}
.una_cuatro2 h1{font-size:12px; color:#ccc; line-height:20px; }
.una_cuatro2 h3{font-size:24px; color:#FFF; margin-bottom:15px}
.una_cuatro2 p{ color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#ccc; border-bottom: 1px solid #004891; line-height:25px; padding-left:10px }
/*#footer {
display: block;
position: fixed;
background-color: #e93414;
color:#cccccc;
text-align:center;
clear: both;
bottom: 0;
width: 100%;
*width:1000px;
font-family:HelveticaNeue-Thin, "Helvetica Light", Helvetica-Light, Helvetica,  Arial, sans-serif;

height: 2em;
padding: 0;
padding-top:10px;
}*/

/*------------------------------------------------------------------------------------------------
  Navegacion
  ----------------------------------------------------------------------------------------------*/
  /*
#nav ul { padding: 0; margin: 4px 0; list-style: none;height: 29px;overflow: hidden;}
#nav li {
	margin: 0;
	padding: 4px 0;
	display: inline;
	float: left;
	color: #333333;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
#nav li a {
	margin: 0 27px;
	padding: 4px 10px;
	color: #333333;
	text-decoration: none;
}
#nav li a:hover {
	color: #FF9900;
	text-decoration: none;
}

*/
/*------------------------------------------------------------------------------------------------
  Navegacion
  ----------------------------------------------------------------------------------------------*/
  /*
#nav2 ul { padding: 0; margin: 4px 0; list-style: none;height: 29px;overflow: hidden;}
#nav2 li {
	margin: 0;
	padding: 4px 0;
	display: inline;
	float: left;
	color: #333333;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
#nav2 li a {
	margin: 0 20px;	
	padding: 4px 10px;
	color: #333333;
	text-decoration: none;
}
#nav2 li a:hover {
	color: #FF9900;
	text-decoration: none;
}*/
/*------------------------------------------------------------------------------------------------
  Contenidos
  ----------------------------------------------------------------------------------------------*/
/* Menu Lateral */
.lateral ul { list-style: none; margin: 0 0 8px; padding: 0; }
.lateral li { margin: 0; padding: 0; }
.lateral li a{
	margin: 0;
	padding: 2px 0px 3px 13px;
	display: block;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: url(../images/menuLateral.gif) no-repeat -493px center;
}
.lateral li a:hover{
	background: url(../images/menuLateral.gif) no-repeat left center;
	color: #FFb540;
	font-weight: bold;
}


/*------------------------------------------------------------------------------------------------
  Pie de Pagina
  ----------------------------------------------------------------------------------------------*/
/*#pie p {
	margin: 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
}
#pie p.creditos {  float: right; font: 11px/18px Arial, Helvetica, sans-serif; margin-right:40px; }
#pie a { text-decoration: none; }
#pie a:hover { text-decoration: underline; }*/

/*------------------------------------------------------------------------------------------------
  Lightbox
  ----------------------------------------------------------------------------------------------*/
/*  
#lightbox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);*/ /* Trick IE into showing hover */ /*display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.5em; overflow: auto; width: 100%	; min-height:100px } *//*Aca va el tama�o de la parte de abajo de la foto donde esta el detalle*/
/*
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
*/
/* BOTONES*/


.btn-ordenar{background: url(../images/btn_sort.gif) no-repeat; width: 60px; height: 20px; display: block; border: none; margin-left: 2px;}
.previo a {background: url(../images/previo.png) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-anterior{background: url(../images/btn_ant.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-aceptar, input.btn-aceptar{background: url(../images/btn_acept.gif) no-repeat; width: 80px; height: 20px; display: block;border: none; margin-left: 2px;}
a.btn-cancelar, input.btn-cancelar{background: url(../images/btn_cancel.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-activar, input.btn-activar{background: url(../images/btn_activar.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-desactivar, input.btn-desactivar{background: url(../images/btn_desactivar.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-eliminar, input.btn-eliminar{background: url(../images/btn_delete.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-activar2, input.btn-activar2{background: url(../images/btn_activar2.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-desactivar2, input.btn-desactivar2{background: url(../images/btn_desactivar2.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-editar{background: url(../images/AdobeReader8.0.011111111.gif) no-repeat; width: 21px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-editar2{background: url(../images/btn_edit.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-excel{background: url(../images/excel.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-entrar, input.btn-entrar{background: url(../images/btn_entrar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-salir{background: url(../images/btn_salir.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-enviar{background: url(../images/btn_enviar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-grabar{background: url(../images/btn_grabar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-nuevo{background: url(../images/btn_nuevo.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-nuevo{background: url(../images/btn_nuevo.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-grabar{background: url(../images/btn_grabar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-cancelar{background: url(../images/btn_cancel.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}


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: 990px;


}

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: #0066ff;

color:#FFF;

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

ul.tabs li a {

text-decoration: none;

color: #fff;

display: block;

font-size: 1.2em;

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: #fff;

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: #0f4292;

}

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: #003366;

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-family:Arial, Helvetica, sans-serif;
font-size:12px;

}