@charset "UTF-8";
/* CSS Document */
/*#######################
 Estilo de Elementos
 #######################*/
BODY {
    background-color: black;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 100;
    letter-spacing: .9px;
    color: #fff;
    text-decoration: none;
    line-height: NORMAL;
    margin: 0;
    list-style:none;
}

ul {
list-style:none;
}

A {
    font-size: 8px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    line-height: normal;
    background-color: transparent;
    list-style:none;
}

A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:HOVER {
    color: gray;
}

.local {
    color: gray;
}

.localv {
    color: gray;
}

img {
    border: 0
}

.pasta {
    background-color: #686d18;
}

.pan {
    background-color: #bd9d3c;
}

.bar {
    background-color: #7b3636;
}

.corp {
    background-color: #8a4e77;
}

h1.pasta {
    color: #fee692;
}

h1.pan {
    color: #2f6804;
}

h1.bar {
    color: black;
}

h1.corp {
    color: #4c0b35;
}

h2.corp {
    color: #4c0b35;
}

h3.corp {
    color: #4c0b35;
}

h4.corp {
    color: #4c0b35;
}

.larga {
    font-size: 12px;
    font-weight: 500;
}

/*#######################
 Estilo de Capa principal
 #######################*/
div.loading-invisible {
    /*make invisible*/
    display: none;
}

/*this is what we want the div to look like
 when it IS showing*/
div.loading-visible {
    /*make visible*/
    display: block;
    /*position it 200px down the screen*/
    position: relative;
    top: 0px;
    width: 100%;
    text-align: center;
    /*in supporting browsers, make it
     a little transparent*/
    background: black;
    /*opacity: .90;*/
    border-top: 0px solid black;
    border-bottom: 0px solid black;
	z-index: 100;
}

#contenido {
    width: 900px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
}

/* Estilo de formulario */
input, textarea {
    padding: 3px;
    font-size: .95em;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-style: italic;
    color: gray
}

input {
    width: 250px
}

textarea {
    width: 350px;
    height: 150px
}

#submit {
    width: 100px;
    font-weight: bold;
    color: #000;
    font-style: normal
}

#footer {
    clear: both;
    padding: 50px 0 30px 0;
    font-size: .9em;
    font-style: italic;
    color: gray
}

/*######################
 CABEZA
 ###############*/
#jukebox {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 70px;
    height: 28px;
    border: none;
}
#icons {
	position: absolute;
	top: 22px;
	left: 78px;
	width:auto;
	height: 28px;
}

#menu {
    z-index: 10;
    position: absolute;
    top: 12px;
    left: 70px;
    height: 27px;
    width: 500px;
}

#nav {
    list-style: none;
}

#nav li {
    float: left;
    background-image: url(../imgs/nav_li_bg.png);
    background-repeat: no-repeat;
    background-position: right;
}

#nav li a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
}

#nav li a:hover {
    color: #c9c8c8;
}

/*color del link al pasar el raton encima*/
/* Submenu */
#nav ul.submenu {
    border: 1px solid #000000;
    padding: 10px;
    position: absolute;
    list-style: none;
    background-color: #333333;
}

#nav ul.submenu li {
    float: none;
    background-image: none;
    border-bottom: 0px solid #999999;
    width: 60px;
}





#navdos {
    position: absolute;
    top: 25px;
    left: 744px;
    width: 153px;
    height: 15px;
    padding: 7px;
    word-spacing: 8px;
}

#pleka_eventos {
    position: absolute;
    top: 82px;
    left: 896px;
}

/*######################
 CABEZA imagen
 ###############*/
#logo {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 336px;
    height: 189px;
}

#imguno {
    position: absolute;
    top: 53px;
    left: 337px;
    width: 187px;
    height: 188px;
    background-image: url("../imgs/banners/mezcal.jpg");
}

#imgdos {
    position: absolute;
    top: 53px;
    left: 524px;
    width: 187px;
    height: 188px;
    background-image: url("../imgs/banners/cumple.gif");
}

#imgtres {
    position: absolute;
    top: 53px;
    left: 710px;
    width: 187px;
    height: 188px;
}

#imgtresalfa {
    position: absolute;
    top: 53px;
    left: 711px;
    width: 187px;
    height: 188px;
    z-index: 10;
}

