/* CSS Document para STMSI */

		body {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		66%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(images/fondoindex.jpg);
	background-repeat: repeat-x;
	color: #CA6400;
		}
    #marquesina{
	position:		relative;
	width:			880px;
	height:			150px;
	text-indent: -1000px;
	background-image: url(images/marquesina_stmsi.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	clear: both;
		}
		#marquesina:hover {
	text-indent: -1000px;
	text-decoration: none;	
		}
		#container {
	position:		relative;
	width:			880px;
	background-color: #FFFFFF;
	margin: auto;
	border-right: solid grey 2px;
	border-left: solid grey 2px;
		}
		#navigation {
	position:		relative;
	width:			870px;
	height:			30px;
	background-image: url(images/fondo_barranergra.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	padding : 5px 10px 5px 0px;
	float: right;
	clear: both;
	background-color: #FFFFFF;
	}
		
	   /* texto simple blanco*/
	   .blanco {
	padding : 8px 10px 8px 0px;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	line-height: normal;
         } 
       /* boton contacto*/
        #btcontacto {
	    height:20px;
	    background-image: url(images/flecha_cont.gif);
	    background-repeat: no-repeat;
	    overflow: hidden;
	    text-decoration: none;
	    background-position: 74px 0px;
	    margin-right: 0px;
	    color: #FFFFFF;
	    width: 90px;
	    text-align: left;
	    padding-right: 0px;
	    text-indent: 10px;
	    float: right;
		}				
	#btcontacto:hover {
	text-decoration: underline;
    background-image: url(images/flecha_cont_off.gif);
	}
	/* botones a links de interes*/	
	#links {
	width:	880px;
	height:	92px;
	float: left;
	background-image: url(images/linea_gris_1.gif);
	background-repeat: no-repeat;
	background-position: 15px 87px;
	padding-bottom: 10px;
	clear: both;
	background-color: #FFFFFF;
	position: relative;
		}
		#links ul {
	margin:	0;
	padding: 0;
	padding-left:	12px;
	padding-right:	0px;
	height: 62px;
	width: auto;
		}
		#links ul li {
	list-style:		none;
	float:			left;
	margin-top:		10px;
	height: 62px;
	display: inline;
		}
		#links ul li a {
		display:		block;
		}
		#btnisp {
	width:			120px;
	height:			62px;
	text-indent: -1000px;
	text-decoration: none;
	background-image: url(images/logo_isp.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	margin-right: 85px;
	margin-left: 20px;
		}
		#btnisp:hover {
	text-decoration: none;
		}
		#btntojunto {
	width:			120px;
	height:			62px;
	background-image: url(images/logo_tojunto.jpg);
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	margin-right: 51px;
		}		
		#btntojunto:hover {
	text-decoration: none;
		}
		#btnctm {
	width:			102px;
	height:			62px;
	background-image: url(images/logo_ctm.jpg);
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	margin-right: 85px;
		}	
		#btnctm:hover {
	text-decoration: none;
	    }
		#btnips {
	width:			86px;
	height:			62px;
	background-image: url(images/logo_ips.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	margin-right: 85px;
		}	
		#btnips:hover {
	text-decoration: none;
		}
		#btnioma {
	width:			103px;
	height:			62px;
	background-image: url(images/logo_ioma.jpg);
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background-position: 0px 0px;
	margin-right: 85px;
		}				
		#btnioma:hover {
	text-decoration: none;
		}
		#btnfesimubo {
	width:			51px;
	height:			62px;
	background-image: url(images/logo_fesimubo.jpg);
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background-position: 0px 0px;
	margin-right: 10px;
	float: right;
		}				
		#btnfesimubo:hover {
	text-decoration: none;
		}
/* hasta aqui botones links de interes */
		
		#content {
	width: 860px;
	height: auto;
	background-color: #FFFFFF;
		}
		#triptych {
	width:			858px;
	height:			auto;
	position: relative;
	background-image: url(images/fondo_triptico.jpg);
	background-repeat: repeat-y;
	background-position: 11px 0px;
	float: left;
	background-color: #FFFFFF;
	padding-right: 11px;
	padding-left: 11px;
	overflow: hidden;
		}
