/* CSS Document */

/* CSS Document */
*{
margin:0;
padding:0;
}

body {
background-color:#f9e500;
margin:auto;
text-align: center;
width:100%;
margin-top:0px;
}

img { border:0px; }

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:black;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.clearfix: after{
clear: both;
content: ñ.ñ;
display:block;
height: 0;
line-height: 0;
visibility: hidden;
}

.clearfix{
display: inline-block;
}
.html[xmlns] .clearfix{
display: block;
}

*html .clearfix {
height: 1%;
}


*html body{
background-color:#f9e500;
}

#contenedor{
width: auto;
height: auto;
background-color:#efefef;
}

#header-contenedor{
width: 100%;
height: auto;
background-color:#f9e500;
}

#mininav-contenedor{
width: 100%;
height: 2px;
background-color:#e8b005;
}

#medionav-contenedor{
width: 100%;
height: 10px;
background-color:#666666;
}

#contenidos-contenedor{
width: 100%;
height: auto;
background-color:#f9e500;
}
#pie-contenedor{
width: 100%;
height: auto;
background-color:#666666;
}

#header{
width:930px;
height: 88px;
background-color: #f9e500;
}

#logo {
width: 227px;
height:88px;
float: left;
}

a#logo {
background-image:url(../img/hicimos.jpg);
background-repeat:no-repeat;
}

#marca {
width: 228px;
height:88px;
float: right;
}

a#marca {
background-image:url(../img/bsas.jpg);
background-repeat:no-repeat;
}

#logo span {display:none;}
#marca span {display:none;}


/*empieza barra de navegacion*/

#nav-contenedor{
width: 100%;
height: 45px;
background-color:#666666;
text-align:center;
}
#nav {
	width: 930px;
	height: 45px;
	background-color:#666666;
}
#menu-nav {
	width: 520px;
	height:40px;
	float:right;
}
#titulo-nav {
	width: 200px;
	height:40px;
	float:left;
	text-align:right;
}
#titulo-nav h1 {
	color:white;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align:left;	
}
#titulo-nav h2 {
	color:#999999;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align:left;	
}
#nav ul {
	list-style-type:none;
	display:block;
	width: 540px;
	height: 40px;
	padding:0;
}
#nav ul li {
	display: block;
	width:50px;
	float:left;
	height:40px;
	margin:0;
	margin-left:12px;
	padding:0;
	
}
#nav ul li a {
	display:block;
	width:50px;
	height:40px;
	text-decoration:none;
	margin:0;
	border: 1px solid #666666;
	padding:0px;
}
#nav .selected{
	background-position:left bottom;
}	
	
a#salud {
	background-image:url(../img/nav/01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#salud {
	background-image:url(../img/nav/01.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#educacion {
	background-image:url(../img/nav/02.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#educacion {
	background-image:url(../img/nav/02.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#social {
	background-image:url(../img/nav/03.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#social {
	background-image:url(../img/nav/03.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#econ {
	background-image:url(../img/nav/04.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#econ {
	background-image:url(../img/nav/04.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#seguridad {
	background-image:url(../img/nav/05.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#seguridad {
	background-image:url(../img/nav/05.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#publico {
	background-image:url(../img/nav/06.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#publico {
	background-image:url(../img/nav/06.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#transito {
	background-image:url(../img/nav/07.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#transito {
	background-image:url(../img/nav/07.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#atciu {
	background-image:url(../img/nav/08.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#atciu {
	background-image:url(../img/nav/08.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}


#nav span {display:none;}


/*empieza contenido*/	
	
#contenidos{
width: 930px;
height: 590px;
margin-top:0px;
margin-right:0px;
}

#content {
text-align:left;
width:930px;
height:590px;
}
#content h1 {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;	
	text-align:left;
}
#content h2 {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;	
	text-align:left;
}
#next {
	margin-top:250px;
	float:right;
}
#leyenda {
	margin-top:10px;
	background-color:#666666;
	color:white;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	font-color: white;
	position:absolute;
	width:640px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#back {
	margin-top:-65px;
	float:left;
}
#next a {
	display:block;
	text-decoration:none;
	margin:0;
}
#back a {
	display:block;
	text-decoration:none;
	margin:0;
}
#content-title {
	width:400px;
	height:40px;
	background-color:#f9e500;
	border: 1px solid black;
	color:black;
	position:relative;
	top:-150px;
	left:100px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;	
}
#content-text {
	width:400px;
	height:150px;
	background-color:#ffffff;
	border: 1px solid black;
	color:black;
	position:relative;
	top:-140px;
	left:100px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;	
}
#content-title p {
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#content-text p {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#content-home-div-left{
	float:left;
	width:500px;
	margin-top:20px;
}
#content-home-div-right{
	float:right;
	width:350px;
}
#content img {
	float:left;
}
#content ul {
	list-style-type:none;
	display:block;
	margin-top:15px;
}
#content ul li {
	padding:0;
}
#content ul li a {
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
}
#content ul li a:hover {
	text-decoration:underline;
	color:#666666;
}

#haciendo h1 {
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;	
	padding:0px;	
}
#haciendo h3 {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;	
	padding:0px;	
}

#pie{
background-color: #666666;
text-align:center;
width:480px;
height:20px;
}
#pie ul {
	list-style-type:none;
	display:block;
	padding:0;
}
#pie ul li {
	display: block;
	float:left;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image:url(../img/barrita.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:8px;
}
#pie ul li a {
	display:block;
	text-decoration:none;
	color: white;
	padding-right: 20px;
}
#pie ul li a:hover {
	text-decoration:underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-align: justify;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
}