* {
    margin:0pt;
    outline-style:none;
    outline-width:0pt;
    padding:0pt;
  }


ul {
    list-style: none;
  }


html, body, #container {
    height : 100%;
    overflow : auto;
    width : 100%;
  }


body {
    background-color: black;
  }


P {
    text-indent: 10px;
    margin-bottom: 20px;
    padding-right: 5px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
  }


A {
    text-decoration: none;
    border: none;
  }


h1 {
    text-align: center;
    margin-bottom: 10px;
  }


h2 {
    text-align: center;
    margin-bottom: 10px;
  }


h3 {
    text-align: center;
    margin-bottom: 10px;
  }


h4 {
    text-align: center;
    margin-bottom: 10px;
  }


h5 {
    text-align: center;
    margin-bottom: 10px;
  }


h6 {
    text-align: center;
    margin-bottom: 10px;
  }


p.available {
    font : bold medium serif;
    color : #28FF69;
  }


p.unavailable {
    font : bold medium serif;
    color : red;
  }


ul.expo li > ul li {
    margin : 0 0 10px 20px;
    list-style : square inside;
    font-size: 15px;
  }


ul.expo li {
    color: white;
    font-weight: bold;
    font-size: 18px;
  }

ol.list li {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	margin-left: 40px;
}

#loading{
	color: white;
	position: absolute;
	width: 400px;
	height: 30px;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: 30px;
}

#backlayer {
    display: none;
    width: 100%;
    height: 100%;
    position:absolute;
    background : black url('../img/loading.gif') no-repeat center center;
  }


#divview {
    width: 100%;
    height: 100%;
    text-align: center;
    position:absolute;
    display: none;
  }


.imageview {
    position:absolute;
    left: 50%;
    top: 50%;
  }


#div_img {
    height: 275px;
    width:100%;
    background : transparent url('../img/loading.gif') no-repeat center center;
    text-align: center;
    font-weight: bold;
    color: white;
  }


#div_desc {
    position: absolute;
    bottom: 0px;
    height: 60px;
    width: 350px;
    left: 50%;
    margin-left: -175px;
    background: black;
    text-align: center;
    color: white;
  }


#div_desc p {
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
  }


.title img {
    padding-left: 10px;
    padding-right: 10px;
  }


img.image:hover {
    border : #979797 solid 2px;
  }


img.image {
    vertical-align : middle;
    border : transparent solid 2px;
    cursor: pointer;
  }


.thumbnail_td {
    background : transparent url('../img/loading.gif') no-repeat center center;
    height : 100px;
    min-width : 70px;
    vertical-align : middle;
  }


span.thumbnail {
    position:absolute;
    display:none;
    width: 280px;
    margin-left: -140px;
    overflow: auto;
    left: 50%;
  }


span.picview {
    display: none;
    text-align: center;
    padding: 0px;
    overflow: hidden;
  }


ul.menu> li > ul {
    position:relative;
    display:none;
    list-style:none;
  }


ul.menu li ul {
    border-style : solid none none none;
    border-width : 1px medium medium medium;
    border-top-color : #BDBDBD;
  }


ul.menu li ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    background:#756046;
    border-style : none none solid none;
    border-width : medium medium 1px medium;
    border-bottom-color : #BDBDBD;
    font-size: 15px;
  }


ul.menu li ul > li > a:hover {
    color: #A5A5A5;
  }


ul.menu li ul > li > a {
    color: white;
    display: block;
    width: 100%;
    height: 100%;
  }


ul.menu > li {
    display:inline;
  }


ul.menu li ul {
    width: 100%;
    max-height: 150px;
    overflow:auto;
  }


ul.menu li {
    cursor: pointer;
    display: block;
  }


ul.menu li:hover > ul {
    display : block;
    cursor: pointer;
  }


.subcategory_option {
    background-color:#77634C;
    font-size: 15px;
    text-align: center;
  }


#block-texto1 {
    position: absolute;
    width: 490px;
    height: 390px;
    background : url('../img/rec.grande.png') no-repeat top center;
    top: 170px;
    color: white;
  }


#texto1 {
    position: absolute;
    width: 420px;
    height: 350px;
    left: 35px;
    overflow: auto;
    top: 20px;
  }


#block-texto2 {
    position: absolute;
    width: 360px;
    height: 200px;
    background : url('../img/rec.mediano.png') no-repeat top center;
    top: 170px;
    right: 0px;
    text-align: center;
    color: white;
  }


#subcategory {
    border-style : none none solid;
    border-width : medium medium 1px;
    border-bottom-color : #534535;
    height : 30px;
    left : 35px;
    position : absolute;
    top : 10px;
    width : 290px;
    font : bold 20px serif;
    color : white;
  }


#texto2 {
    position: absolute;
    width: 290px;
    height: 130px;
    left: 35px;
    overflow: auto;
    top: 50px;
  }


#block-texto3 {
    position: absolute;
    width: 360px;
    height: 180px;
    background : url('../img/recuadro.pequeno.png') no-repeat top center;
    top: 400px;
    right: 0px;
    text-align: center;
  }


#texto3 {
    position: absolute;
    width: 290px;
    height: 140px;
    left: 35px;
    overflow: auto;
    top: 10px;
    text-align: justify;
    color: white;
  }


#overlay {
    position: absolute;
    width: 250px;
    height: 590px;
    right: 0px;
    background : url('../img/pruebaoverlay3.png') no-repeat top left;
  }


#cuadrooverlay {
    position: absolute;
    width: 450px;
    height: 380px;
    background : url('../pictures/cuadros_portada/07def.jpg') no-repeat top left;
  }


#cuadroagua {
    position: absolute;
    width: 600px;
    height: 510px;
    background : url('../img/overlaydef.png') no-repeat top left;
  }


#magua {
    position: absolute;
    width: 838px;
    height: 590px;
    background : url('../img/marca-agua.png') no-repeat center center;
  }


#firma {
    position: absolute;
    width: 50%;
    height: 80px;
    background : url('../img/firma.png') no-repeat center center;
    top: 5px;
    right: 0px;
  }


#head {
    position: absolute;
    top: 85px;
    background : url('../img/barra.png') no-repeat center center;
    height : 60px;
    width : 600px;
    right: 0px;
    text-align: center;
  }


#head img {
    margin-left: 10px;
    margin-right: 10px;
    top: 0px;
    vertical-align: top;
    text-decoration: none;
    border: 0px;
  }


#foot {
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 11px;
    text-align: center;
  }


#container {
    position : absolute;
    margin : 0 auto 0 auto;
    background-color: #271e1e;
    height : 600px;
    left : 50%;
    margin-left : -424px;
    margin-top : -300px;
    top : 50%;
    width : 848px;
  }


#content {
    position: absolute;
    width: 838px;
    height: 590px;
    left: 5px;
    top: 5px;
    background-color: #C9A770;
  }