/* PANEL DEL MEDIO TRES COLUMNAS*/		
.panel {
	width:			366px;
	height:			auto;
	margin:			0;
	float:			left;
	overflow: hidden;
		}
		.panel h1 {
	padding:		0;
	margin:			0;
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	height:			22px;
	font-size: 14px;
	color: #C96700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 356px;
		}
		
		#btnvermas {
	position:		relative;
	padding:		0;
	margin:			0;
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	height:			17px;
	font-size: 11px;
	color: #C96700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 313px;
	background-image: url(images/flecha_azul.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 30px;
	text-align: right;
	padding-top: 8px;
	text-decoration: none;
		}
		#btnvermas:hover {
	font-weight: bold;
	background-image: url(images/flecha_azul_on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
		}
		#btnvolver {
	color: #C96700;
	position:		relative;
	height:			17px;
	font-size: 11px;
	width: 313px;
	background-image: url(images/flecha_azul_volver.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 30px;
	padding-top: 8px;
	text-decoration: none;
	float: right;
	display: block;
	text-align: right;
	background-color: #FFFFFF;
	clear: right;
	margin: 8px 15px 10px 10px;
		}
		#btnvolver:hover {
	text-decoration: none;
		}
		
		#separador343 {
	width:			343px;
	height:			5px;
	background-image: url(images/linea_gris_2.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	position: relative;
		}
		.panel p {
	padding-right:	15px;
	margin:			0;
	text-align:		justify;
	padding-bottom:	10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left: 15px;
	line-height: 15px;
		}
		
/* menu lateral */
		#menulat {
	    width: 246px;
	    float: left;
	    overflow: hidden;
		}
		
        #titulonav_inst{
	    background-image: url(images/menu_institucional.jpg);
	    width: 246px;
	    height: 35px;
	    overflow: hidden;
	    float: left;
        }
          #titulonav_info{
	      background-image: url(images/menu_centrodeinfo.jpg);
	      width: 246px;
	      height: 45px;
		  overflow: hidden;
          }
		  #titulonav_pren{
	      background-image: url(images/menu_prensa.jpg);
	      width: 246px;
	      height: 35px;
          }
		  #titulonav_leg{
	      background-image: url(images/menu_legislacion.jpg);
	      width: 246px;
	      height: 35px;
          }
          #cuerpomenu{
	      margin: 10 0 10 0px;
	      background-position: 0px 0px;
	      width: 246px;
	      overflow: hidden;
	      height: auto;
          }
#lateral{
	width: 246px;
	background-image: url(images/fondo_menu_izqu_base.jpg);
	float:left;
	padding-top: 10px;
	padding-bottom: 10px;
	word-spacing: 3px;
}
#lateral ul{
	margin : 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#lateral li{
	margin: 0px 2px 0px 2px;
	padding: 4px 2px 4px 2px;
	text-align: right;
	margin-right: 8px;
	vertical-align: text-bottom;
	line-height: 20px;
	background-image: url(images/fondo_menu_izqu.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
}
#lateral a{
	color: #333333;
	text-decoration: none;
}
#lateral a:hover{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#panelbanners {
width: 246px;
float:right;
padding-top: 0px;
padding-bottom: 10px;
}	    
		#btncartilla {
	    width:			246px;
	    height:			205px;
	    background-image: url(images/banner_servicios.jpg);
	    background-repeat: no-repeat;
	    text-indent: -10000px;
	    overflow: hidden;
	    text-decoration: none;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    margin-top: 0px;
		}				
		#btncartilla:active {
	    text-decoration: none;
	    background-image: url(images/banner_servicios_on.jpg);
		}
		#btnjardin {
	    width:			246px;
	    height:			180px;
	    background-image: url(images/banner_jardin.jpg);
	    background-repeat: no-repeat;
	    text-indent: -10000px;
	    overflow: hidden;
	    text-decoration: none;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    margin-top: 0px;
		}				
		#btnjardin:active {
	text-decoration: none;
	background-image: url(images/banner_jardin_on.jpg);
		}
		#btncentroaudio {
	    width:			246px;
	    height:			205px;
	    background-image: url(images/banner_centroaudiovis.jpg);
	    background-repeat: no-repeat;
	    text-indent: -10000px;
	    overflow: hidden;
	    text-decoration: none;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    margin-top: 0px;
		}				
		#btncentroaudio:active {
	text-decoration: none;
	background-image: url(images/banner_centroaudiovis_on.jpg);
		}
		#infrastructurepanel h2 {
        }