#imgteam {
    position: absolute;
    top: 45px;
    left: 672px;
    width: 187px;
    height: 188px;
}

#botonuno {
    position: absolute;
    top: 211px;
    left: 337px;
    width: 187px;
    height: 30px;
    background-image: url("../imgs/boton1.jpg");
    padding: 9px;
    background-repeat: no-repeat;
    text-align: center;
}

#botondos {
    position: absolute;
    top: 211px;
    left: 525px;
    width: 187px;
    height: 30px;
    background-image: url("../imgs/boton1.jpg");
    padding: 9px;
    background-repeat: no-repeat;
    text-align: center;
}

#botontres {
    position: absolute;
    top: 211px;
    left: 713px;
    width: 187px;
    height: 30px;
    color: black;
    padding: 9px;
    background-repeat: no-repeat;
    text-align: center;
}

#botontres a {
    color: black;
    padding: 3px;
}

/*#####################################################
 barra de navegacion
 ##################################################*/
#botonbarra {
    position: absolute;
    top: 0px;
    left: 120px;
    width: 770px;
    margin: 0 auto;
    text-align: center;
    padding: 7px;
}

#botonbarraes {
    position: absolute;
    top: 0px;
    left: 40px;
    width: 840px;
    margin: 0px auto;
    padding: 7px;
    text-align: center;
    margin-right: auto;
    line-height: 1em;
    margin-left: 5em;
    z-index: 30;
}

botonbarraes {
    position: absolute;
    top: 0px;
    left: 50px;
    width: 830px;
    margin: 0 auto;
    text-align: center;
    padding: 7px;
}

#barranavegacion {
    position: absolute;
    top: 241px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/barra2.jpg");
    background-repeat: no-repeat;
    margin: 0;
    text-align: center;
    z-index: 29;
}

#barranavegacionpasta {
    position: absolute;
    top: 241px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/pasta/barra2.jpg");
    background-repeat: no-repeat;
    text-align: center;
    padding: 7px;
    z-index: 30;
}

#barranavegacionpanino {
    position: absolute;
    top: 241px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/panino/barra2.jpg");
    background-repeat: no-repeat;
    text-align: center;
    padding: 7px;
    z-index: 30;
}

#barranavegacionbar {
    position: absolute;
    top: 241px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/bar/barra2.jpg");
    background-repeat: no-repeat;
    width: 900px;
    text-align: center;
    padding: 7px;
    z-index: 30;
}

/*__________________________________*/
#sddm {
    margin: 0;
    padding: 0;
    z-index: 30
}

#sddm li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#sddm li a {
    display: block;
    margin: 0;
    padding: 0px 10px;
    width: auto;
    text-align: center;
    text-decoration: none
}

#sddm li a:hover {
    color: #999
}

#sddm div {
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid black;
    background-color: #333333;
}

#sddm div a {
    position: relative;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background-color: #333333;
}

#sddm div a:hover {
    color: #999
}

/*=================*/
/*####################################
 CUERPO home
 ######################################*/
#logoflash {
    position: absolute;
    top: 262px;
    left: 0px;
    height: 260px;
    width: 900px;
    z-index: 1;
}

p.flash {
    background: url(../imgs/flash/nonsolo.swf) no-repeat center center;
}

#logopasta {
    position: absolute;
    top: 269px;
    left: 73px;
    height: 220px;
    width: 225px;
    z-index: 1;
}

#logopan {
    position: absolute;
    top: 269px;
    left: 350px;
    height: 220px;
    width: 225px;
}

#logobar {
    position: absolute;
    top: 269px;
    left: 623px;
    height: 220px;
    width: 225px;
}

#bordeblank {
    position: absolute;
    top: 269px;
    left: 676px;
    height: 220px;
    width: 225px;
}

/*#################
 * CUERPO PASTA
 * ################ */
#blocklogo {
    position: absolute;
    top: 269px;
    left: 0px;
    width: 180px;
    height: 243px;
}

#blocklogobar {
    position: absolute;
    top: 269px;
    left: 0px;
    width: 180px;
    height: 243px;
    background-image: url(../imgs/bar/fondo_logo.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding: 55px 5px;
    text-transform: uppercase;
}

