/* CSS Document */
/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
padding:0;
margin:0;
}
body{	
text-align:center;
min-width:801px;/* for mozilla*/
background-image: url(http://www.teatromex.com/images/bgdiags.gif);
color: #000000;
}
#wrapper{
height:99.9%;
min-height:100%;
width:800px;
color: #000000;
text-align:left;
margin:auto;
position:relative;
/*background:  url(images/2colcentredbg.jpg) repeat-y center center;*/
background-image:url(http://www.teatromex.com/images/teatromex03a.png);
background-repeat:no-repeat;
background-position: 0px 18px;
background-color: #775C5D;
position:relative;
}

html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
position:absolute;
top:0;
left:-1px;
width:800px;
height:96px;
background-color: #001145;
overflow:hidden;
z-index:100;
}
#left {
position:relative;/*ie needs this to show float */
width:262px;
float:left;
padding-top:96px;/*needed to make room for header*/
}
#left p {padding-left:3px;padding-right:2px}


#footer {
width:800px;
clear:both;
height:50px;
text-align:center;
left:0;
bottom:0;
position: absolute;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
width:538px;
float:right;
padding-top:96px;/*make room for header*/
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#logotipo {
position:absolute;
z-index:6;
width:530px;
top: 8px;
left: 16px;
margin:0px;
}

#search {
position:absolute;
z-index:7;
width:250px;
top:20px;
left:560px;
margin:0px;
}

#sbmenu {
padding:93px 0px 0px 0px;
position:relative;
z-index:10;
width:220px;
margin: 0px 21px;
height:auto;
min-height:50px;
top:-70px;
left:0px;
border: 0px;
background-image:url(http://www.teatromex.com/images/bg_tile_sidebar.gif);
}

#sbmenu h1, ul, p, span {
padding-left: 15px;
padding-right: 5px;
text-align:left;
}

#rematemenu {
padding:0px;
position:relative;
z-index:11;
width:220px;
margin: 0px;
height:15px;
min-height:15px;
background-image: url(http://www.teatromex.com/images/bg_onda_sidebar.gif);
background-repeat:repeat-x;
top:15px;
left:0px;
border: 0px;
}

#sbbambalino {
position:relative;
z-index:12;
width:255px;
height:83px;
background-image: url(http://www.teatromex.com/images/bambalino.gif);
background-repeat:no-repeat;
margin-left: 3px;
margin-right:4px;
text-align:center;
}

#bastidorarr {
border-width:0px;
padding: 0px;
position:relative;
z-index:13;
width: 530px;
height:24px;
margin:0px auto;
top:0px;
left:0px;
background-image: url(http://www.teatromex.com/images/bastidorarriba.gif);
background-repeat:no-repeat
}

#bastidoraba {
border-width:0px;
padding: 0px;
position:relative;
z-index:14;
width: 530px;
height:24px;
margin:0px auto;
top:0px;
left:0px;
background-image: url(http://www.teatromex.com/images/bastidoraba.gif);
background-repeat:no-repeat
}

#bastidorhor {
padding: 0px;
border-width:0px;
position:relative;
z-index:15;
width: 530px;
height:100%;
min-height: 50px;
margin:0px;
top:0px;
left:4px;
background-image: url(http://www.teatromex.com/images/bastidorhorizontal.gif);
background-repeat:repeat-y
}

#bastidorhor1 {
padding: 0px;
border-width:0px;
position:relative;
z-index:15;
width: 530px;
height:100%;
min-height: 50px;
margin:0px;
top:0px;
left:4px;
background-image: url(http://www.teatromex.com/images/bghor1.gif);
}

.logo{
float:left;
padding:0px 10px 0px 0px;
}