/* PANEL 612 PARA LISTA DE ARCHIVOS DE DESCARGA*/	
.panel_2{
width:			612px;
height:			auto;
margin:			0;
float:			left;
overflow: hidden;
		}
	#separador600 {
	width:			600px;
	height:			5px;
	background-image: url(images/linea_gris_600.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	float: left;
	}
	.panel_2 h2 {
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	font-size: 14px;
	color: #CA6400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 500px;
	}
	.panel_2 p{
	padding-right:	15px;
	margin:			0;
	text-align:		justify;
	padding-bottom:	10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left: 15px;
	line-height: 17px;
	}
	.panel_2 ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	margin-left: 10px;
	float: left;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
    }
	.panel_2 a ul{
	text-decoration: none;
    }
	.panel_2 a:hover ul{
	text-decoration: none;
    }
   .panel_2 li{
	line-height: 35px;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	list-style-type: square;
	display: list-item;
	width: auto;
	border-bottom-width: 2px;
	border-bottom-color: #333333;
	}
   .panel_2 a:link {
	font-weight: normal;
	color: #333333;
	}
	.panel_2 a:visited a:hover a:active {
	text-decoration: underline;
	}
	#btn_pdf {
	width:			auto;
	height:			auto;
	color: #333333;
	background-image: url(images/btn_pdf.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right bottom;
	padding-right: 35px;
	border-bottom-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #333333;
	min-width: 500px;
	text-decoration: none;
	}	
	#btn_pdf a {
	border-bottom-color: #333333;
	border-bottom-width: 1px;
	color: #333333;
	text-decoration: none;
	}
	#btn_pdf a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
	#btn_word{
	width:			auto;
	background-image: url(images/btn_word.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right bottom;
	padding-right: 35px;
	border-bottom-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #333333;
	min-width: 500px;
	}	
	#btn_word a {
	text-decoration: none;
	color: #333333;
	}
	#btn_word a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
	#btn_jpg {
	width:			auto;
	background-image: url(images/btn_jpg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right bottom;
	padding-right: 35px;
	border-bottom-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #333333;
	min-width: 500px;
		}
		#btn_jpg a {
	text-decoration: none;
	color: #333333;
	}
	#btn_jpg a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
	#btn_html {
	width:			auto;
	background-image: url(images/btn_HTML.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right bottom;
	padding-right: 35px;
	border-bottom-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #333333;
	min-width: 500px;
		}
		#btn_html a {
	text-decoration: none;
	color: #333333;
	}
	#btn_html a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
	#btn_zip {
	width:			auto;
	background-image: url(images/btn_ZIP.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right bottom;
	padding-right: 35px;
	border-bottom-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #333333;
	min-width: 500px;
		}
		#btn_html a {
	text-decoration: none;
	color: #333333;
	}
	#btn_html a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
	/* PANEL 612 PARA TEXTO Y LISTAS COMUNES*/	
.panel_3 {
width:			612px;
height:			auto;
margin:			0;
float:			left;
overflow: hidden;
		}
	#separador600 {
	width:			550px;
	height:			5px;
	background-image: url(images/linea_gris_600.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	}
	.panel_3 h2 {
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	font-size: 14px;
	color: #CA6400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 500px;
	}
	.panel_3 h3 {
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	}
	.panel_3 h4 {
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	font-style: oblique;
	color: #333333;
	}
	.panel_3 h5 {
	margin-top:		8px;
	margin-left:	0px;
	margin-bottom:	10px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	width: 500px;
	}
	.panel_3 p{
	padding-right:	15px;
	margin:			0;
	text-align:		justify;
	padding-bottom:	10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left: 15px;
	line-height: 17px;
	font-style: normal;
	}
	.panel_3 ul{
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin-left: 20px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 17px;
	clear: right;
	display: block;
	width: 600px;
    }
	.panel_3 li{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	list-style-type: square;
	display: list-item;
	margin-right: 10px;
	}
	.panel_3 li:first-line {
	text-decoration: none;
	}
	/* listas cartilla y prest */	
	.panel_4 {
	width: 550px;
	height:	auto;
	margin:	0;
	float: left;
	overflow: hidden;
	padding-left: 15px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 17px;
	}
		.panel_4 ul{
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
	line-height: 25px;
	display: block;
	font-weight: bold;
	padding: 0px 10px 10px 10px;
	clear: both;
	width: 540px;
	border-top: solid #999999 2px;
	background-color: #EFEFEF;
	padding-left: 10px;
        }
		.panel_4 ul a{
	text-decoration: none;
	color: #CA6400;
	font-weight: normal;
	margin: 0px 10px 0px 10px;
	}
	.panel_4 ul a:hover{
	color: #CA6400;
	text-decoration: underline;
	}	
	.panel_4 li{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	list-style-type: disc;
	line-height: 18px;
	font-weight: normal;
	margin-left: 10px;
	width: 520px;
	}
	.panel_4 h2 {
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	font-size: 14px;
	color: #CA6400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 500px;
	}
	.panel_4 h3 {
	margin-top:		10px;
	margin-left:	25px;
	margin-bottom:	10px;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	}
	.panel_4 h4 {
	margin-top:		8px;
	margin-left:	10px;
	margin-bottom:	10px;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	font-style: oblique;
	clear: both;
	}
