@charset "UTF-8";
/* CSS Document 

Style para el sistema SIR

site URI: http://www.gesoc.org.mx/sir

Description: Estilo para el sisitema SIR

Version: 1

Author: Mupcow

Author URI: http://www.mupcow.com

Structure Styles */


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Trebuchet, Arial, Verdana, Tahoma;
	margin-top:auto;
	/*margin-left: 20%;
	margin-right:25%;*/
	padding: 0;
	background-color: #E1E1E1 !important;
	}	
	

#main { /*crea el área de desarrollo para insertar lo demás. */
	width: 900px;
	margin: auto;
	}
	
/* Begin Structure */
#wrapper {
	margin:0 auto;
	width:900px;
	border:0 none;
}

#wrapper {
	background: transparent;/*#fff*/
	margin-top: 0;/*20px*/
	padding: 0;/*0 20px*/
}

#logoBann{
	height: 100px;
}
#Logo{
	margin-left: 20px;
	margin-top: -20px;
	float:left;
}
#contenido{
	/*top: 0;*/
	padding-top: 20px;
	/*padding-bottom 20px;*/
	margin-right: auto;
	margin-left: auto;
	background-color: #C8C8C8;
	height: auto;
	font-size:14px;
	width: 900px;
}
#contenidos{
	height: auto;
	font-size:12psx;
	width: auto;
	padding : 20px;
	background-color: #D2D2D2;
	padding-top: 50px;
	text-align: justify;
}

#contenidos h1{
	 
	font-size:18psx;
 
	 
}


#contenidointer{
	height: auto;
	font-size:14px;
	width: auto;
	padding-top: 20px;
	background-color: #D2D2D2;
}
#botonesHome{
	/*top: 0;*/
	padding-top: 20px;
	/*padding-bottom 20px;*/
	margin-right: auto;
	margin-left: auto;
	background-color: #C0C0C0;
	height: auto;
	width: 900px;
}
#botonesHome a{
	text-decoration: none;
	color: #fff;
}

#tablaBotonesHome{
	margin-left:100px;
}

#tablaBotonesHome2{
	margin-left:0px;
	padding-bottom:20px;
}

#branding img {
	border-top: 0px solid #000;
	border-bottom:0px solid #000;
	display: block;
	float: left;
}

#sliderFotos{
	position: absolute;
	/*float: right;*/
	height: 250px;
	width: 510px;/*555, 441px*/
	top: 100px;
	margin-left: 300px;
	margin-right: 30px;
}

#contenidoMenuPagina{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: auto;
	background-color: #799B9C;
	height: 45px;
	width: 900px;
}

#contenidoMenuHomePagina{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-family: sans-serif, arial;
	font-weight:bold;
	font-size: 12px;
	background-color: #799B9C;
	width: 900px;
	 
}


#contenidoMenuHome{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-family: sans-serif, arial;
	font-weight:bold;
	font-size: 12px;
	background-color: #799B9C;
	width: 900px;
	height:250px;
}
#listaMenuHome{
	padding-top: 20px;
	margin-left: 20px;
	list-style: none;
	width: 200px;
}
#listaMenuHome li{
	padding: 2px;
}
#listaMenuHome a{
	text-decoration: none;
	color: #ffffff;
}

#header {
	margin-top: 20px;
	width: 900px;
	/*border-bottom: 2pt solid #000;
	padding-bottom: 18pt;*/
}
	
#breadcrums { 
	width: 990px;
	height: 70px;
	background-color:#FFF;
}
#menusup {
	width: 750px;
	height: 70px;
	background-color:#F7931E;
	float:left;
	display:inline;
	color: #FFF;
	Text-align: right;
}

#menusup a, menusup a.visited, menusup a.hover  {
	color: #FFF;
	margin-top: 50px;
	padding-right: 5px;
	font-size: 16px;
}

#logo {
	width: 180px;
	height: 70px;
	background-color:transparent;
	float:left;
	display:inline;
	text-align: right;
}

#banner {
	margin: 0;
	height: 820px;
	width: 990px;
	margin: 0 auto;
	background-color:#FFF;
	}
	
