@charset "utf-8";
/* CSS Document */

body{
margin:5px 0 5px 0;
padding:0;
background: #000;
line-height: 1.5em;}

#contenedor{
width: 950px; 
height:auto;
margin: 0 auto;}

#head{
background:url(imagenes/bg_head.png) no-repeat left top;
width:950px;
height:95px; 
position:relative;}

#head h1 a{
margin:0;
padding:0;
width:474px;
height:84px;
float:left;
position: absolute;
top: 10px;
left:10px;
background:url(imagenes/logo.png) no-repeat left top;
text-indent:-4000px;}

/*--------------menu-----------*/
#menu{
background: url(imagenes/bg_menu.png) no-repeat left top;
width:950px;
height:41px;}

.solidblockmenu{
margin:0;
padding:0 0 0 10px;
float: left;
font: bold 12px Trebuchet MS;
width: 100%;
overflow: hidden;
background:url(imagenes/bg_menu.png)no-repeat;}

.solidblockmenu li{
list-style: none;
display: inline;}

.solidblockmenu li a{
float: left;
color: #FFF;
margin: 3px 0 0 0;
padding: 3px 24px 3px 24px;
text-decoration: none;
border-right:1px solid  #FFF;}

.solidblockmenu li a:visited{
color: white;}

.solidblockmenu li a:hover{
color: #F90;}

/*---------fin menu-----------*/

#sub_head{
float:left;
background: url(imagenes/bg_sub_head.png) no-repeat left top;
width:950px;
height:304px;
position:relative;} 

#sub_head h1 a{
margin: 0;
width:215px; 
height:48px;
float: right;
position: absolute;
top: 10px;
left:715px;
background: url(imagenes/comunidad.png) no-repeat left top;
text-indent:-2000px;}

#slider {
width:665px;
height:263px;
float:left;
margin:0;
position: absolute;
top: 20px;
left: 30px;
background-color:#000;
z-index:1000;}

/*-----------menu lateral-----------*/

.outer{
margin:0px;
padding:0px;}

#sidebar {
width:215px; 
height:234px;
float: right;
margin:5px 0 0 0;
position: absolute;
top:58px;
left:715px;}

#sidebar ul{
list-style:none;
padding:0px;
margin:0px;}

#sidebar li a {
height: 30px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 22px;
font: bold 13px Trebuchet MS; 
color: #FFF;
text-align:center;
text-decoration: none;}	

#sidebar li a:link, #sidebar li a:visited {
color:#FFF;
display: block;
background: url(imagenes/boton_menu.png) no-repeat;
padding:5px 0 5px 0;}

#sidebar li a:hover, #menu li a:active {
color: #F90;
background: url(imagenes/boton_menu.png) 0 -30px;
background-repeat:no-repeat;}

/*----------- fin menu lateral-----------*/

#buscador{
float:left;
background: url(imagenes/bg_buscador.png) no-repeat left top;
width:950px;
height:79px;
position:relative;}

#buscador p{
font-weight:600;
color:#FFF;
padding:30px 0 0 40px;}

#buscador h1 a{/*este es el boton newsletter*/
margin: 0;
width:215px; 
height:48px;
float: right;
position: absolute;
top: 17px;
left:715px;
background: url(imagenes/news.png) 0 0 no-repeat;
text-indent:-4000px;}

#buscador h1 a:hover{
background-position:0 -48px;}

#buscadorform{
float:left;
width:680px;
height:84px;
position:relative;}

input#boton1{
height:48px;
width:214px;
background:url(imagenes/buscar.png) no-repeat;
left:485px;
top:17px;
position:absolute;}

/*-------------------------fin buscador------*/
#contenido{
float: left;
width: 950px;
height:auto;
background:#FFF;}

#index{
float: left;
width: 580px;
height:auto;
background:#FFF;}

#index h1, #formulario h1{
font: 20px  Trebuchet MS ;
/*height:61px;*/
color: #000;
margin: 0 0 0 5px;
padding:12px 0 0 35px ; 
font-weight:400;}

#izq_col{
float: left;
width: 238px; /*Width of right column*/
height:600px;
background: #FFF;
border-right:1px solid #CCC;
margin: 0 ;}

#central_col{
float: left;
width: 460px; /*Width of right column*/
height: auto;
background:#FFF;}

#der_col{
float: right;
width: 238px; /*Width of right column*/
height:600px;
background: #FFF;
border-left:1px solid #CCC;
margin: 0;}

#pie{
clear: both;
height:80px;
width:950px;
height:80px;
background:url(imagenes/bg_pie.png) no-repeat left top;
text-align: center;
padding:0;
position:relative;}