#blocklogopasta {
    position: absolute;
    top: 269px;
    left: 0px;
    width: 180px;
    height: 243px;
  
   
}

#blocklogopanino {
    position: absolute;
    top: 269px;
    left: 0px;
    width: 180px;
    height: 243px;
    
    background-repeat: no-repeat;
    text-align: center;
    
    text-transform: uppercase;
}

#blocklogoteam {
    position: absolute;
    top: 269px;
    left: 0px;
    width: 180px;
    height: 273px;
    background-image: url(../imgs/team/team_logo.jpg);
    background-repeat: no-repeat;
    text-align: center;
    text-transform: uppercase;
}

#blockimg {
    position: absolute;
    top: 269px;
    left: 183px;
    width: 250px;
    height: 213px;
	
}

#blockimgteam {
    position: absolute;
    top: 269px;
    left: 183px;
    width: 250px;
    height: 243px;
}

#blockimgteamrand {
    position: absolute;
    top: 260px;
    left: 143px;
    width: 250px;
    height: 243px;
}

#blocktext {
    position: absolute;
    top: 269px;
    left: 447px;
    width: 372px;
    height: 243px;
    font-size: larger;
    padding: 0px 40px;
    overflow: auto;
    text-align: justify;
}

#blocktextbar {
    position: absolute;
    top: 269px;
    left: 447px;
    width: 330px;
    height: 243px;
    font-size: larger;
    padding: 0px 15px;
    overflow: auto;
    text-align: justify;
}

#blocktexteam {
    position: absolute;
    top: 269px;
    left: 447px;
    width: 280px;
    height: 273px;
    font-size: larger;
    padding: 0px 40px;
    overflow: auto;
    text-align: justify;
}

#blocktextell {
    position: absolute;
    top: 269px;
    left: 447px;
    width: 372px;
    height: 274px;
    font-size: larger;
    padding: 0px 40px;
    overflow: auto;
    text-align: justify;
}

#blocktexgal {
    position: absolute;
    top: 269px;
    left: 447px;
    width: 372px;
    height: 274px;
    font-size: larger;
    padding: 0px 40px;
    overflow: auto;
    text-align: justify;
}

#blockgaleria {
    position: absolute;
    top: 269px;
    left: 447px;
    width: 394px;
    height: 183px;
    
    padding: 40px 20px;
    overflow: auto;
    text-align: center;
	background-color: #180217;
}

#blockgaleria_news {
    position: absolute;
    top: 269px;
    left: 385px;
    width: 395px;
    height: 163px;
    
    padding: 40px 60px;
    overflow: auto;
    text-align: center;
	background-color: #180217;
}
#news {
    position: absolute;
    top: 269px;
    left: 385px;
    width: 455px;
    height: 163px;
    overflow-x: hidden;
	padding: 40px 30px;
    overflow: auto;
    text-align: justify;
	background-color: #180217;
	
}

#suscribe {
    position: absolute;
    top: 270px;
    left: 190px;
    z-index: 30;
}

#blockteam1 {
    position: absolute;
    top: 269px;
    left: 810px;
    right: 900px;
    width: 88px;
    height: 86px;
    border: 1px;
    border-color: #561241;
}

#blockteam2 {
    position: absolute;
    top: 361px;
    left: 810px;
    right: 900px;
    width: 88px;
    height: 86px;
    border: 1px;
    border-color: #561241;
}

#blockteam3 {
    position: absolute;
    top: 452px;
    left: 810px;
    right: 900px;
    width: 88px;
    height: 86px;
    border: 1px;
    border-color: #561241;
}

#blockbaruno {
    position: absolute;
    top: 269px;
    left: 810px;
    width: 80px;
    height: 69px;
    padding: 5px;
    background-color: #7d2222;
    text-align: center;
    text-transform: uppercase;
    font-size: 7px;
}

#blockbardos {
    position: absolute;
    top: 351px;
    left: 810px;
    width: 80px;
    height: 69px;
    padding: 5px;
    background-color: #5b1818;
    text-align: center;
    text-transform: uppercase;
    font-size: 7px;
}