#explicacion {
	margin: 0;
	height: 230px;
	width: 990px;
	margin: 0 auto;
	background-color:#FFFFFF;
	text-align: right;
	}
	
#explicacion p {
	color:#666666;
	font-size:12px;
	text-align: justify;
	padding: 0 20px 0 20px;
		}
		
#explicacion h1  {
	color:#F7931E;
	font-size:15px;
	text-align: left;
	font-style:italic;
	font-weight: bold;
	padding: 0 20px 0 20px;
		}
		
#programaarea {
	margin: 0;
	height: 150px;
	width: 990px;
	margin: 0 auto;
	background-color:#FFFFFF;
	display: inline;
	}
#barraexplicacion{
	width:990px;
	height: 25px;
}

#barra{
	width:990px;
	height: 25px;
	float:left;
}


#barramenu{
	width:890px;
	height: 25px;
	float:left;
	background-color:#799B9C;
	color:#FFF;
	text-align:left;
	padding-top: 5px;
	padding-left: 10px;
}

#barramenu a, barramenu a.visited, barramenu a.hover  {
	color: #FFF;
	margin-top: 13px;
	padding-right: 5px;
	font-size: 14px;
	
}

#contenedorGeneralIndice{
	width: 900px;
	min-height: 250px;
	/*margin-top: -20px;*/
	background-color: #cccccc;
	height:auto;
}

#contenedorIndice {
	/*padding: 0;
	width: 990px;
	background-color:#FFF;
	color: 0071BC;*/
	color: #333333;
    font-size: 14px;
    /*line-height: 24px;*/
	float: left;
    margin: 0 0 0 20px;
    width: 500px !important;
	}
	
#sidebar
{	
	width: 330px;
	height: 350px;
	float: left;
	display:inline;	
	background-color:#F15A29;
	text-align: center;
}

#barraVideo{
	background-color:#799B9C;/*#F15A29*/
	padding-top: 20px;
	/*position: absolute;*/
	margin-left: 570px;
	width: 330px;
	height: 350px;
}	


#homecontent {
	width: 660px;
	height: 350px;
	float: left;
	display:inline;
	background-color:#F7931E;
}
#busquedashome {
	width: 990px;
	height: 50px;
	float: left;
	background-color:#FFF;
}

#colophon {
	/*border-top: 4px solid #000;*/
	margin-top: -4px;
	overflow: hidden;
	padding: 10px 0;/*18px 0*/
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 90px;
	text-align: justify;
	background-color:#FFF;
	 
	}
#footer p{
    color: #0071BC;
	font-size:11px;
	padding: 0 20px 0 20px;
	}
#footer h2{
    color: #0071BC;
	font-size:11px;
	padding: 0 20px 0 20px;
	text-align: center;
	}
	
	
#footer a,#footer a.hover, #footer a.visited{
  color: #666666;
}

#Sociales{
	/*margin-left: 600px;
	margin-top: -40px;
	margin-left: 700px;*/
	float: left;
	width: 200px;
	height: 25px;
}

#tablaSociales td{
	padding: 2px;
}

#site-info {
	text-align: center;
	float: right;
	font-size: 14px;
	font-weight: bold;
	width: 100px;/*200px*/
	height: 35px;
}

#sliderFooter{
	margin: 0;
	list-style: none;
}
#sliderFooter li{
	display: inline;
}
#avisoSlider{
	width: 80px;
	float: right;
}

#site-generator {
	font-style: italic;
	position: relative;
	text-align: right;
	/*margin-left: 600px;*/
	background-color: #DBDBDB;
	float: right;
	width: 900px;/*220px*/
}
#site-generator a {
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}

#content2 {
	font-size: 1.em;
 
	color: 0071BC;
	}
	
#content h1, #contenedorIndice h1{
	font-size: 1.8em;
	text-align: left;
	padding: 0 20px 0 20px;
	color:#799B9C;
	}

#content p, #contenedorIndice p{ 
	color:#666666;
	font-size:12px;
	text-align: justify;
	padding: 0 20px 0 20px;
}
#content ol li, #contenedorIndice ol li{ 
	color:#666666;
	font-size:11px;
	text-align: justify;

}
#content ol, #contenedorIndice ol{ 
	padding: 0 40px 0 40px;
}

