@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: #CCCCCC;
	}	
	

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

#header {
	margin:0;
	padding: 0;
	width: 990px;
	}
	
#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:#FFF;
	float:left;
	display:inline;
	text-align: right;
}

#banner {
	margin: 0;
	height: 220px;
	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:990px;
	height: 25px;
	float:left;
	background-color:#F7931E;
	color:#FFF;
	text-align:right;
	padding-top: 5px;
}

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

#content {
	padding: 0;
	width: 990px;
	background-color:#FFF;
	color: 0071BC;
	}
	
#sidebar

{	
	width: 330px;
	height: 350px;
	float: left;
	display:inline;	
	background-color:#F15A29;
	text-align: center;
	}	


#homecontent {
	width: 660px;
	height: 350px;
	float: left;
	display:inline;
	background-color:#F7931E;
}
#busquedashome {
	width: 990px;
	height: 50px;
	float: left;
	background-color:#FFF;
}
#footer {
	padding: 0;
	margin: 0 auto;
	width: 990px;
	height: 90px;
	text-align: justify;
	background-color:#FFF;
	float: left;
	}
#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;
}

#content2 {
	background-color:#FFF;
	font-size: 1.em;
	float: left;
	text-align: center;
	color: 0071BC;
	}
	
content h1 {
	font-size: 1.8em;
	text-align: left;
	padding: 0 20px 0 20px;
	}
#content p{ 
	color:#666666;
	font-size:12px;
	text-align: justify;
	padding: 0 20px 0 20px;
}
#content ol li{ 
	color:#666666;
	font-size:11px;
	text-align: justify;

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

#content ul li, #content ul li ul li{ 
	color:#666666;
	font-size:11px;
	text-align: justify;

}
#content ul, #content 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;
}
/*  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: #0071BC;
}


.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:static;
	border:0;
	padding:0;
	margin-left:90%;
	width:80px;
	height:40px;
}

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