#pie h1 a{
margin:0;
padding:0;
width:153px;
height:40px;
float:left;
position: absolute;
top: 20px;
left:750px;
background:url(imagenes/logotipo_pixel11.png) no-repeat left top;
text-indent:-4000px;}


/*---------------------menu pie-----------------*/
#menupie{
float: left;
width: 750px; 
height:30px;
position:relative;}

#menupie p{
font: bold 12px Trebuchet MS; 
margin:0;
padding:10px 0 0 20px;}

.menupie{
margin:0;
padding:15px 0 0 30px;
float: left;
font: bold 10px Trebuchet MS;
width: 100%;
overflow: hidden;}

.menupie li{
list-style: none;
display: inline;}

.menupie li a{
float: left;
color: #000;
margin:0;
padding: 0 10px 0 10px;
text-decoration: none;}

.menupie li a:visited{
color: #000;}

.menupie li a:hover{
color: #FFF;}

/*----------------------------------------------*/

p{
font: 12px Trebuchet MS; 
margin:0;
padding:30px 10px 0 20px;}

/*--------------------form-----------------------*/
#formulario{
width:350px;
height:auto;
position:relative;
float:right;
right:10px;
border:1px #999 solid;
margin-bottom:10px;}

form p {
font-family:Trebuchet MS;
clear: left;
margin:0;
padding:10px 5px 0 20px;}

label{
float: left;
width: 60px;
font-weight: bold;}

input, textarea{
width: 180px;
margin-bottom: 5px;}

textarea{
width: 250px;
height: 150px;}

#submitbutton{
margin-left: 80px;
margin-top: 5px;
width: 90px;}

#borrarbutton{
margin-left:1px;
margin-top: 5px;
width: 90px;}

br{clear: left;}
/* ------------------------------divs galeria----------------------*/
#principal{
width:700px; 
height:auto;
background: #FFF;
float: left;
clear: none;
position:relative;}

#principal h1{
font: 20px  Trebuchet MS ;
height:61px;
color: #FFF;
background:url(imagenes/h_uno_cont.png) no-repeat;
margin: 0 0 0 5px;
padding:12px 0 0 35px ;
font-family: Arial, Helvetica, sans-serif; 
font-weight:400;}

#principal p{
font: 12px Trebuchet MS; 
margin:0;
padding:10px 10px 0 20px;}

#datos{
width: 250px; 
height:auto;
background: #FFF;
float:right;
clear: none;
position:relative;}

#logo, #info, #servicios, #puntaje, #mapa{
right:10px;
position:relative;
float: right;
clear: none;
width: 235px; 
height:auto;
background: #FFF;
margin:0;}

#logo h1, #info h1, #servicios h1, #puntaje h1, #mapa h1 {
font: 18px  Trebuchet MS ;
height:40px;
color: #FFF;
margin:5px 0 0 10px;
padding:6px 0 0 20px ;
font-family: Arial, Helvetica, sans-serif; 
font-weight:400;
background:url(imagenes/h_uno.png) no-repeat left top;}

#logo p, #info p, #servicios p, #puntaje p, #mapa p{
font: 12px Trebuchet MS; 
margin:0;
padding:10px 10px 0 10px;}

ul.thumb {
float: left;
list-style: none;
margin: 0; 
padding: 10px 0 0 0 ;
width: 600px;
left:60px;
position:relative;}

ul.thumb li {
margin: 0; 
padding: 5px;/* separacion entre fotos*/
float: left;
position: relative;
width: 110px;
height: 85px;}

ul.thumb li img {
width: 100px; 
height: 75px;
border: 1px solid #ddd;
padding: 5px; /*borde gris de la foto*/
background: #f0f0f0;
position: absolute;
left: 0; 
top: 0;
/*-ms-interpolation-mode: bicubic; */}

ul.thumb li img.hover {
background:url(thumb_bg.png) no-repeat center center;
border: none;}

#main_view {
left:50px;
width: 600px;
height: 400px;
background: #F3F3F3;
float: left;
clear:both;
border: 1px solid #ddd;
padding: 5px;
margin: 0;
position: relative;}

#descuento {
width: 700px;
height: auto;
background: #FFF;
float: left;
padding:0;
margin: 5px 0 0 0 ;
position: relative;}

#login {
width: 700px;
height: 80px;
background: #FFF;
float: left;
padding:0;
margin: 0 ;
position: relative;}

#billete {
width: 420px;
height: 239px;
left:55px;
background: url(imagenes/billete.jpg) no-repeat left top;
float: left;
padding:40px 90px 0 90px;
margin:0; 
position: relative;}

#billete p{
font: 12px Trebuchet MS; 
margin:0;
padding:0;}
/*--------------------------------------------------------*/