#content ul li, #content ul li ul li, #contenedorIndice ul li, #contenedorIndice ul li ul li{ 
	color:#000000;/*#666666*/
	font-size:14px;
	text-align: justify;

}
#content ul, #content ul ul, #contenedorIndice ul, #contenedorIndice ul ul{ 
	padding: 0 40px 0 40px;
}

	
#content p a,#content p a.hover, #content p a.visited, #content ul a, #content ul ul a,#content ul a.hover, #content ul ul a.hover, #content ul a.visited, #content ul ul a.visited{
  color: #0071BC;
}

h1, h2, h3 {
	font-weight: normal;
	}

h1 {
	font-size: 1.8em;
	text-align: left;
	padding: 0 20px 0 20px;
	}
	
h2 {
	font-size: 1.4em;
	clear:both;
	}	

h3 {
	font-size: 1.2em;
	clear:both;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}	

#header h1, #header h1 a, #header h1 a:hover, #header h1 a:visited {
	padding-left:20px;
	font-style:italic;
	}	

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	}	

a {
	text-decoration: none;
	padding: 0 1px;
	}

h1 a, h2 a, h3 a, h1 a:hover,h2 a:hover, h3 a:hover{
	border: none;
	background: none;
}

a img {
	border: none;
	}
	
#main #content #homecontent table {
	text-align: center;
}

/* estilo para el contenedor de la grafica*/
#contieneGrafico{
	width: 600px;
	height: 300px;
	margin: auto;
	alignment-adjust: central;
}

/*  Style para Tablas de PHP*/
.nombreprograma, .nombreprograma a{
	font-size: 12px;
	color: #0071BC;
	text-decoration:underline;
}

.valor , .valor a{
	font-size: 11px;
	color: #666666;
}

 .valor a , .valoratributo a, .valorindicador a , .trayectoriapresupuestalvalor a{
	 text-decoration:underline;
 }
.título{
	font-size: 11px;
	color: #0071BC;
}

.valoratributo , .valoratributo a  {
	font-size: 11px;
	color: #666666;
}
.tituloatributo{
	font-size: 11px;
	color: #0071BC;
}

.valorindicador , .valorindicador a{
	font-size: 11px;
	color: #666666;
}
.tituloindicador{
	font-size: 11px;
	color: #000;
}


.trayectoriapresupuestalvalor , .trayectoriapresupuestalvalor a{
	font-size: 11px;
	color: #666666;
}
.trayectoriapresupuestaltitutlo{
	font-size: 11px;
	color: #0071BC;
}

.tablaprograma {
	border: 1px #0071BC;
}

#main #content table {
	text-align: left;
}

#main #content hr {
	text-align: justify;
	color:#999;
	border: 2px;
}

/* java de numerialia */

#container { margin:0 auto; ;  position:relative; text-align:center; width:250px; background:transparent;}	
#slider ul, #slider li { padding: 0; list-style:none; }
#slider li { width:250px; height:60px; overflow:hidden; margin:0; padding:0;}	#main #explicacion ul li {
	text-align: left;
}
#main #explicacion ul li {
	font-size: 14%;
}
#main #explicacion ul li {
	font-size: 36px;
}
#main #explicacion ul li {
	font-size: 18px;
}
#main #explicacion ul li {
	font-size: 16px;
}
#main #explicacion ul li {
	color: #666;
}
#main #explicacion ul li {
	font-size: 14px;
}
.movie {
		text-align:center;
}
#main #explicacion p a {
	text-align: right;
}


/*estilo para botones de exportacion*/
input.pdf{
	background:url('./images/icono_pdf.png') 0 0;
	width:39px;
	height:41px;
}

input.excell{
	background:url('./images/icono-excel.png') 0 0;
	width:44px;
	height:37px;
}

div#reportes{
	position:absolute;
	border:0;
	padding:0;
	 
	width:80px;
	height:40px;
	left: 70%;
	top: 452px;
}

/*Estilo para tablas de Ficha general e Indices (creo)*/
table.caja{
	border: 1px solid;
}