/*galeriajardin*/
#galeriajardin {
	width: 490px;
	background-color: #E7E7E7;
	float: right;
	margin: 10px 0px 20px 0px;
	padding: 30px;
	font-weight: bold;
	text-align: left;
}
#galeriajardin ul {
	width:130px;
	float: left;
	height: 220px;
	overflow: scroll;
	margin-right: 0px;
	margin-left: 20px;
	padding: 0px;
	border: groove #FEFEFB 2px;
	background-color: #FEFEFB;
	outline-color: #999999;
	margin-top: 0px;
}
.galeriajardin li {
	list-style-type:none;
	width:auto;
	padding: 0px 0px 5px 0px;
	height: auto;
	color: #333333;
}
.a galeriajardin li {
	color: #333333;
	text-decoration: none;
}
		
		a img.min {border:1px solid #fff;}
		a span {visibility:hidden;color:white;text-align:center;font:bold 14px ;position:absolute;top:auto;left:420px;visibility:hidden;border:5px solid #fff;z-index:10;}
		
		a:hover img.min {
	z-index:100;
	border:1px solid red;
}
		a:hover {
	display:inline;
	z-index:100;
	color: #333333;
	text-decoration: none;
	text-transform: none;
} /* Hace que funcione en IE6*/
		a:hover span {
	visibility:visible;
	border:solid #fff;
	background:#000000;
	z-index:100;
	background-color: #999999;
}
		a:hover span img {
	visibility:visible;
	z-index:100;
}		
		a:focus span , a:active span  {
	visibility:visible;
	z-index:10;
	background:#000000;
	background-color: #999999;
}
		a img.fotos {border:solid white;}
.contgaljardin {
	width: 310px;
	float: left;
	height: 220px;
	overflow: scroll;
	margin: 0px 20px 20px 0px;
	border: groove #FEFEFB 2px;
	background-color: #FEFEFB;
}
/*galeria centro audiovisual_max*/
#galeria_ctradvsl {
	width: 550px;
	background-color: #EFEFEF;
	float: left;
	margin: 20px 10px 25px 20px;
	height: 600px;
}
	#galeria_ctradvsl ul {
	padding:10px;
	margin:0px;
	width:550px;
	background-color: #EFEFEF;
}
	#galeria_ctradvsl li {
	list-style-type:none;
	width:60px;
	padding:5px 5px 0px 0px;
	background-color: #EFEFEF;
	display: inline;
	float: left;
	height: 0px;
	margin: 20px 0px 20px 0px;
}
		
		a img.min {border:1px solid #fff;}
		a span {visibility:hidden;color:white;text-align:center;font:bold 14px "Trebuchet MS",arial;position:absolute;top:270px;left:320px;visibility:hidden;border:5px solid #fff;z-index:10;}
		
		a:hover img.min {z-index:100;border:1px solid red;}
		a:hover {display:inline;z-index:100;} /* Hace que funcione en IE6*/
		a:hover span {visibility:visible;border:5px solid #fff;background:#000000;z-index:100;}
		a:hover span img {visibility:visible;z-index:100;}		
		
		
		
		a:focus span , a:active span  {visibility:visible;z-index:10;background:#000000;}
		a img.fotos {border:1px solid white;margin:5px;}
/* PIE */		
#footer {
	width:880px;
	height:auto;
	color: #FFFFFF;
	background-color: #333333;
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
	padding-top: 20px;
		}
		#metanav {
	width: 800px;
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 10px;
		}
		#metanav li {
	list-style:		none;
	display:		inline;
	padding:		5px;
	padding-top:	1px;
	padding-bottom:	1px;
	border-right: 	1px solid white;
	line-height: 25px;
	text-align: center;
		}
		#metanav li.last {
			border-right:	none;
		}
		#metanav li a {
			font-size:		11px;
			color:			white;
			text-decoration:none;
		}
		#metanav li a:hover {
			text-decoration:underline;
		}