@charset "utf-8";
/* CSS Document */

body {
	
	background:url(images/fondos3.jpg);
	background-repeat:repeat;
	
	}

#cuadro_grande {
	width:1000px;
	height:auto;
	background:#FFFFFF;
	margin:0;
	margin-left:200px;
	margin-top:0;	
		
	}
	
#logo {
	width:300px;
	height:120px;
	margin-left:5px;
	margin-top:5px;
	
}

#menu{
		width:500px;
		height:50px;
		background-color:#FFFFFF;
		margin-top:-100px;
		margin-left:400px;

}

#texto_menu {
		color:#006;
		font-size:17px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:10px;
		width:auto;
		height:20px;
		margin-top:30px;
		
}
a {
	color:#006;
	font-size:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color:#900;
	
}


#linea {
		background-image:url(img/linea.jpg);
		height:10px;
		margin-top:30px;
		background-repeat:no-repeat;
}

#sucursales {
		height:auto;
		width:800px;
		background:#FFFFFF;
		margin-top:35px;
		margin-left:100px;



}
#cuadro_sucursales {
		background:#FFF;
		width:180px;
		height:200px;
		margin-left:10px;

	
}
#texto-cuadro-sucursales {
		width:150px;
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000066;
		margin-left:15px;
		background:#FFF;
		
}

#foto_cuadro_sucursales{
		width:150px;
		height:40px;
		margin-left:15px;

}



#cuadro_sucursales2 {
		background:#FFF;
		width:200px;
		height:200px;
		margin-left:190px;
		margin-top:-205px;
}
#texto-cuadro-sucursales2 {
		width:150px;
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000066;
		margin-top:5px;
		margin-left:25px;
		background:#FFF;
		
		
}

#foto_cuadro_sucursales2{
		width:150px;
		height:40px;
		margin-left:25px;

}


#cuadro_sucursales3 {
		background:#FFF;
		width:200px;
		height:200px;
		margin-left:380px;
		margin-top:-205px;
}
#texto-cuadro-sucursales3 {
		width:150px;
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000066;
		margin-top:5px;
		margin-left:25px;
		background:#FFF;
		
}

#foto_cuadro_sucursales3{
		width:150px;
		height:40px;
		margin-left:25px;

}


#cuadro_sucursales4 {
		background:#FFF;
		width:200px;
		height:200px;
		margin-left:580px;
		margin-top:-205px;
}
#texto-cuadro-sucursales4 {
		width:150px;
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000066;
		margin-top:5px;
		margin-left:20px;
		background:#FFF;
		
}

#foto_cuadro_sucursales4{
		width:150px;
		height:40px;
		margin-left:20px;

}

#ultimo_cuadro {
		width:50px;
		height:20px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-top:80px;
		margin-left:115px;
}

#ultimo_cuadro2 {
		width:50px;
		height:20px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-top:80px;
		margin-left:125px;
}

#ultimo_cuadro3 {
		width:50px;
		height:20px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-top:80px;
		margin-left:125px;
}

#ultimo_cuadro4 {
		width:50px;
		height:20px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-top:80px;
		margin-left:120px;
}


#footer{
		width:1000px;
		height:30px;
		background:#666666;
		margin-top:100px;
		margin-right:-1000px;
		
}

#footer_texto  {
		width:750px;
		height:27px;
		margin-left:130px;
		color:#FFFFFF;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:15px;
		
		


}


#texto{
		height:auto;
		width:800px;
		background:#FFFFFF;
		margin-top:50px;
		margin-left:100px;
		color:#990000;
		
}


#texto_titulo {
	width:500px;
	height:50px;
	color:#003;
	margin-left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-top:150px;
	
	
	
	}

#cuadro_wrapper { 
	width: 100%;
	height:400px; 
	margin: 0 auto;
	margin-top:-480;
	background:url(images/fondos3.jpg);
}



#menu{
		width:800px;
		height:50px;
		background-color:#FFFFFF;
		margin-top:-100px;
		margin-left:400px;

}




/*******************************/

<style type="text/css">
  /* el menú en si mismo */
  .mi-menu  {
	  margin-left:10px;
    border-radius: 5px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */

    /* el color de fondo */
    background: #300;


  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #900;
    color: #003;
    display: block;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
  
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: #900; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #ededed;
    
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */

  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 100px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }

</style>



/*******************************/

#texto2{
		height:auto;
		width:800px;
		background:#FFFFFF;
		margin-top:-100px;
		margin-left:100px;
		color:#990000;
		
}


#texto_titulo2 {
	width:500px;
	height:50px;
	color:#003;
	margin-left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-top:10px;
	
	
	
	}
	
#foto{
	margin-left:-50px;
	
	
	
	
	}

.step {
				width: 100%;
				position: relative;
			}
			.step:not(.active) {
				opacity: 1;
				filter: alpha(opacity=99);
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
			}
			.step:not(.active) a.jms-link{
				opacity: 1;
				margin-top: 40px;
			}