html, body {margin:0; padding:0; height:100%; text-align: center; font: 90% Verdana, Arial, Helvetica, sans-serif; background: #fff url(../images/bg.gif) center top repeat-y ; color:#000;}
div#container {width:990px; height:auto !important; height:100%; min-height:100%; margin: 0px auto;  padding:0; background: #fff; border:0px #000 solid; text-align: left; }
/*url(images/blue-yellow_ink.png) no-repeat*/

/*background divs*/
div#headermenu{height:200px; background: #fff   url(../images/encabezado-final.png) repeat-x;} /*#9e0039 colores aleatorios de fondo aqui?*/
/*div#headermenubg{height:250px;background: url(images/blue-yellow_ink.png) no-repeat;}*/

div#header {height:160px; background:  /*url(images/gradient-1.png)*/;}
div#header p{margin: 0;}

div#topMenu {width:990px; height: 30px; margin:0 auto; text-align:center; padding-top:10px; letter-spacing:1px; text-shadow: #333 2px 2px 2px;} /* background:  url(images/pentagrama.png) no-repeat; */ 
/* color:#00a4e4 #e99619 */
div#topMenu p{margin: 0; color:#000; }
div#topMenu a:link {text-decoration:none; color:#fff; font-weight:bold;}
div#topMenu a:visited {text-decoration:none; color:#fff; font-weight:bold;}
div#topMenu a:hover {text-decoration:none; color:#e99619;}
div#topMenu a:active {text-decoration:none; color:#00a4e4;}

div#mainContent {margin: 30px;}
 /* 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;}


img {border:0;}


div#mainContent h1, h2, h3, p {margin-left:50px; margin-right:50px; color: #444;} /*original margin-left:100px; margin-right:100px;*/
div#mainContent h1 {padding-top:30px; padding-bottom:30px; font-size:1.3em; letter-spacing:2px; text-shadow: #ccc 0.1em 0.1em 0.2em; text-align:center;} /*color:#e99619;*/ 
div#mainContent h2 {font-size:1.1em; text-shadow: #ccc 0.1em 0.1em 0.2em;padding-bottom:0px; } /*color:#bf1e2d;*/
div#mainContent h3 {font-size:1.1em;}
div#mainContent p {padding-top:10px; line-height:1.6;  text-align:justify;}
div#mainContent p:first-letter {font-weight:bold; font-size:1.1em; padding-left:1em;}

div#mainContent a:link {text-decoration:none; color:#000; font-weight:bold; }
div#mainContent a:visited {text-decoration:none; color:#000; font-weight:bold; }
div#mainContent a:hover {text-decoration:none; color:#e99619; text-shadow: #ccc 1px 1px 1px; font-weight:bold;}
div#mainContent a:active {text-decoration:underline; color:#00a4e4; text-shadow: #ccc 1px 1px 1px; font-weight:bold;}



.tip {position: absolute; margin-top: 45px; margin-left:660px; display:block; padding:20px; border: 1px solid red; width:200px; overflow:hidden;
  -moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; background:#ffeeee;}
.tip .author {font-style:italic; font-weight:bold; color: #bf1e2d;}



div#addressBar {position: relative; width:400px; border: 1px solid #ccc; margin:20px auto;text-align:center; padding:0; -khtml-box-shadow:rgba(0,0,0,0.3) 5px 5px 10px;-moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 10px;box-shadow:rgba(0,0,0,0.3) 5px 5px 10px;
 -moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
div#addressBar p {text-align:center;}
div#addressBar p:first-letter { font-size:1em; padding-left:0;}



.negritas {font-weight:bold; text-shadow: #ccc 1px 1px 1px;}

#logoPrincipal {position:absolute; margin:20px 0 0 30px;}


div#languageBar {position:relative; width:80px; margin-top:-20px; margin-left:830px; padding:5px; padding-left:7px; padding-right:7px; border:1px solid #ccc; 	-moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
 -khtml-box-shadow:rgba(0,0,0,0.3) 1px 1px 5px;-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 5px;box-shadow:rgba(0,0,0,0.3) 1px 1px 5px;}

div#languageBar a {font-size:95%; text-decoration: underline; }

#mainContent #gallery {width:990px; margin:20px auto;} 

.floatLeft {float:left; padding-right:20px; padding-bottom:10px;}
.floatRight {float:right; padding-left:20px; padding-bottom:10px;}

.fotos {display: block; margin:0 auto; width: 740px;}
.fotoText {display:block;  width:740px; margin:0 auto; font-weight:bold; text-shadow: #ccc 1px 1px 1px; "}