/*estamos trabajando en la hoja de estilo "style.css"*/  
/*para centrar y dar tamaño a nuestra página aremos lo siguiente: */  

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

body {  
    margin:0px;  
    padding:0px;  
    position:absolute;  
    left: 50%;  
    margin-left:-500px; 
    background: url(../images/principal9.jpg);
   /* background: url(../images/principal2.jpg) repe9t;  */
    }  
/*modificaremos nuestra portada* etiqueta <header> */  

header {  

    /*background:#084582;*/
    border-radius:0.5em;
    display: inline-block;
    margin:0.10em auto;
    max-width:968px;
    height: 40px;
    /*min-height:30px;*/    
    /*padding:0.25em;*/
    /*text-align:center;*/
    /*vertical-align:top;*/
    width:1000px; 
    /*background: url(../images/fondo20.jpg) repeat;*/
 } 

 header ul div a {  
    text-align:right; 
    font-family: 'Droid Sans', 'sans-serif';
    font-size: 12px;  
    text-decoration: none; 
    /*color: white; */
    color: #8d4409;
     font-weight: bold;
    padding: 10px;
    /*height:auto;       
    background-color:#666;  
    display:inline-block;/*con esta propiedad logramos que section se  
    adapte a su contenido p  */

} 

/*
 #contactos {
    font-family: 'Droid Sans', 'sans-serif';
    font-size: 12px;  
    margin-top: 2px;
    text-align:right;
    text-decoration: none;
    /*padding:10px;*/  
    /* margin-left: 800;*/
    /*text-decoration: none;*/
   /* color: white;
    /*text-align:right;*/
  /*  font-family: 'Droid Sans', 'sans-serif';
    font-size: 12px;  
    /*text-transform: capitalize;*/
/*}*/

/*#contactos {
    /*text-transform: capitalize;*/
     /*color: white;  */
    /*margin-left: 800;*/
    /* margin-left: 800;*/
    /*text-decoration: none;*/
   /* color: white;
    /*text-align:right;*/
  /*  font-family: 'Droid Sans', 'sans-serif';
    font-size: 12px;  
    /*text-transform: capitalize;*/
/*} */


 /*#contacto,#home {
    text-align:right;
    font-family: 'Droid Sans', 'sans-serif';
    font-size: 12px;  
} */

  /*  width:1000px; /*Este es el tamaño de nuestra página*/  
   /* height:100px;  
    /*background-color:#ccc;*/  
   /* background:#DEDEDE;
    border-radius:0.5em;
    margin: 0.25em auto;
    /*max-width:960px;*/
   /* padding:0.25em;
    text-align:center;*/
   

/*body.header.ul.li.a {
    /*font-family: 'Droid Sans Mono';*/
  /*  font-family: 'Droid Sans', 'sans-serif';
    font-size: 5px;    
    text-align:left;
    padding-left: 11em;
} */

/*  p {font-family: "sans serif";}  */

/*header ul div a {
    /*font-family: 'Droid Sans Mono';*/
    /* text-align:right;
    /*display: inline-block;*/
    /*margin-left: 5px;*/
    /*font-family: 'Droid Sans', 'sans-serif';
    font-size: 10px;    
    /*position:absolute;  */
 /*} */



nav {
    /*background:#333;*/
    border-radius:0.5em;
    display: inline-block;
   /* margin:0.10em auto;*/
    max-width:968px;
  
    /*padding:0.25em;*/
    text-align:center;
    /*vertical-align:top;*/

     /* min-height:50px;*/
   /* width:65%;*/
     /*width:1000px; */
     /*background: url(../images/fondo20.jpg) repeat;*/
}


/*nav {  
    background-color:#333;  
    height:30px;}    */

section {
    /*background:#333;*/
    border-radius:0.5em;
    display: inline-block;
    margin:0.10em auto;
    max-width:960px;
    min-height:220px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    /*background: url(../images/body8.jpg) repeat;*/
    /*width:65%;*/
}

/*section {  
    height:auto;  
    background-color:#666;  
    display:inline-block;/*con esta propiedad logramos que section se  
    adapte a su contenido por mas de que usemos la propiedad float 
    en las capaz interiores*/ /*} */  

