/* CSS Document */

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

body {
background-color:#efefef;
margin:auto;
text-align: center;
width:100%;
margin-top: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:#efefef;
}

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

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

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

#medionav-contenedor{
width: 100%;
height: 20px;
background-color:#333333;
}
#nav-contenedor{
width: 100%;
height: 35px;
background-color:#333333;
}
#contenidos-contenedor{
width: 100%;
height: auto;
background-color:#ffffff;
}
#pie-contenedor{
width: 100%;
height: auto;
background-color:#333333;
}

#header{
width:930px;
height: 104px;
background-color: #efefef;
}

#logo {
width: 207px;
height:73px;
float: left;
margin-left: 0px;
margin-top: 10px;
}

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

#marca {
width: 220px;
height:73px;
float: right;
margin-right: 10px;
margin-top: 10px;
}

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

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




/*empieza barra de navegacion*/


#nav {
	width: 930px;
	height: 35px;
	background-color:#333333;
	text-align:center;
}
#nav ul {
	list-style-type:none;
	display:block;
	width: 930px;
	height: 35px;
	padding:0;
	margin-left: 23px;
}
#nav ul li {
	display: block;
	width:146px;
	float:left;
	height:35px;
	margin:0;
	padding:0;
}
#nav ul li a {
	display:block;
	width:146px;
	height:35px;
	text-decoration:none;
	margin:0;
}
#nav .selected{
	background-position:left bottom;
}	
	
a#inicio {
	background-image:url(../img/inicio.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#inicio {
	background-image:url(../img/inicio.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#mapa {
	background-image:url(../img/mapa_est.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#mapa {
	background-image:url(../img/mapa_est.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#sistema {
	background-image:url(../img/sistema.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#sistema {
	background-image:url(../img/sistema.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#senales {
	background-image:url(../img/senales.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#senales {
	background-image:url(../img/senales.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#reglas {
	background-image:url(../img/reglas.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#reglas {
	background-image:url(../img/reglas.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#sugerencias {
	background-image:url(../img/sugerencias.jpg);
	background-repeat:no-repeast;
	background-position:left top;
}
a:hover#sugerencias {
	background-image:url(../img/sugerencias.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#nav span {display:none;}


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

#pie{
background-color: #333333;
text-align:center;
width:480px;
}
#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;
}

#sistema ul {
	margin-top:10px;
}

#sistema ul li {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left:50px;
}

#sistema p {
	margin-top:15px;
}

#sistema a {
	text-decoration: underline;
	font-weight: bold;
}

#mapa{
	text-align:left;
	margin-left:25px;
}

#page_shutdown_over_msg {
 z-index:1200;
 display:none;
 width:830px;
 height: 529px;
 position:absolute;
 margin: 35px auto 0 auto;
 text-align:center;
 background-color:white;
}

#page_shutdown_over_msg_2 {
 z-index:1200;
 display:none;
 width:640px;
 height: 480px;
 position:absolute;
 margin: 50px auto 0 auto;
 text-align:center;
 background-color:#e8b005;
 border:2px solid black;
}
 
#page_shutdown {
 display:none;
 width:10000px;
 height:10000px;
 overflow:hidden;
 z-index:1000;
 background-color: #111111;
 filter:alpha(opacity=80);
 width:100%;
 -moz-opacity:0.8;
 opacity:0.8;
 top:0px;left:0px;
 position:absolute;
}

/*empieza lista abajo*/
/*-- Cambios Damian  20/11 --*/
div#divFormContacto {
	text-align:left;
	margin-top:30px;
	margin-left:50px;
	font-family: Arial, Helvetica, sans-serif;
}
div#divFormContacto h3{
}
div#divFormContacto form#formContacto span{
	font-size:11px;
	color:red;
	font-weight:bold;
	margin-left:5px;
}
div#divFormContacto form#formContacto input{
	width:400px;
	margin-top:10px;
	margin-bottom:10px;
}
div#divFormContacto form#formContacto textarea{
	width:400px;
	margin-top:10px;
	margin-bottom:10px;
}
div#divFormContacto form#formContacto input.boton{
	width:100px;
}