/* CSS Document */

*{
margin:0;
padding:0;
}

body {
background-color:#FFFFFF;
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-image:url(../img/bg_header_nuevo.gif);
background-color:#FFD300;
background-repeat: repeat-x;
}

#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%;
min-height: 380px;
background-color:#ffffff;
}
#pie-contenedor{
width: 100%;
height: auto;
background-color:#333333;

}

#header{
width:1024px;
height: 97px;
background-color: ;
background-repeat:no-repeat;
}

#logo {
width: 1024px;
height:97px;
float: left;
margin-left: 36px;
margin-top: 0px;
}

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



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

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

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




/*empieza barra de navegacion*/


#nav {
	width: 926px;
	height: 35px;
	background-color:#333333;
	text-align:center;
}
#nav ul {
	list-style-type:none;
	display:block;
	width: 926px;
	height: 35px;
	padding:0;
	margin-left: 23px;
}
#nav ul li {
	display: block;
	width:136px;
	float:left;
	height:35px;
	margin:0;
	padding:0;
}
#nav ul li a {
	display:block;
	width:147px;
	height:35px;
	text-decoration:none;
	margin:0;
}
#nav .selected{
	background-position:left bottom;
}	
	
a#inicio {
	background-image:url(../img/bicibsas.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#inicio {
	background-image:url(../img/bicibsas.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#red {
	background-image:url(../img/redciclovias.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#red {
	background-image:url(../img/redciclovias.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#estaciona {
	background-image:url(../img/estaciona.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#estaciona {
	background-image:url(../img/estaciona.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#promocion {
	background-image:url(../img/promocion.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#promocion {
	background-image:url(../img/promocion.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#movilidad {
	background-image:url(../img/movilidad.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#movilidad {
	background-image:url(../img/movilidad.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#galeria {
	background-image:url(../img/galeria.jpg);
	background-repeat:no-repeast;
	background-position:left top;
}
a:hover#galeria {
	background-image:url(../img/galeria.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a#novedades {
	background-image:url(../img/novedades.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#novedades {
	background-image:url(../img/novedades.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}


#nav span {display:none;}


/*empieza contenido*/	
	
#contenidos{
width: 920px;
min-height: 370px;
margin-top:0px;
margin-right:0px;
padding-bottom: 20px;
}

#pie{
background-color: #333333;
text-align:center;
width:580px;
margin:auto;
}
#pie ul {
	list-style-type:none;
	display:block;
	padding:0;
}
#pie ul#barrita 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:left;
	
}

#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;
}



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


/*agregados laus para bicicletas*/
.vinetas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-align: justify;
	padding-left: 5px;
	padding-top: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	text-align: left;
}

selector {
min-height:500px;
height:auto !important;
height:2000px;
}

#footer{
position:relative;
bottom:0px;

}
/*********Includes Redes Sociales Rosii***********/

ul#listaRedes li{ float:left; list-style:none; display:inline;}
ul#listaRedes li#twitterLi{ margin-top:40px; }
div.destacado{ width:800px; height:auto; background-color:#F6F6F6; border:#E8B005 1px solid; }
div.destacado p{margin-left:10px;}
div.destacado ul{ margin:0 10px 10px 10px;}
div.destacado h2{margin-left:10px; }


/**********empeiza pie facebook, twitter, flikr curru 9 de marzo**************/
	
	#redesSociales {
		width: 100px;
		height: 20px;
		float:left;
		margin-top:-4px;
		padding-left:2px;
	
		}
		
	#redesSociales ul {
		list-style-type:none;
		display:block;
		width: 100px;
		height: 20px;
		margin-left:20px;
		}
	#redesSociales ul li {
		display:inline;
		list-style-type:none;
		float:left;
		width:25px;
		height:20px;
		margin:0;
		padding:0;
		background-color:#333;
		}	
	#redesSociales ul li a#fb{
		display:block;
		width:25px;
		height:20px;
		margin:0;
		list-style-type:none;
		background-image:url(../img/facebook.jpg);
		background-repeat:no-repeat;
		}	
		
		#redesSociales ul li a#tw{
		display:block;
		width:25px;
		height:20px;
		margin:0;
		list-style-type:none;
		background-image:url(../img/twitter.jpg);
		background-repeat:no-repeat;
		}	
		
		#redesSociales ul li a#fli{
		display:block;
		width:23px;
		height:20px;
		margin:0;
		list-style-type:none;
		background-image:url(../img/flickr.jpg);
		background-repeat:no-repeat;
		}	
		
		#redesSociales span {display:none;}
		
		
/*******boton de mapa interactivo Curru 10 marzo ********************/



#mapa {
	width: 930px;
	height: 36px;
	float:right;
}
#mapa ul {
	list-style-type:none;
	display:block;
	width: 930px;
	height: 36px;
	padding:0;
	margin-right: 6px;
}
#mapa ul li {
	display: block;
	width:200px;
	height:36px;
	float:right;
	height:45px;
	margin:0;
	padding:0;
}
#mapa ul li a {
	display:block;
	width:200px;
	height:36px;
	margin:0;
}
a#mapa {
	background-image:url(../img/mapa_interactivo.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a:hover#mapa {
	background-image:url(../img/mapa_interactivo.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#mapa span {display:none;}



#headernuevo{
width:1024px;
height: 104px;
background-color: #FFD300;
background-image:url(../img/header_nuevo.jpg);
}

/*agregados curru */
#colDer{
width:400px;
min-height: 300px;
float:left;
}

#colIzq{
width:390px;
min-height: 300px;
float:right;

}

.ecologico{
width:720px;
height:90px;
display:block;
background-image:url(../img/ecologico.gif);
background-repeat:no-repeat;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
padding-left: 85px;
}

.bici{
width:720px;
height:90px;
display:block;
background-image:url(../img/bici.gif);
background-repeat:no-repeat;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
padding-left: 85px;
}


.economico{
width:720px;
height:100px;
display:block;
background-image:url(../img/economico.gif);
background-repeat:no-repeat;
display:block;
float:left;
padding-left: 85px;
}

.saludable{
width:720px;
height:90px;
display:block;
background-image:url(../img/saludable.gif);
background-repeat:no-repeat;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
padding-left: 85px;
}

.estacionamiento{
width:720px;
height:1550px;
display:block;
background-image:url(../img/estacionamiento_bici.jpg);
background-repeat:no-repeat;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
padding-left: 105px;
}

.alquiler{
width:720px;
height:90px;
display:block;
background-image:url(../img/alquiler_bici.jpg);
background-repeat:no-repeat;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
padding-left: 105px;
}


/*empieza divs facebook

#facebook{width:200px; height:50px;float:left; background-color:#000;}
#imgbanner{ width:302px; height:101px; float:left; background-color:#990033;}
#contderecho{width:300px; height:auto; float:right; background-color:#993399;}*/

h1.sarasa{
	font-size:16px;
}
h2.sarasa{
	font-size:14px;
}


/*agregados curru 30-04-10*/

.destacado{ width: 900px; background-color:#CCC; }
.foto{width:800px; height:auto; }