html,body{
	padding:0;
	margin: 0;
	text-align: center;
	color:#000;
	background: #fff url("../img/bg.jpg");
	font: .9em/1.2 "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	}
body{
	text-align: center;
	min-width: 776px;
}
body#zoomimg{
	text-align: center;
	min-width: 500px;
}
/*CONTENEDOR PRINCIPAL*/
#wireframe{
	background: transparent url("../img/bg_contenedor.gif") repeat-y;
	margin: 0 auto;
	width:776px;
	voice-family: "\"}\""; 
   voice-family:inherit;
   width:776px;
	padding-top: 5px;
	padding-left: 0;
	text-align: left;
}
#wireframeinf{
	background: transparent url("../img/inf_cont.gif") bottom no-repeat;
	height: 5px;
	margin: 0 auto;
	clear: both;
}
.siempreoculto{
	display: none;
}

/*CABECERA*/
#head{
	background: transparent url("../img/cabecera.gif") no-repeat;
	width: 749px;
	height: 77px;
	margin: 0 0 0 .9em;
}
h1 {
	font: 1.5em/1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #4E748A; 
	margin: 0 0 1em 1em;
	padding: 0;
}
h2 {
	font: 1.2em/1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #EDA906;
	border-bottom: 1px #EDA906 dashed;
	margin: 0 1.8em 1em 1.5em;
	padding: 0 0 2px 0; 
}
h1 a{
	font: 1em/1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #4E748A; 
	margin: 0 0 1em 0;
	padding: 0;
	text-decoration: underline;
}
h1 a:HOVER{
	color: #BFD3DF; 
}

/*CONTENEDOR CENTRAL DE CONTENIDOS*/
body#index #contenido{
	background: #EDF4B7 url("../img/bg_contenido01.jpg") top left no-repeat;
	width:552px;
	voice-family: "\"}\""; 
   voice-family:inherit;
	width: 552px;
	/*height: 326px;*/
	margin: 1em 0 1em .5em;
	padding: 0;
	float: left;
}
body#casa #contenido,
body#galeria #contenido,
body#entorno #contenido,
body#actividades #contenido,
body#enlaces #contenido,
body#contactar #contenido,
body#precios #contenido,
body#confirmar #contenido,
body#mapa #contenido{
	background: #EDF4B7 url("../img/bg_contenido.gif") top left repeat-y;
	width:552px;
	voice-family: "\"}\""; 
   voice-family:inherit;
	width: 552px;
	margin: 1em 0 1em .5em;
	padding: 0;
	float: left;
}
html>body#index #contenido,
html>body#casa #contenido,
html>body#galeria #contenido,
html>body#entorno #contenido,
html>body#actividades #contenido,
html>body#enlaces #contenido,
html>body#contactar #contenido,
html>body#precios #contenido,
html>body#confirmar #contenido,
html>body#mapa #contenido{
	margin-left: 1em;
}
#contenidosup{
	background: transparent url("../img/sup_contenido.gif") top left no-repeat;
	height: 5px;
	padding: 0;
	margin-bottom: 0;
}
#contenidoinf{
	background: transparent url("../img/inf_contenido.gif") bottom left no-repeat;
	height: 5px;
	margin: 0 auto;
	clear: both;
}
p {
	margin: 0 1.5em 1.5em 1.5em;
	padding: 0;
	text-align: justify;
}
p.presentacion{
	margin: 2.8em 20em 4em 1.2em;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.55em;
	color: #4E748A;
	text-align: left;
}
.floatright {
   float: right;
   margin: 10px 0 15px 15px;
   border: 1px solid #666;
   padding: 2px;
}
.floatleft {
   float: left;
   margin: 10px 15px 15px 0;
   border: 1px solid #666;
   padding: 2px;
}
html>body p.presentacion{
	margin: 3.2em 20em 4.5em 1.2em;
}

/*CONTENEDOR GENERICO DE LOS MENUS LATERALES A y B */
#menulateral{
	float: right;
	margin: 1em .6em 0 .5em;
	padding: 0;
}
html>body #menulateral{
	margin-left: 1em;
	margin-right: 1.2em;
	margin-bottom: 0;
}

