@import url(http://fonts.googleapis.com/css?family=Dosis);
body {
	background: url(../img/loginBytte/fondoazul.jpg) repeat-x #003593;
	font-family: 'Dosis', sans-serif;
	font-size:medium;
}
h1{
	font-size:medium;
	font-weight:bold;
	}

h2 {
	text-align:center;
	font-size:medium;
	}

.multi{
	position:relative;
	top:3px;
	padding-left:25px;
	font-size:12px;
}

.multi a{color:white; text-decoration:none;}

.multi a:visited {color:white;}	
	
#menu a img {border: none;}

#container {
	z-index:999;
	position: relative;
	margin: auto;
	width: 766px; /* width + border for IE 5.x */
	w\idth: 760px; /* real width */
}

#grafica{
	position:absolute;
	background-image:url(../img/loginBytte/grafica.png);
	top: -17px;
	left:-162px;
	float:left;
	width:381px;
	height:325px;
	z-index:1;
}

#logo{
	position: relative;
	left: 200px;
	top: -310px;
	z-index:5;
	width:109px;
	height:40px;
	}





	
/*aqui está el menu*/

#menu {
	position:relative;
	margin-left:155px;
	top:17px;
	z-index:9999;
	position:relative;
	}

#menu ul {
	list-style-type: none;
}

#menu ul li {
  float: left;
  list-style: none;
  position: relative;
  height: 20px;
  width:124px; /*ancho de boton*/
  text-align:center;
}

#menu ul li.nivel1 { 
float: left;
margin-right:-15px;
}

#menu ul li a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FF6900; /*color fuente*/
	text-decoration: none;
	font-weight: bold;
	font-size:0.9em;
	text-decoration: none;
	height: auto!important;
	height: 1%; /*For IE*/  
}

#menu ul li a {
	background: url(../img/loginBytte/boton.png);
	}

#menu ul li a.nivel2, #menu ul li a.nivel2ie {
	background: #fa4616;/*elementos nivel 2*/
}

#menu ul li a.nivel1, #menu ul li a.nivel2 {
	display: block!important;
	display: none;
	position: relative;
}

#menu ul li:hover {
	position: relative;
}

#menu ul li a:hover{
	background-color: #fff;
	color: #000;
	position: relative;
	}

#menu ul li:hover a.nivel1 {
	background-color: #fff;
	color:#a7a9ac;
	position: relative;
	background: url(../img/loginBytte/boton.png);
}

#menu ul li ul {
	display: none;
	left: -38px;
	top: 20px;
}

#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{
	display: block;
	position: absolute;

}

#menu ul li ul li a:hover ul.nivel3, #menu ul li ul li:hover ul.nivel3 {
	display: block;
	position: absolute;
	left: 88px!important;
	left: 88px;
	top: 0px!important;
	top: 0px;
}
#menu ul li ul li a {
	width: 125px;
	padding: 0;
	border-top-color: transparent;
	background:#FF6900;
	color:#FFF;
}

#menu ul li ul li a:hover {
	
	position: relative;
	border-top-color: #000;
	color:#a7a9ac;
}

#menu ul li ul li ul li a.primera {
	border-top-color: #fff;
}

table.falsa {
	border-collapse:collapse;
	border:0px;
	float: left;
	position: relative;
}










#col1{
	padding:300px 0 0 0;
	width:214px;
	float:left;
	color:#FFF;
	text-align:justify;	
}

#col2{
	padding:100px 0 0 20px;
	width:265px;
	float:left;
	color:#FFF;
}

#col3{
	padding:100px 0 0 20px;
	width:190px;
	float:left;
	
	text-align:justify;	
}
#col4{
	padding:100px 0 0 20px;
	width:190px;
	float:left;
	text-align:justify;	
}
	
#pata{
	z-index:999;
	position: relative;
	margin: auto;
	width: 766px; /* width + border for IE 5.x */
	w\idth: 760px; /* real width */
	font-size:12px;
	text-align:center;	
	}

#pata a {color:white;}
#pata a:visited {color:#FFCD00;}	

		
#linea{
	width: 766px; /* width + border for IE 5.x */
	w\idth: 760px; /* real width */
	border-top:1px solid white;
	}

#mapa{
	padding:20px 0 0 0;
	width:280px;
	float:left;
	color:#FFF;

}

#texto{
	padding:0 0 0 50%;
	width:200px;
	float:left;
	color:#FFF;
	}

#contacto{
	padding:20px 0 0 100px;
	width:150px;
	width:300px;
	float:left;
	color:#FFF;
}


/*boton de envio*/

#button{
	float:right;
	display: block;
	width: 100px;
	height: 20px;
	border: none;
	background-color: #0077C8;
	color: white;
	font-weight:bold;
	margin-right:10px;
}

#button:hover{
	background-color: white;
	color: #0077C8;

}


.Oculto { display:none;}


.button{
	float:left;
	display: block;
	width: 100px;
	height: 20px;
	border: none;
	background-color: #0077C8;
	color: white;
	font-weight:bold;
	margin-right:10px;
}

.button:hover{
	background-color: white;
	color: #0077C8;

}