html {
background: url(ima/bg.gif) repeat top left #FFF;
}
body {
margin: 0;
margin-bottom: 30px;
font: normal 16px "Trebuchet MS",Tahoma,Helvetica,Verdana,sans-serif;
text-decoration: none;
background: url(ima/bg_header.jpg) repeat-x transparent;
}

h2 {
margin-bottom: 20px;
font: bold 26px "Comic Sans MS", "Arial Rounded MT Bold", Arial, Verdana;
text-decoration: none;
color: #DF4F00;
}

b {
font-size: 110%;
}

p {

}

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

#header {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 258px;
background: url(ima/header.jpg) no-repeat top center transparent;
}

#head {
margin: auto;
padding: 0;
border: 0;
width: 770px;
height: 258px;
background: url(ima/head.jpg) no-repeat top center transparent;
position: relative;
}

#head_izq_a {
margin: 0;
padding: 0;
width: 155px;
float: left;
position: relative;
}

#head_izq_a ul {
margin-top: 105px;
}

#head_izq_a ul li {
margin-top: 7px;
list-style-type: none;
}

#head_izq_a ul li a {
display: block;
width: 100%;
height: 22px;
text-decoration: none;
}

#head_der_a {
margin: 0;
padding: 0;
margin-left: 157px;
}

#head_izq_b {
margin: 0;
padding: 0;
padding-top: 55px;
width: 440px;
height:200px;
float: left;
position: relative;
}

#head_izq_b a {
display: block;
width: 100%;
height: 130px;
text-decoration: none;
}

#head_der_b #ultima {
display: block;
width: 115px;
height: 88px;
}

#head_der_b #ultima img {
margin-top: 40px;
margin-left: 40px;
border: 1px solid #FFF;
}

#head_izq_b h1 {
display: none;
}

#head_der_b {
margin: 0;
padding: 0;
padding-top: 130px;/* 130 */
margin-left: 442px;
}

#titulo_box {
margin-top: 40px;
}

#titulo_box span {
color: #FFF;
}

#head_der_b a {
/* */ display: block;
width: 150px;
height: 123px;
text-decoration: none;
}

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

#contenidos {
margin: 0;
padding: 0;
border: 0;
width: 100%;
background: url(ima/bg_contenidos.gif) repeat-y center transparent;
color: #993399;
position: relative;
}

#box {
margin: auto;
padding: 0;
border: 0;
width: 770px;
background: url(ima/box_bg.jpg) repeat-y center #FFF;
position: relative;
}

#box_end {
margin: 0;
min-height: 24px;
background: url(ima/box_inf.jpg) no-repeat bottom center transparent;
position: relative;
}

#box_contenidos {
margin: 0;
padding: 20px;
position: relative;
}

.top {
background: url(ima/box_sup.jpg) no-repeat top center transparent;
}

#extras {
margin:0 20px 0 20px;
position:relative;
padding:477px 20px 40px 20px;
text-align:center;
background:url(ima/home_extras.jpg) no-repeat top center #FFF;
}

#extras img {
float: left;
margin-right: 30px;
}

#pileta {
clear: both;
padding: 5px 40px;
}

#pileta img {
float: right;
}

#novedades {
clear:both;
margin:40px 20px 0 20px;
height:250px;
padding:80px 50px 40px 50px;
overflow:auto;
color:#666;
background:url(ima/novedades.jpg) no-repeat top left transparent;
position: relative;
}


#fiestas {
margin-left: 1px;
padding-top: 55px;
padding-bottom: 40px;
background: url(ima/fdo_fiestas.jpg) no-repeat top left #A37DE2;
width: 766px;
font-size: 14px;
font-weight: bold;
color: #000;
}

#mapa {
margin-left: 1px;
padding-left: 20px;
width: 766px;
}

.box_fiesta {
margin: 0;
margin-left: 237px;
padding: 55px 10px 10px 10px;
}
.tianaty {
background: url(ima/fiesta_tianaty.jpg) no-repeat top center transparent;
}
.tialinda {
background: url(ima/fiesta_tialinda.jpg) no-repeat top center transparent;
}
.tianatyfull {
background: url(ima/fiesta_tianatyfull.jpg) no-repeat top center transparent;
}
.tianatysinmenu {
background: url(ima/fiesta_tianatysinmenu.jpg) no-repeat top center transparent;
}

#foot {
margin: auto;
padding: 10px;
background-color: #FFBC01;
width: 766px;
height: 50px;
position: relative;
text-align: center;
}

#foot a {
font: normal 12px Verdana, Arial, Helvetica;
text-decoration: none;
color: #FFF;
}