/*CONTENEDOR DEL MENU PRINCIPAL A */
#mainnavega{
	background: transparent url("../img/bg_menu.gif") top left repeat-y;
	width:180px;
	voice-family: "\"}\""; 
   voice-family:inherit;
	width: 180px;
	padding: 0;
}
#mainnavegasup{
	background: transparent url("../img/sup_menu.gif") top no-repeat;
	height: 5px;
	margin-bottom: 0;
	padding: 0;
}
#mainnavegainf{
	background: transparent url("../img/inf_menu.gif") bottom no-repeat;
	height: 5px;
	margin: 0 auto;
}
/*MENU LATERAL PRINCIPAL A */
#mainnavega ul, #submenu ul{
	list-style-type: none;
	margin: 1em 0 1em 1em;
	padding: 0;
}
html>body #mainnavega ul, html>body #submenu ul{
	margin: 1.5em 0 2em 1em;
	padding: 0;
}
#mainnavega ul li, #submenu ul li{
	list-style-type: none;
	padding-bottom: .5em;
}
#mainnavega a{
	display: block;
	color: #fff;
	width: 10em;
	padding: 3px 12px 3px 18px;
}
html>body #mainnavega a, html>body #submenu a{
	width: 10em;
}
#mainnavega a:HOVER{
	background-color: #DFE9EF;
	color: #000;
}
#trackingmenu li.aqui{
	
}
body#casa #mainnavega ul li#mcasa a,
body#galeria #mainnavega ul li#mgaleria a,
body#entorno #mainnavega ul li#mentorno a,
body#actividades #mainnavega ul li#mactividades a,
body#precios #mainnavega ul li#mprecios a{
	background-color: #DFE9EF;
	color: #000;
}
body#contactar #submenu ul li#mcontactar a,
body#enlaces #submenu ul li#menlaces a,
body#mapa #submenu ul li#mmapa a{
	background-color: #EDF4B7;
	color: #000;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 8px #fff solid;
}
/*CONTENEDOR DEL MENU LATERAL B */
#submenu{
	margin: 0 0 0 0;
	padding: 0;
}
#submenu a{
	display: block;
	color: #4E748A;
	border-top: 1px #DCE96F solid;
	border-bottom: 1px #DCE96F solid;
	border-right: 1px #DCE96F solid;
	border-left: 8px #fff solid;
	width: 10em;
	padding: 3px 12px 3px 11px;
}
#submenu a:HOVER{
	background-color: #EDF4B7;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 8px #fff solid;
	color: #000;
}

/*GALERIA DE IMAGENES*/
.galeria{
	padding: 0;
	margin: 0 0 0 .5em;
}
img {
	border: none;
}
html>body .galeria{
	padding: 0;
	margin: 0 0 0 1em;
}
.thumbnailhor{
   float: left;
   width: 142px;
   border: 1px solid #999;
   margin: 0 10px 15px 10px;
   padding: 4px;
	font: 11px/1.2 "Trebuchet MS", tahoma, arial, verdana, Helvetica, sans-serif;
}
.thumbnailver{
   float: left;
   width: 105px;
   border: 1px solid #999;
   margin: 0 23px 15px 23px;
   padding: 5px;
	font: 11px/1.2 "Trebuchet MS", tahoma, arial, verdana, Helvetica, sans-serif;
}
html>body .thumbnailver{
   margin: 0 28px 15px 28px;
}
.vermas{
	clear: both;
	background: #EDA906 url("../img/item_vermas.gif") top left no-repeat;
	width: 141px;
	height: 19px;
	margin: 0 0 0 350px;
	padding: 0 0 0 1.1em;
}
html>body .vermas{
	width: 141px;
	height: 19px;
	margin: 0 0 0 350px;
}
.vermas p{
	padding: 0;
	margin: 0;
}
.vermas p a{
	font: 12px/1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	color: #000;
	display: block;
	background-color: #EDA906;
	padding: 2px 3px 3px 3px;
}
html>body .vermas p a{
	padding: 2px 3px 2px 3px;
}
.vermas p a:HOVER{
	color: #000;
	background-color: #DFE9EF;
}
.contieneimg{
	width: 473px;
	border: 1px solid #999;
	padding: 5px;
	margin: .3em auto;
	font: 12px/1.2 "Trebuchet MS", tahoma, arial, verdana, Helvetica, sans-serif;
}
html>body#zoomimg .contieneimg{
	width: 473px;
	border: 1px solid #999;
	padding: 5px;
	margin: .3em auto;
}
.contieneimg p, .contieneimgv p{
	text-align: center;
	padding: 0;
	margin: 1em 0 1em 0;
}
.contieneimgv{
	width: 300px;
	border: 1px solid #999;
	padding: 5px;
	margin: .3em auto;
	font: 12px/1.2 "Trebuchet MS", tahoma, arial, verdana, Helvetica, sans-serif;
}
html>body#zoomimg .contieneimgv{
	width: 300px;
	border: 1px solid #999;
	padding: 5px;
	margin: .3em auto;
}

