html, body {margin:0; padding:0; height:100%; text-align: center; font: 85% Verdana, Arial, Helvetica, sans-serif; background: #fff url(../images/00.jpg) no-repeat top center; color:#000;} 

div#container {position: relative; width:950px; min-width:950px; height:auto !important; height:100%; min-height:100%; margin: 0px auto;  padding:0; background: transparent  ; text-align: left;}

div#header { height:200px; background: transparent;}
div#header p{margin: 0;}


/******************************************************saque el top menu*****************************************************************/

/*div#topMenu { height: 40px;  background: transparent url(../images2/fondo-menu.png) no-repeat; text-align:center; border-top:0px solid #000; padding-top:10px; color:#000;} */
/*div#topMenu p{margin: 0;}*/



/***********************************************************************************************************************/

div#mainContent {position: relative; margin: 0px; background: #fff; height:100%;}
/*IE6 problem that did not display the whole content of the contentRight column - took off overflow hidden set height at 100% not auto*/

/******************************************************menu left column*****************************************************************/

div#menuLeft { margin:0; padding:20px 10px 280px 10px;  float:left; width:180px;  height:auto; overflow: auto; background: #f3f3f3 url(../images/bottom.png) no-repeat bottom left;} /*volver a padding:20px 10px 120px 10px; cunado tenga todos los botones*/
div#menuLeft ul {padding:0; margin:0; margin-top:50px; border-top:1px #333 solid;}
div#menuLeft li {list-style-type:none; text-indent:5px; border-bottom:1px #333 solid;}

div#menuLeft p {color: #333; font-weight:bold; line-height: 2.5; font-size: 1em; }
div#menuLeft a {color: #333; font-weight:bold; display:block; line-height: 2.5; font-size: 1em; text-decoration:none;} 
div#menuLeft a:hover {color:#ff6633} 

div#menuLeft .itemSelected {color:#ff6633;}

/******************************************************main column*****************************************************************/


div#contentRight {float:left; margin:10px; padding:10px 10px 100px 20px; width: 500px; min-height:100%; height:100%; overflow: visible; background: #fff; color: #333;}
div#contentRight h2{color: #333; font-weight:bold; font-size:1.5em; margin-bottom:20px; margin-top:30px;background: url(../images/title.png) no-repeat; text-indent:-9999px; height:50px;}
div#contentRight h3{color: #333; font-weight:normal; font-size:1.3em; margin-bottom:5px; font-weight:bold; }
div#contentRight p {line-height: 1.7; margin-right:20px; margin-bottom:5px; text-align:justify;}
div#contentRight ul {margin-left:10px; padding:0; }
div#contentRight li {margin-left:5px; line-height: 1.5;} 
div#contentRight a, div#contentRight li a  {color:#333; text-decoration:none; font-weight:bold;}
div#contentRight a:hover, div#contentRight li a:hover {color:#666; text-decoration:underline;}

div#contentRight th{color:#990000;}

#contentRight span.date {color: #336699; font-weight:bold; text-decoration:none;}
#contentRight span.date a:link, #contentRight span.date a:visited {color: #336699; text-decoration:none;}
#contentRight span.date a:hover, #contentRight span.date a:active {color: #ff6633; text-decoration: underline;}
#contentRight span.title {color:#990033;}
#contentRight .nombres {display: block; position: relative; margin:10px auto; padding:10px; width:450px; height:30px; border: 1px solid #ccc; background: #f9f9f9;}
#contentRight .nombres select { position:absolute; margin-left:10px; border: 1px solid #999; width:200px; }
#contentRight .nombres input {position:absolute; margin-left:250px; border: 1px solid #000; background:#FFCC99; } /* -moz-border-radius:4px;*/
#contentRight .nombres input:hover {background: #FF6600; color:#fff;}

/******************************************************secondary column*****************************************************************/

#secondaryColumn {float: right; width: 190px; height:100%; color:black; background:#fff; padding:20px 5px 20px 5px;}
#secondaryColumn p {line-height: 1.4; margin-right:20px;  margin-bottom:10px;}
#secondaryColumn h4 {font-family: Arial, Helvetica, sans-serif; text-align:center; color:#990033; font-size:1.0em; line-height:1.5; font-weight:bold; text-transform:uppercase;} /*old color: 9c0059 text-decoration:underline;*/
#secondaryColumn hr {border:0; color:#336699; height:1px; border-top:1px solid #336699; background-color:#336699;} /*border:0; to force the 1px border height on firefox and IE background-color for opera*/
#secondaryColumn .date {color:#336699; font-weight:bold; text-decoration:none;}
#secondaryColumn .date a:link, #secondaryColumn .date a:visited {color:#336699; text-decoration:none;}
#secondaryColumn .date a:hover, #secondaryColumn .date a:active {color: #ff6633; text-decoration: underline;}

/****************************************************saque el footer*********************************************************************/

/*div#footer {position:absolute; width:100%; bottom:0; height:30px; background: #d29c97; color: #97233c; border-top:2px solid #97233c; border-bottom:1px solid #97233c; text-align: center; line-height:200%; padding-top:10px;}
div#footer p{margin: 0;}
div#footer a{color: #97233c; text-decoration:none; font-weight:bold;}
div#footer a:hover{color: #fff; }*/


/****************************************************miscelanea*********************************************************************/
.biography {margin:10px auto; border: 1px solid #ccc; padding:10px; text-align:justify; min-height:200px;} /*added min-height in case bios have no text, for IE6 added conditional statement with height*/


 /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

.marginBottom{margin-bottom:30px; padding-bottom:30px;}
.floatLeft {float: left; padding-right:20px; padding-bottom:20px;}
.floatRight {float: right; padding-left:20px; padding-bottom:20px;}

.centerText {text-align:center; display:block;}

/*#container #logo {}*/
#container #logo h1{position: absolute; top: 0; left: 0; height:200px; width:200px; margin:0; z-index:10; background: transparent url(../images/logo.png); text-indent:-9999px; font-size:2.0em; cursor: pointer;} /*cursor: pointer to fix IE6 & IE7 not displaying as a link*/

#calendario iframe{display: block; margin: 20px auto;}

.linea {border-bottom:1px solid red; width:96%; margin-top:10px; margin-bottom:10px;}
.bordeInferior {border-bottom:1px solid #336699; width:96%; margin-top:10px; margin-bottom:10px;}
#bg-home {background: url(../images/bg-home.png) no-repeat top center; min-height:500px;}


/******************************************************************contact form*********************************************************/
#formWidth {width:99%; overflow:hidden;} //added for IE6

label, label span {display: block; padding-bottom: .25em;}
label {float: left; width: 95%; margin-bottom:5px;}
label span { float: left; width: 35%; text-align: right; }

fieldset {margin-bottom:20px;}
fieldset legend{font-weight:bold; text-transform:uppercase; margin-bottom:10px; color:#9c0059;}
fieldset input, textarea, select {float: right; width: 55%; border: 1px solid #999; margin-bottom:5px; overflow:hidden;} /* overflow:hidden; to prevent opera & IE from displaying arrows*/
fieldset input:hover,  textarea:hover , select:hover {border-color: #e590b8;}
fieldset input:active, input:focus, textarea:active, textarea:focus {border-color: #900; background: #fff1e2;}

/*button*/
form div {margin:20px 250px; }
form div input {padding: 0 .25em; background-color: #90395c; border: 2px double #551c35; border-top-color: #e591b9; font: bold 92% tahoma, verdana, arial, sans-serif; color: #fff; text-transform: uppercase;}
form div input:hover {background-color: #e591b9;}

.formFunction {display:block; border:1px solid #990033; margin: 0 auto; padding:5px; text-align:center; color: #990033;}
.tickets {display:block; width: 450px; border:1px solid #990033; margin: 0 auto; padding:5px; text-align:center; }

.centerDiv {text-align:center; display:block; width:450px; line-height:1.5; padding:10px;}