@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
/* esto resuelve el hover en ie6 */
body {behavior: url("csshover3.htc");}
body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*CSS ESPEJO*/
body {
	background-color:#000;
}
h1, h2, h3, h4, h5, h6, p, a {
	color:#FFF;
}
h1 {
	font-family: Helvetica, Arial,sans-serif;
	font-size:14px;
	padding-top:180px;
	letter-spacing:-1px;
}
h2 {
	font-size:20px;
	margin-top:66px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:12px;
	margin-bottom:20px;
}
a {
	text-decoration:none;
}
p {
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	font-weight:300;
}
strong {
	font-family: Helvetica, Arial,sans-serif;
	font-weight:bold;
}
em {
	font-family: Helvetica, Arial,sans-serif;
	font-style:italic;
}
#todo {
	width: 836px;
	padding-left: 91px;
	background-repeat: no-repeat;
	background-position: left top;
	min-height:479px;
}
.bg1 {
	background-image: url(../img09/bg0.jpg);
}
.bg2 {
	background-image:url(../img09/bg1.jpg);	
}
#menutop {
	clear:both;
	text-align:right;
}
#menutop a {
	font:Arial, Helvetica, sans-serif;
}
#menutop p {
	font-size:9px;
	marging-bottom:20px;

}
#foot {
	clear:both;
	text-align:center;
}
#foot p {
	font-size:9px;
}

#contacto {
	margin-top: 330px;
	float: left;
	padding-left: 11px;
	width: 230px;
}
#contacto a:hover {
	text-decoration:underline;
}
#textoIntro {
	width: 522px;
	margin-left: 62px;
	padding-right: 11px;
	float: left;
	margin-top: 363px;
}
#productos {
	clear:both;
	padding-top:64px;
}
.productosBoton {
	width:252px;
	height:223px;
	text-align:center;
	float:left;
	display:block;
}
.lef {
	background-image:url(../img09/btn_lef.jpg);
	background-repeat:no-repeat;
}
.lef:hover {
	background-position:0 -223px;
}
.espejo {
	background-image:url(../img09/btn_hotel.jpg);
	background-repeat:no-repeat;
}
.espejo h1 {
	color:#000;
}
.espejo:hover {
	background-position:0 -223px;
}
.espejo:hover h1 {
	color:#FFF;
}
.lastarria {
	background-image:url(../img09/btn_lastarria.jpg);
	background-repeat:no-repeat;
}
.lastarria:hover {
	background-position:0 -223px;
}
.productosSep {
	margin-left:40px;
	margin-right:40px;
}
#bitacora {
	width:522px;
	margin-top: 80px;
	float: left;
	padding-left: 11px;
}
#news {
	width:230px;
	margin-top: 80px;
	float: left;
	padding-left: 60px;
	padding-right: 11px;
}
.newsFormText {
	background-color:transparent;
	background-repeat:no-repeat;
	border-bottom-style:none;
	border-width:0px;
	background-image:url(../img09/buscar.jpg);
	width:210px;
	height:25px;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	//padding-top:5px;

}
input.sus {
	background-color:#FFFFFF;
      text-align: center;
	  background-image:url(../img09/boton.jpg);
      margin-top: 10px;
	  background-repeat:no-repeat;
      border: none;
      cursor: pointer;
      -moz-user-select: text;
	  color:#FFF;
	  padding-right:15px;
	  float:right;
  	overflow: visible;
	width:145px;
	  height:25px;
font-size:10px;
font-weight:bold;

                        /* override all your button styles here if there are any others */
}
input.sus:hover {
	background-position:0 -25px;
}