/*PIE DE PAGINA*/
#datospie{
	font: .8em/1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	color: #4E748A;
	margin-top: 0;
}
#datospie ul, #datospiezoom ul{
	list-style-type: none;
	padding: 0;
	margin: .2em 0 0 0;
}
#datospie ul li, #datospiezoom ul li{
	list-style-type: none;
	display: inline;
	padding: 0 1em 0 0;
}
#datospiezoom{
	font: .8em/1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, "Trebuchet MS", tahoma, verdana, Helvetica, sans-serif;
	color: #4E748A;
	margin: 0 auto;
}
/*ACTIVIDADES*/
.tituruta{
	font-weight: bold;
	text-transform: uppercase;
	color: #4E748A;
}
.tituplato{
	font-weight: bold;
	color: #C33;
}
#indiceactividades{
	width: 450px;
	margin: 0 1em 1em 2em;
}
ul.nivel01, ul.nivel02{
	list-style-type: none;
}
ul.nivel01 li{
	padding: .5em;
	margin-bottom: .2em;
	margin-top: .2em;
}
ul.nivel02 li{
	padding: .2em;
}
ul.nivel01 li a{
	color: #000;
}
ul.nivel01 li a:HOVER, ul.nivel02 li a:HOVER{
	color: #EDA906;
}
ul.nivel02 li a{
	color: #4E748A;
}
/*CONTACTAR*/
.direcciones{
	margin: 0 1em 1em 7em;
	padding: 0;
	border: 1px #ccc dashed;
	width: 350px;
	background: #edf4b7 url("../img/bg_contact.jpg") top left no-repeat;
}
html>body#contactar .direcciones{
	margin: 0 1em 1em 7.5em;
	width: 350px;
}
.direcciones p{
	margin: 1em .5em 1em 3em;
}
#contactform{
	margin: 0 1em 1em 7em;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 350px;
}
html>body#contactar #contactform{
	margin: 0em 1em 1em 7.5em;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 350px;
}
#contactform .textinput{
	font: normal 1.2em/1.6em "Trebuchet MS", Verdana, sans-serif;
	color: #999999;	
	width: 300px;
}
html>body#contactar #contactform .textinput{
	width: 300px;
}
#contactform .textarea{
	font: normal 1.2em/1.6em "Trebuchet MS", Verdana, sans-serif;
	color: #999999;	
	width: 300px;
	height: 180px;
}
html>body#contactar #contactform .textarea{
	width: 300px;
	height: 180px;
}
#contactform .btn {
	font: normal 1.3em/1.6em "Trebuchet MS", Verdana, sans-serif;
	margin-right: .5em; 
}
p.notacontact{
	font: normal .9em/1.2em "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	color: #c33;
	margin: 0 1.8em .5em 1.7em;
	padding: 0;
}
.confirmacion{
	margin: 0 1em 1em 7em;
	padding: 0;
	border: 1px #ccc dashed;
	width: 400px;
	height: 300px;
	background: #edf4b7 url("../img/bg_confirmado.jpg") top left no-repeat;
}
html>body#confirmar .confirmacion{
	margin: 0 1em 1em 7.5em;
	width: 400px;
	height: 300px;
}
.confirmacion p, .requerimientos p{
	margin: 15em 6em 5em 1.8em;
	font: normal 1em/1.6em "Trebuchet MS", Verdana, sans-serif;
	color: #000;
}
.requerimientos{
	margin: 0 1em 1em 7em;
	padding: 0;
	border: 1px #ccc dashed;
	width: 400px;
	height: 300px;
	background: #edf4b7 url("../img/bg_requerimientos.jpg") top left no-repeat;
}
html>body#confirmar .requerimientos{
	margin: 0 1em 1em 7.5em;
	width: 400px;
	height: 300px;
}
/*PRECIOS*/
#contieneprecios{
	width: 465px;
	margin: 1em 1em 1em 4em;
}
html>body#precios #contieneprecios{
	width: 465px;
}
.tblprecios td{
	font: normal 1em/1.6em Georgia, "Book Antiqua", "Times New Roman", serif;
	padding: 3px 3px 3px 10px;
}
.tblprecios tr.tblprecios03 td{
	font: normal .9em/1.6em "Trebuchet MS", Verdana, sans-serif;
	color: #000;
}
.tblprecios tr.tblprecios01 td, 
.tblprecios tr.tblprecios02 td.p00{
	font-size: 1em;
	font-weight: bold;
}
.tblprecios tr.tblprecios01{
	background-color: #7FA8BF;
	color: #000;
}
.tblprecios tr.tblprecios02{
	background-color: #DCE96F;
}
.tblprecios td.p01{
	font-size: 1.5em;
	font-weight: normal;
}
.tblprecios ul{
	margin-left: 1em;
}
html>body#precios .tblprecios ul{
	margin-left: 0;
}
.tblprecios ul li{
	list-style: none;
}
/*ENLACES*/
ul.listado01{
	list-style: none;
}
ul.listado01 li{
	font: normal 1em/1.6em "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	color: #000;
}
ul.listado02{
	list-style: none;
}
ul.listado02 li a{
	font: normal 1em/1.2em "Trebuchet MS", Verdana, sans-serif;
	color: #4E748A;
	/*display: block;*/
	padding: 3px;
	text-decoration: underline;
	}
html>body ul.listado02 li a{
	font: normal 1em/1.2em "Trebuchet MS", Verdana, sans-serif;
	color: #4E748A;
	display: block;
	margin: .3em 6em 0 0;
	padding: 2px;
	text-decoration: underline;
}
ul.listado02 li a:HOVER{
	color: #000;
	background-color: #DFE9EF;
}
/*LOCALIZACIÓN*/
#global{
	padding: 2px;
	width: 418px;
	margin: 1em 1em 1em 4em;
	border: 1px #000 solid;
}
html>body#mapa #global{
	width: 418px;
}
#local{
	padding: 2px;
	width: 399px;
	margin: 1em 1em 1em 4em;
	border: 1px #000 solid;
}
html>body#mapa #local{
	width: 399px;
}
