@charset "utf-8";
/* CSS Document */
body {padding:0px; margin:0px; font-family:arial, verdana, sans-serif; font-size:12px; line-height:18px; color:#434242; background-position:top; background-color:#ffffff }
a, a:visited {color:#434242;; text-decoration:none;}
p { padding:0px; margin:0px;}
b { font-weight:normal}
img { border:0px;}

.gris{ font-weight:bold}
.bordo{ color:#772138}
.bordo-bold{ color:#772138; font-weight:bold}

#mainWarp{width:100%; margin:0px; padding:0px;}
#mainPanel{width:1003px;  margin:10px auto; padding:0px; clear:right;}

#menutop{width:1003px; height:50px; background-image:url(images/top-bar.gif); background-position:top left; float:left;}
#top{width:1003px; height:15px; text-align:right; font-family:arial, verdana, sans-serif; font-size:10px; line-height:12px; color:#999;}
#header{width:1003px; height:212px; float:left;}
/* -------- top ---------------*/
#top a:link { color:#858484; text-decoration:none;}
#top a:visited {color:#333}
#top a:hover {color:#762138; text-decoration:none;}

/* ------- header ------------ */
.tabla-header{ background-image:url(images/bg-header.png); height:212px; color:#FFF;}
#logoroboliga{width:235px; height:100%; text-align:center;}
#logoinstitucion{width:208px; height:100%; text-align:center;}
#titulo{ width:383px; padding-left:10px; height:100%;  cursor:default; font-family:arial, verdana, sans-serif; font-size:16px; line-height:18px; color:#ffffff; font-weight:bold; }
#pic-institucional{ width:167px; height:100%; }

#titulo h1 {padding-top:85px; margin:0px; line-height:24px; color:#FFF;}

/* ----- content ------------ */
#maincontent{ width:1001px; border-left:1px #dedede solid; border-right:1px #dedede solid;  border-bottom:1px #dedede solid;   float:left; background-image:url(images/bg.gif); background-repeat:repeat-y; }
#leftpanel{ /*width:233px;*/ width:223px; padding-left:5px; padding-right:5px; float:left;}
#centerpanel{/*width:208px;*/ width:208px; float:left; border-left:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid; border-top:1px #e7e7e7 solid; background-color:#f6f6f6;  font-family:arial, verdana, sans-serif; font-size:11px; line-height:17px;}
#rightpanel{/*width:558px;*/ width:508px; padding-left:30px; padding-right:20px; float:left; padding-top:30px;  font-family:arial, verdana, sans-serif; font-size:12px; line-height:18px;}



/* ------ left panel -------- */
#leftpanel a {}
.celda-menu{ padding-bottom:10px; padding-top:10px; width:203px; padding-left:10px; padding-right:10px; background-image: url(images/line-menu.jpg); background-repeat:no-repeat; background-position: center bottom; font-family:arial, verdana, sans-serif; font-size:11px;  }
.celda-menu-blank{ padding-bottom:10px; padding-top:30px; width:203px; padding-left:10px; padding-right:10px; background-image: url(images/line-menu.jpg); background-repeat:no-repeat; background-position: center bottom; font-family:arial, verdana, sans-serif; font-size:11px; font-weight:bold;  }
.celda-menu-last{ padding-bottom:10px; padding-top:10px; width:203px; padding-left:10px; padding-right:10px; font-family:arial, verdana, sans-serif; font-size:11px;  }

.celda-menu a:link { text-decoration:none;}
.celda-menu a:visited {color:#333}
.celda-menu a:hover {color:#005c9e; text-decoration:none;}
.celda-menu-last a:link { text-decoration:none;}
.celda-menu-last a:visited {color:#333}
.celda-menu-last a:hover {color:#005c9e; text-decoration:none;}

.box-banners{width:203px; padding-left:10px; padding-right:10px;  font-size:11px; line-height:16px; }
.box2left{width:223px;}
#contactos{width:223px; height:95px; padding-top:20px; padding-bottom:15px;}
.box-left-blank{width:223px; height:27px; background-image: url(images/left-blank.jpg); background-position: center; background-repeat:no-repeat;}


/* ------ center panel ------- */
.box1center{/*width:206px;*/ width:196px; height:55px; border:1px #f4f4f4 solid;  padding-left:5px; padding-right:5px; }
.box2center{width:196px; padding-left:6px; padding-right:6px; padding-top:8px;}
.box-center-blank{width:208px; height:17px; background-image: url(images/grey-blank.jpg); background-position: center; background-repeat:no-repeat;}
.box1center h1{font-family:arial, verdana, sans-serif; font-size:11px; line-height:18px; padding:30px 0 0 0; margin:0px; font-weight:normal;}
.box3center{/*width:206px;*/ width:196px; border:1px #f4f4f4 solid; background-color:#e8e8e8; padding-left:5px; padding-right:5px; }

.boxcenter-sep1{width:206px; height:30px;}

.combito-form { width:196px;}
/* ---------- accordion 2 -------------- */
#accordion_container{width: 196px; padding-left:6px; padding-right:6px; font-family:arial, verdana, sans-serif; font-size:11px; }
.accordion_toggle { display: block; height: 17px; width: 196px; padding: 0 0 0 0; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; color:#772138;/*color: #772138;*/ cursor: pointer; margin: 0 0 0 0; font-weight:bold; font-family:arial, verdana, sans-serif; font-size:11px; line-height:17px;}	
.accordion_toggle_active {color:#772138;/*color:#333;*/	/*border-bottom: 1px solid #f68263;	*/	}
.accordion_content {color: #444444;	overflow: hidden;}
.accordion_content p {padding:0px; width:196px; margin:0px; font-family:arial, verdana, sans-serif; font-size:11px; display:inline;}
/* Container styling*/
#horizontal_container {margin: 0px auto 0px auto; width: 196px;  }
    
#vertical_nested_container {margin: 0px; width: 196px;}
/* --- */
.vertical_accordion_toggle {display: block;	height: 30px; width: 196px;	padding: 0 10px 0 10px;	line-height: 30px;	color: #ffffff;		font-weight: normal; text-decoration: none;	 outline: none;	font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer;	margin: 0 0 0 0;}
.vertical_accordion_toggle_active {	color: #ffffff;	border-bottom: 1px solid #f68263;}
.vertical_accordion_content {background-color: #ffffff;	color: #444444;	overflow: hidden;}
.vertical_accordion_content p {	padding: 5px 10px 15px 10px;}


/* ------- right panel ------- */
#rigthpanel a {color:#333; text-decoration:none}
.link-top a:link { color:#858484; text-decoration:none;}
.link-top a:visited {color:#333}
.link-top a:hover {color:#762138; text-decoration:none;}

#rightpanel h1 {font-family:arial, verdana, sans-serif; font-size:16px; line-height:20px; padding:0 0 20px 0; margin:0px; color:#535353}
#rightpanel h2 {font-family:arial, verdana, sans-serif; font-size:16px; line-height:20px; padding:0 0 20px 0; margin:0px; color:#535353}
#rightpanel h3 {font-family:arial, verdana, sans-serif; font-size:14px; line-height:17px;  padding:0px; margin:0px;}
.box-right-blank{ background-image: url(images/paragraf-blank.jpg); padding-top:20px; padding-bottom:20px; background-position:left; }
.box-rigth-separador{width:508px; height:20px;}
.link-top{font-family:arial, verdana, sans-serif; font-size:10px; line-height:17px; font-weight:normal; padding-top:20px; text-align:center; color:#999;}
.title1-right{font-family:arial, verdana, sans-serif; font-size:16px; line-height:20px; font-weight:bold; padding:0 0 20px 0; margin:0px; color:#535353; text-align:center;}
.busquedas-relacionadas{width:508px;  }
.box-right-pic{ width:508px; text-align:center; padding-top:10px; padding-bottom:10px;}
.volver { width:508px; height:20px; border-top:1px solid #CCC; text-align:center}

.proyectos-participacion{ padding-right:5px; padding-bottom:15px; border-bottom:1px solid #999}





#divimg{width:223px;height:165px;float:left;margin :0; padding:0;}
#imagen{margin:15px;}
p#perfil{display:block;margin:0px auto;text-align:left;padding:5px 0 0 0;}
/* -------  tabla fotos --------*/
.tabla-fotos{ width:508px;}
.celda-fotos{
	width:123px;
	padding:2px;
	height:123px;
	background-color:#FFF;
}
.celda{ padding:10px 0 10px 0}

/* ------ contacto ---------*/
div#contacto{ width:385px; margin:auto;}
div#contacto-mail{ width: 385px; font-style:normal; font-variant:normal;  font-weight:normal; margin:auto;}
input { background-image: url(images/form.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC; font-size:10px; color: #333333; padding:4px; width:385px; font-family: Verdana, Arial, Helvetica, sans-serif; }
textarea { background-image: url(images/form.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC; font-size: 10px; color:#333333; padding:4px; width:385px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.boton { width:62px; height:17px; border:none; background-image:none;}
div#btn{text-align:right;}
value { background-image: url(images/form.gif); background-repeat: no-repeat; padding-top:2px; padding-bottom:2px; border: 1px solid #CCCCCC; }
option.uno {background-color: #CCC}
option.dos {background-color: #666} 
SELECT{ color: 000; background-image:url(images/form.gif); padding:4px 0 4px 0; border: 1px solid #CCCCCC; font-size:10px; color: #333333;  font-family: Verdana, Arial, Helvetica, sans-serif; }


/* ------ videos ---------*/
div#video{ width:400px; height:340px; padding:0px; margin:0px; }


/* ------ footer -------------*/
#footerwarp{width:100%; padding-top:10px; clear:both;}
#footer{/*width:1003px;*/width:963px; padding:20px 20px 0px 20px; height:130px; background-image:url(images/bg-footer.gif); color:#FFF;  font-family:arial, verdana, sans-serif; font-size:11px; line-height:17px;}
#footer a{ color:#FFF;}

#footer-left{width:425px; padding-right:20px; float:left;}
#footer-right {width:518px; float:left;  }

/* ------- clearfix -------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearfix {display:inline-block; }
.clearfix {display:block;}
* html .clearfix {height:1px;}


/* ------------ */