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

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
*{
outline:none
}
html,body{height:100%}
body{
background-color:#C30300;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#contenido{
width:741px;
height:550px;
margin:0px auto auto auto;
}
#head{
width:100%;
height:211px;
background-image:url(mcjoe/images/bkg-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#productos{
margin-top:-105px;
width:380px;
height:430px;
float:right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#productos ul{
margin-left:0px;
margin-bottom:30px;
}
#productos ul li{
display:inline;
width:42px;
padding-left:1px;
padding-right:1px;
}
#paquete{
width:380px;
height:350px;
float:right;
background-repeat:no-repeat;
}
#paquete img.principal{
margin-left:30px;
margin-top:20px;
}
#paquete p{
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top:45px;
}
#foot{
width:100%;
height:16px;
background-image:url(mcjoe/images/bkg-foot.gif);
color:#740806;
padding-top:3px;
text-align:center;
}
#informacion{
margin-top:15px;
}
#informacion ul{
color:#FFFFFF;
margin-right:auto;
margin-top:auto;
margin-left:15px;
margin-bottom:0px;
}
#informacion ul li{
display:inline;
padding:4px;
font-weight:bold;
}
#informacion ul li a{
color:#FFFFFF;
text-decoration:none;
}
#informacion ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#texto{
width:292px;
height:292px;
padding:16px;
color:#740806;
margin:10px;
background-image:url(mcjoe/images/bkg-info.jpg);
margin-left:17px;
margin-bottom:25px;
margin-top:1px;
font-size:12px;
overflow:auto;
position:relative;
z-index:1;
}
.fecha{
margin:0px;
font-size:1.1em;
font-weight:bold;
}
form{
margin:10px 30px auto 30px;
}
input, textarea{
font-size:0.9em;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
width:90%;
}
input.boton{
width:120px;
float:right;
margin-right:20px;
margin-top:10px;
}
#texto h2{
font-size:14px;
border-bottom:1px solid;
}
#texto table{
width:280px;
border:none;
}
#texto table.titulo{
background-color:#FFFFFF;
font-weight:bold;
}
#centro-index{
background-image:url(goodshow/images/bkg-index.jpg);
background-position:center top;
background-repeat:no-repeat;
width:800px;
margin:0 auto auto auto;
height:450px;
}
#centro-index table{
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:150px;
text-align:center;
}
#triangulo{
padding-top:-5px;
margin-top:2px;
margin-bottom:-10px;
margin-left:37px;
position:relative;
z-index:2;
}