º/* CSS Document */
/* CSS Document Reseteo de Estilos */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
	 background-color:#FFF;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px}
  
.mi-menu  {
	z-index:1000000 !important;
    border-radius: 5px;
    list-style-type: none;
    margin:  0 auto;  /* si queremos centrarlo */
	padding: 12px 0px 0px 0px;
    height: 48px; 
    width: 980px;
	
  }
  .mi-menu  br { display:none; }
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
	height: 60px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
	
  }
  .mi-menu li a {
    border-right: 1px solid #2D3D1E;
    color: #29166F;
    display: block;
	font-family: 'Hammersmith One', cursive;
    font-size: 19px;
    line-height: 20px;
    padding: 0 35px;
    margin: 10px 0;
    text-decoration: none;
	
	
  }
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  .mi-menu li:hover > a { color: #56b0e9; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 47px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #f2f9fe;
	 -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* 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;
  }
  .mi-menu li:hover > ul li {
    height: 22px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 0px 20px;
    width: 140px;
  }

  .mi-menu ul li:last-child a { border: none; }


	 

body{ height:100%; width:100%; background-color:#2884f7;}
#contenedor_Principal{ width:980px; height:1150px; margin:0 auto; background:#fff;}
#contenedor_Principal_00{ width:980px; height:1950px; margin:0 auto; background:#fff;}
#contenedor_Principal_trabajos{ width:980px; height:1730px; margin:0 auto; background:#fff;}
#contenedor_Principal_1{ width:980px; height:1300px; margin:0 auto; background:#fff;}
#contenedor_Principal_lonas{ width:980px; height:1160px; margin:0 auto; background:#fff;}
#contenedor_Principal_Empresa{ width:980px; height:860px; margin:0 auto; background:#fff;}
#contenedor_Principal_Toldos_int{ width:980px; height:1000px; margin:0 auto; background:#fff;}
#Top{ width:920px; height:120px; padding: 20px 60px 0px 0px;margin:0 auto; background:url(../imagenes/top.jpg); font-family: 'Hammersmith One', cursive; font-size:17px; line-height:17px; color: #29166F; text-align:right;}
#Top a.Top{font-family: 'Hammersmith One', cursive; font-size:17px; line-height:17px; color: #29166F; text-align:right; text-decoration:none;}
#Top a.Top:hover{font-family: 'Hammersmith One', cursive; font-size:17px; line-height:17px; color: #56b0e9; text-align:right; text-decoration:none;}
#Botonera{ width:980px; height:58px; margin:0 auto; border-bottom:1px solid #29166F; border-top:1px solid #29166F;}
#Horario{ width:980px; height:200px; margin:0 auto; background:url(../imagenes/horario.jpg);}
#Horario_1{ width:280px; height:90px; padding: 110px 0px 0px 100px;margin:0 auto; float:left; font-family: 'Hammersmith One', cursive; font-size:17px; line-height:17px; color: #29166F; text-align:left;}
#Horario_2{ width:450px; height:200px; padding: 0px 150px 0px 0px;margin:0 auto; float:left; font-family: 'Hammersmith One', cursive; font-size:15px; line-height:17px; color: #29166F;}
#Horario_2 a.Horario_2{font-family: 'Hammersmith One', cursive; font-size:17px; line-height:11px; color: #29166F; text-align:right; text-decoration:none;}
#Horario_2 a.Horario_2:hover{font-family: 'Hammersmith One', cursive; font-size:17px; line-height:11px; color: #56b0e9; text-align:right; text-decoration:none;}
#Espacio{ width:980px; height:20px; margin:0 auto;}
#Promos{ width:980px; height:400px; margin:0 auto;}
#Promos_a{ width:490px; height:390px; padding: 0px 0px 0px 0px;margin:0 auto; float:left;}
#Promos_b{ width:490px; height:400px; margin:0 auto; float:left;}
#Promos_1{ width:220px; height:135px; padding: 65px 250px 0px 20px;float:left; background:url(../imagenes/novedades.jpg);margin:0 auto; font-family: Arial, cursive; font-size:12px; line-height:12px; color: #fff; text-align:justify;}
#Promos_1 a.Promos_1{font-family: 'Hammersmith One', cursive; font-size:13px; line-height:13px; color: #fff; text-align:left; text-decoration:none;}
#Promos_1 a.Promos_1:hover{font-family: 'Hammersmith One', cursive; font-size:13px; line-height:13px; color: #000; text-align:left; text-decoration:none;}
#Promos_2{ width:220px; height:105px; padding: 95px 250px 0px 20px;float:left; background:url(../imagenes/ofertas.jpg);margin:0 auto; font-family: Arial, cursive; font-size:12px; line-height:12px; color: #fff; text-align:justify;}
#Promos_2 a.Promos_2{font-family: 'Hammersmith One', cursive; font-size:13px; line-height:13px; color: #fff; text-align:left; text-decoration:none;}
#Promos_2 a.Promos_2:hover{font-family: 'Hammersmith One', cursive; font-size:13px; line-height:13px; color: #000; text-align:left; text-decoration:none;}
#Pie{ width:980px; height:99px; margin:0 auto; border-top:1px solid #29166f; font-family: 'Hammersmith One', cursive; font-size:12px; line-height:12px; color: #29166f; text-align:center;}
#Toldos{ width:980px; height:770px; margin:0 auto;}
#Toldos_00{ width:980px; height:1570px; margin:0 auto;}

#Toldos_int{ width:980px; height:650px; margin:0 auto;}
#Toldos_int_lonas{ width:980px; height:650px; margin:0 auto; background:url(../imagenes/ff_lonas_2.jpg);}
#Toldos_1{ width:320px; height:250px; margin:0 auto; float:left;}
#Espacio_Toldos_1{ width:10px; height:250px; margin:0 auto; float:left;}
#Horizontal_Toldos_1{ width:980px; height:10px; margin:0 auto; float:left;}
#Titulo_Toldos{ width:980px; height:50px; margin:0 auto;}
#Toldos_2{ width:640px; height:600px; margin:0 auto; float:left;}
#Toldos_3{ width:300px; height:580px; float:left;padding: 20px 20px 0px 20px;margin:0 auto; float:left;  font-family: 'Hammersmith One', cursive; font-size:13px; line-height:13px; color: #29166F; text-align:justify;}
#Toldos_3a{ width:260px; height:580px; float:left;padding: 20px 20px 0px 20px;margin:0 auto; float:left;  font-family: 'Hammersmith One', cursive; font-size:13px; line-height:13px; color: #29166F; text-align:justify;}
#Lonas{ width:980px; height:510px; margin:0 auto;}
#Lonas_modulo{ width:490px; height:250px; margin:0 auto; float:left;}
#Toldos_2a{ width:380px; height:600px; margin:0 auto; float:left;}
#Empresa{ width:980px; height:500px; margin:0 auto;}
#Empresa_ff{ width:980px; height:500px; margin:0 auto; background:url(../imagenes/ff_empresas.jpg);}
#Empresa_1{ width:360px; height:480px; padding: 20px 20px 0px 20px; margin:0 auto; float:left; font-family: 'Hammersmith One', cursive; font-size:14px; line-height:14px; color: #29166F; text-align:justify;}
#Empresa_2{ width:580px; height:500px; margin:0 auto; float:left;}
#Contacto_1{ width:360px; height:480px; padding: 20px 20px 0px 20px; margin:0 auto; float:left; font-family: 'Hammersmith One', cursive; font-size:14px; line-height:14px; color: #29166F; text-align:justify;}
#Contacto_1 a.Contacto_1{font-family: 'Hammersmith One', cursive; font-size:14px; line-height:14px; color: #29166F; text-align:left; text-decoration:none;}
#Contacto_1 a.Contacto_1:hover{font-family: 'Hammersmith One', cursive; font-size:14px; line-height:14px; color: #F60; text-align:left; text-decoration:none;}
#Contacto_2{ width:580px; height:500px; margin:0 auto; float:left;}
#aviso_legal{ width:940px; height:490px; padding: 20px 20px 0px 20px; margin:0 auto; font-family: Arial; font-size:10px; line-height:10px; color: #29166F; text-align:left;}
#Otros_productos{ width:980px; height:510px; margin:0 auto;}
#Otros_productos_1{ width:360px; height:440px; padding: 20px 20px 0px 20px; margin:0 auto; float:left; font-family: 'Hammersmith One', cursive; font-size:14px; line-height:14px; color: #29166F; text-align:justify;}
#Otros_productos_2{ width:580px; height:460px; margin:0 auto; float:left;}
#Trabajos_realizados{ width:980px; height:1370px; margin:0 auto; font-family: 'Hammersmith One', cursive; font-size:17px; line-height:17px; color: #F60; text-align:left;}
#Titulo_Trabajos{ width:980px; height:9px; margin:0 auto; border-bottom:1px solid #F60;}
#Espacio_ Trabajos{ width:980px; height:10px; margin:0 auto;}