#foot #mario, #foot #mario a {
margin-top: 20px;
font: normal 10px Arial, Verdana, Helvetica;
text-decoration: none;
color: #FFF;
}

/**/

#email, #comment {
background-color: #DCF2F5;
margin: 0;
padding: 5px 5px 20px 50px;
font: bold 12px Verdana, Arial, Helvetica;
color: #00699B;
position: relative;
}
#email input, #comment input, #email textarea, #comment textarea {
border: 2px solid #FFF;
width: 200px;
font: bold 13px "Comic Sans MS", "Arial Rounded MT Bold", Arial, Verdana;
color: #00699B;
}

#email label, #comment label, #email input, #comment input {
display: block;
float: left;
margin: 6px 3px;
padding: 1px 3px;
background-color: #DCF2F5;
color: #444;
position: relative;
}

#email textarea, #comment textarea {
margin: 8px 0;
background-color: #FFF;
}

label {
text-align: right;
width: 175px;
padding-right: 20px;
}

#email br, #comment br {
clear: left;
}

/* miniaturas */ /* deprecated */
#galeria_box { /* solamente esta queda */
width: 730px;
position: relative;
margin: 0;
border: 0;
background-color: #F0F0F0;
height:1%;
font: normal 9px arial, verdana;
color: #999;
}
#galeria_box ul {
margin: 0;
padding-top: 20px;
padding-left: 20px;
position: relative;
}
#galeria_box ul li {
float: left;
padding: 0;
list-style-type: none;
margin: 10px 25px 10px 0;
background-color: #FFF;
position: relative;
}

.foto_box {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 144px;
height: 144px;
background: transparent;
border: 4px solid #F1D8F1;/*#BFEEFF*/
position: relative;
}
.foto_box img {
border: 0;
position: relative;
}
.foto_box * {
vertical-align: middle;
position: relative;
}
.foto_box span {
display: inline-block;
height: 100%;
width: 1px;
position: relative;

}
.foto_box_titulo {
position: relative;
padding: 2px 2px 2px 10px; font-family: "Comic Sans MS", "Arial Rounded MT Bold", Arial, Verdana; font-size: 11px; font-weight: normal; color: #666; width: 140px; background-color: #F0F0F0; text-align: center; }/* color: #7DAED7; color: #91692F; background-color: #F1EBD3;*/
* { padding: 0em; margin: 0em; }/* special */


/* nueva galeria */

.mini_galeria {
display: block;
position: relative;
width: 160px;
margin: 8px 4px;
padding: 2px;
border: 4px solid #F1D8F1;
float: left;
}

.mini_galeria img {
float: left;
width: 37px;
height: 37px;
border: 2px solid #000;
}

/* */

#logo {
background: transparent;
margin-left: 145px;
width: 440px;
height: 60px;
float: left;
}

#logo a {
display: block;
width: 100%;
height: 100%;
}

#logo h1 {
display: none;
}
/**/

#menuppal {
margin: 0;
padding: 18px 145px 5px 245px;
text-align: center;
}

/**/
#menuUsuario {
margin: 10px;
padding: 0 0 5px 0;
height: 34px;
border-bottom: 1px solid #000;
/*border-bottom: 1px dashed #FFF;*/
font: bold 20px verdana, arial, helvetica;
color: #B7D0DA;
}

/**/
#menuIconos {
float: right;
margin-left: 35px;
padding-top: 4px;
}

#menuIconos img {
margin-left: 19px;
border: 0;
vertical-align: middle;
}

#menuIconos span {
margin: 0 5px 0 0;
font: bold 14px Arial, Verdana, Helvetica;
color: #000;
}


#boxUsuario {
margin: 20px 0 20px 0;
padding: 0 20px 20px 20px;
/*background: url(ima/box_usuario_fdo.png) repeat-y left;*/
background-color: #000;
font: normal 10px arial, helvetica;
color: #D78E2D;
display: block;
height: 300px;
}

/**/

#bottom_fixed {
bottom:0pt;
height:50px;
left:0pt;
margin:0pt;
padding:0pt;
position:fixed;
width:100%;
z-index:10000;
background: url(ima/musica_link.png) no-repeat top right transparent;
/*  opacity: .7;
-moz-opacity: .7 */
}


#top_fixed {
/*  bottom:0pt;  */
height: 50px;
right: 0pt;
top: 102px;
padding:0pt;
position:absolute;/* fixed */
width:213px;
z-index:10000;
background: url(ima/musica_link.png) no-repeat top right transparent;
/*  opacity: .7;
-moz-opacity: .7 */
}