article {  
    /*background-color:#005577;     */
    border-radius:0.5em;
    display: inline-block;  
    margin:0.10em auto;
    max-width:230px;
    min-height:260px;
    padding:0.25em;
   /* text-align:center;*/
    vertical-align:top;
    width:230px;
    float:left;
    /*background: url(../images/caballoizq2.png) repeat;*/

     /* background:#333; */
  /*margin-left:10px; */
    /*height:300px;  
    width:600px;  
    background-color:#005577;  
    margin:30px;  
    float:left;/*usando esta propiedad colocamos article  
    del lado izquierdo*/  



    /*  background:#333;
    border-radius:0.5em;
    display: inline-block;
    margin:0.25em auto;
   max-width:960px;
    min-height:200px;
    padding:0.25em;
    text-align:center;
    /*vertical-align:top; 
    width:65%;*/
    }  

aside {  

    /*background-color:#009900;  */
    /* background:#333; */
    border-radius:0.5em;
    display: inline-block;
    margin:0.25em auto;
    max-width:700px;
    min-height:360px;
    /*min-height:200px;*/
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:700px;
    margin-left:10px; 
    float:left;
    background: url(../images/fondo20.jpg) repeat;


    /*height:300px;  
    width:300px;  
    background-color:#009900;  
    margin-top:30px;  
    float:left;/*combinando el float de article y aside conseguimos  
    que la capa se coloque al lado*/    
   } 

/* INICIO DE SLIDER *********************************************************************************/

.contenidoslider{
    margin: 0 auto;
    width: 700px;
}

/*article{
    /*background: url(../images/header-bg.jpg) repeat;*/
  /*  background-color: #d7b89a;
/*}*/

/*#slide{position:relative;width:962px;margin:0px auto;}
#slide .sl{width:962px;height:260px;} */
#slide{position:relative;width:680px;margin:0px auto;}
/***************#slide .sl{width:600px;height:260px;} */
#slide .sl{width:600px;height:360px;}
/*#slide .sl{width:600px;height:260px;}*/
#slide .sl-1{background:url(../img/banner/slide-01.jpg);}
#slide .sl-2{background:url(../img/banner/slide-02.jpg);}
#slide .sl-3{background:url(../img/banner/slide-03.jpg);}
#slide .next, 
/*#slide .prev{position:absolute;top:100px;height:52px;width:52px;background:url(../img/banner/flechas.png);display:block;z-index:1000;text-indent: -9999px;} */
#slide .prev{position:absolute;top:100px;height:52px;width:52px;background:url(../img/banner/flechas.png);display:block;z-index:680;text-indent: -600px;}
#slide .next{left:-16px;}
#slide .prev{right:-16px;background-position:-52px 0px;}
#slide .sombra{background:url(../img/sombras/sombra-01.png) center; height:41px;display:block;}

/*#slide .pagination-c{position:absolute;z-index:1000;height:34px;width:100%;background:url(../img/texturas/textura-04.png); bottom:41px;} */
#slide .pagination-c{position:absolute;z-index:680;height:34px;width:100%;background:url(../img/texturas/textura-04.png); bottom:41px;}

#slide .pagination{position:absolute;z-index:500;bottom:52px;right:10px;}
/*#slide .pagination{position:absolute;z-index:1500;bottom:52px;right:10px;}*/
#slide .pagination li{float:right;margin-right:5px;}
/*#slide .pagination li a{width:12px;height:12px;display:block;background:url(../img/botones/boton-slides.png);text-indent:-9999px;}  */
#slide .pagination li a{width:12px;height:12px;display:block;background:url(../img/botones/boton-slides.png);text-indent:-600px;}
#slide .pagination li.current a{background-position:-18px 0px;}


/*#ser-slide{position:relative;width:970px;margin:0px auto;} */
#ser-slide{position:relative;width:690px;margin:0px auto;}
/*#ser-slide .sl-s{width:970px;height:240px;} */
#ser-slide .sl-s{width:680px;height:340px;}

#ser-slide .prev,
/*#ser-slide .next{position:absolute;top:50px;height:73px;width:43px;background:url(../img/botones/flechas.png);display:block;text-indent:-9999px;}  */
#ser-slide .next{position:absolute;top:50px;height:73px;width:43px;background:url(../img/botones/flechas.png);display:block;text-indent:-600px;}
#ser-slide .prev{left:-70px;}
#ser-slide .next{right:-70px;background-position:-43px 0px;}