#blockbartres {
    position: absolute;
    top: 433px;
    left: 810px;
    width: 80px;
    height: 69px;
    padding: 5px;
    background-color: #380c0c;
    text-align: center;
    font-size: 7px;
    z-index: 30;
}

#barranavtres_talk {
    position: absolute;
    top: 609px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/barra2.jpg");
    padding: 7px;
    background-repeat: no-repeat;
    text-align: center;
    word-spacing: 4px;
}

#barranavtres {
    position: absolute;
    top: 515px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/barra2.jpg");
    padding: 7px;
    background-repeat: no-repeat;
    text-align: center;
    word-spacing: 4px;
}

#barranavtrespasta {
    position: absolute;
    top: 515px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/pasta/barra2.jpg");
    padding: 7px;
    background-repeat: no-repeat;
    text-align: center;
    word-spacing: 4px;
}

#barranavtrespan {
    position: absolute;
    top: 515px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/panino/barra2.jpg");
    padding: 7px;
    background-repeat: no-repeat;
    text-align: center;
    word-spacing: 4px;
}

#barranavtresbar {
    position: absolute;
    top: 515px;
    left: 0px;
    width: 900px;
    height: 25px;
    background-image: url("../imgs/bar/barra2.jpg");
    padding: 7px;
    background-repeat: no-repeat;
    text-align: center;
    word-spacing: 4px;
}

#downloadbar {
    position: absolute;
    top: 429px;
    left: 690px;
    text-align: center;
    z-index: 20;
}

#download {
    position: absolute;
    top: 430px;
    left: 770px;
    text-align: center;
    z-index: 20;
    width: 128px;
}

#botonopina2 {
    position: absolute;
    top: 147px;
    left: 130px;
}

#botonopina1 {
    position: absolute;
    top: 83px;
    left: 130px;
}

#barrabut {
    position: absolute;
    top: 489px;
    left: 0px;
}

#banneruno {
    position: absolute;
    top: 544px;
    left: 0px;
    width: 300px;
    height: 60px;
}

#bannerdos {
    position: absolute;
    top: 544px;
    left: 300px;
    width: 300px;
    height: 60px;
    background-image: url("../imgs/banners/pizza.gif");
}

#bannertres {
    position: absolute;
    top: 544px;
    left: 599px;
    width: 300px;
    height: 60px;
}

#barraend {
    position: absolute;
    top: 609px;
    left: 0px;
    width: 900px;
    height: 25px;
    /*background-image: url("../imgs/barra_link.jpg");
     background-repeat:no-repeat;*/
    z-index: 49;
}

#barraend a:hover {
    border: 2px;
    border-style: inset;
    border-color: black;
    z-index: 60;
}

#facebook {
    position: absolute;
    top: 1px;
    left: 210px;
    z-index: 52;
}

#myspace {
    position: absolute;
    top: 1px;
    left: 340px;
    z-index: 53;
}

#sharethis {
    position: absolute;
    top: 3px;
    left: 620px;
}

#twitter {
    position: absolute;
    top: 1px;
    left: 390px;
    z-index: 50;
}

#copyright {
    font-size: 7px;
    position: absolute;
    top: 637px;
    left: 0px;
    width: 900px;
    text-align: center;
}

#copyright_talk {
    font-size: 7px;
    position: absolute;
    top: 655px;
    left: 0px;
    width: 900px;
    text-align: center;
}

#copyright a {
    font-size: 5px;
}

#copyright a:hover {
    color: #b02484;
}

#blocktextcontact {
    position: absolute;
    top: 269px;
    left: 0px;
    width: 869px;
    height: 307px;
    font-size: larger;
    padding: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #8a4e77;
}

#logoeventos {
    position: relative;
    top: 0px;
    left: 0px;
    width: 336px;
    height: 189px;
}

#imgunoeventos {
    position: relative;
    top: 0px;
    left: 337px;
    width: 189px;
    height: 158px;
    background-image: url("../imgs/banners/promo.gif");
}

#imgdoseventos {
    position: relative;
    top: 0px;
    left: 525px;
    width: 189px;
    height: 158px;
    background-image: url("../imgs/banners/promo2.gif");
}
#login {
	font-size: 14px;
}

#inter
{
    position: absolute;
    top: 1px;
    left: 873px;
    z-index: 50;
}