/* FIN DE SLIDER  *********************************************************************************/


/*#banner1 {
    background-color:#005444;  
    /* background:#333; */
  /*  border-radius:0.5em;
    display: inline-block;
    /*margin-left:10px; */
    /*margin:0.10em auto;
    max-width:950px;
    min-height:200px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    float:left;
} */

#banner1 {
    /*background-color:#005444;  */
    /* background:#333; */
    border-radius:0.5em;
    display: inline-block;
    /*margin-left:10px; */
    margin:0.10em auto;
    max-width:210px;
    min-height:190px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    /*background: url(../images/olla1.jpg) repeat;*/
   /* float:left;*/
   background: url(../images/menudeldiabanner.png);
}

#banner2 {
    /*background-color:#001212;  */
    /* background:#333; */
    border-radius:0.5em;
    display: inline-block;
    /*margin-left:10px; */
    margin:0.10em auto;
    max-width:210px;
    min-height:190px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    background: url(../images/buffetbanner.png);
    /*float:left;*/
}

#banner3 {
    /*background-color:#221255;  */
    /* background:#333; */
    border-radius:0.5em;
    display: inline-block;
    /*margin-left:10px; */
    margin:0.10em auto;
    max-width:210px;
    min-height:190px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    /*float:left;*/
    background: url(../images/eventosbanner.png);
}

#banner4 {
    /*background-color:#115577;*/  
    /* background:#333; */
    border-radius:0.5em;
    display: inline-block;
    /*margin-left:10px; */
    margin:0.10em auto;
    max-width:200px;
    min-height:190px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    /*float:left;*/
    background: url(../images/ubicanosbanner.png);
}

#mundial {
    /*background-color:#005444;  */
    /* background:#333; */
    border-radius:0.5em;
    /*display: inline-block;*/
    /*margin-left:10px; */
    margin:0.10em auto;
    max-width:114px;
    min-height:57px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
    width:1000px;
    /*background: url(../images/olla1.jpg) repeat;*/
   /* float:left;*/
   background: url(../images/mundial.jpg);
}


footer {  
   
    /*background-color:#990000;*/
    border-radius:0.5em;
    display: inline-block;
    margin:0.10em auto;
    max-width:960px;
    min-height:50px;
    padding:0.25em;
    text-align:center;
    vertical-align:top;
   /* width:65%;*/
     width:1000px; 
	 color:#FFFFFF;     /*background: url(../images/body8.jpg) repeat;*/

   /* background-color:#990000;  
    max-width:1000px;
    min-height:200px;
    /* background:#333;*/
  /*  border-radius:0.5em; */
   /* display: inline-block; */

   font-family: 'Droid Sans', 'sans-serif';
    font-size: 14px;  
    text-decoration: none; 
    /*color: white; */
    color: #8d4409;

    }  


/* inicio de wrape*/

 .wrape{
    margin: 0 auto;
    width: 1024px;
}

#logo{
    /*margin:0.50em auto;*/
    width: 200px;
    height: 60px;
    margin-right: 50px;
    margin-left: 20px;
    float: left;
    vertical-align: top;
} 

#logo img{
    width: 200px;
    height: 50px;

}

#menu a{
    text-decoration: none;
    /*color: white;*/
     color: #8d4409;
}

#menu{
    /* margin:0.10em auto;
    margin: 0 auto;*/
}
#menu ul {
    width: 850px;
    padding: 1px;
   /* margin:0.10em auto;  reducir el menu*/
}
#menu ul li {
    display: inline-block;
    color: white;
    font-weight: bold;
    margin: 1px;
    text-transform: capitalize;
    padding-right: 20px;
}

#menu ul li a:hover {
    /*color: #9e0d16; */
    color: #791223; 
    border-top: 6px solid #791223;  /* 9e0d16 */ 
    padding-top: 20px
}

/*  color: #8d4409;
     font-weight: bold;
     rojo a20808 */

/* FIN DE HEADER / WRAPER ***************************************************************************/