/*** set the width and height to match your images **/

#cabecera {
    position:relative;
    height:350px;
}

#cabecera IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    filter: alpha(Opacity=0);
}

#cabecera IMG.active {
    z-index:10;
    opacity:1.0;
    filter: alpha(Opacity=100);
}

#cabecera IMG.last-active {
    z-index:9;
}

#wrap {
margin: -12px auto;
width: 920px;
}

#menu {
height: 40px;
line-height: 40px;
background: #666666 url(images/menu.jpg) no-repeat;
z-index: 200px;
}
#menu ul {
list-style-type: none;
padding-left: 0px;
margin: 1em 0 1em 2em;
}
#menu ul li {
display: block;
float: left;
padding-left:10px;
text-align:center;
font-family: tahoma, verdana, arial;
}
#menu ul li a {
padding: 0 10px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 11px;
color: #aaa;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
}

#menu ul li:hover {
   color: #fff;
   background: #666666 url(images/boton_hover.jpg) repeat-x;
   text-decoration: none;
   height: 39px;
   margin-top: 0px;
}

#menu li.selected {
   color: #ffffff;
   background: #666666 url(images/boton_selected.jpg) repeat-x;
   text-decoration: none;
   height: 40px;
   margin-top: 0px;
}

#menu li.selected a {
   color: #ffffff;
}

#menu li.selected:hover {
   color: #fff;
   background: #666666 url(images/boton_selected.jpg) repeat-x;
   text-decoration: none;
   height: 40px;
}

#content {
   background: white url(images/content.jpg) repeat-y;
   padding: 0px;
   min-height: 450px;
   z-index: 300px;
}

.left {
float: left;
width: 940px;
text-align: justify;
padding: 10px;
font-size: 14px;
background: #fff;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;

}
.left h2 {
font-size: 20px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.left h2 a {
text-decoration: none;
}
.left h2 a:hover {
text-decoration: underline;
}

.right {
float: right;
width: 180px;
background: #fff;
padding: 10px;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.right h2 {
height: 24px;
line-height: 24px;
color: #000;
font-size: 17px;
padding-left: 10px;

}
.right ul {
padding: 10px 0 15px 30px;
list-style-type: square;
}
.right ul li a {
font-weight: 100;
font-size: 12px;
}
.right ul li a:hover {

}

#bottom {
background: #d4ccae url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#bottomWP {
background: #d4ccae url(images/bottomWP.jpg) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
font-size: 11px;
}

.comm_date{background:#2C2C29 url(images/bg.png) no-repeat 0 -186px;height:100px;width:57px;position:absolute;display:inline;text-align:center;z-index:2;}
.comm_date .data{margin-left:-1px;padding-top:12px;display:block;font-weight:700;text-transform:uppercase;line-height:13px;}
.comm_date .nr_comm{padding-top:7px;color:#FFF;display:block;font-weight:700;}
.comm_date .nr_comm_spot, .comm_date .dsq-comment-count{display:block;margin:0 9px 0 8px;padding:6px 0 5px 0;}
.comm_date .data .j{font-size:24px;}
.comm_date .data .my{margin-left:-1px;font-size:.8em;letter-spacing:-1px;}

.markermenu{ 
   background: #000000 no-repeat 2px center; 
   font: bold 11px Tahoma, Verdana, Helvetica, sans-serif; 
   color: #ffffff; 
   display: block; 
   width: auto; 
   height: auto; 
   padding: 4px 0; 
   padding-left: 20px; 
   padding-right: 20px; 
   text-decoration: none; 
   opacity: .9; filter: alpha(Opacity=90); -khtml-opacity: .9; 

   max-height: 600px;
   min-width: 110px;
   max-width: 750px;

   /* Mozilla propietary */
   -webkit-border-radius:12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px; // Internet Explorer 8
}

.markermenu_scroll{ 
   background: #000000 no-repeat 2px center; 
   font: bold 11px Tahoma, Verdana, Helvetica, sans-serif; 
   color: #ffffff; 
   display: block; 
   width: auto; 
   height: auto;
   padding: 4px 0; 
   padding-left: 5px; 
   text-decoration: none; 
 	overflow: -moz-scrollbars-horizontal;
	overflow-y: hidden;
	overflow-x: auto;
   opacity: .9; filter: alpha(Opacity=90); -khtml-opacity: .9; 

   max-height: 550px;
   min-width: 100px;

   /* Mozilla propietary */
   -webkit-border-radius:12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px; // Internet Explorer 8
}

a:link {
   text-decoration: none;
}

.contador {
   font-weight: bold; 
   width: 250px; 
   position: absolute; 
   text-align: left; 
   font-size: 26px; 
   padding-left: 15px;
   padding-top: 2px; 
   letter-spacing: 10px;
//   letter-spacing: 7px;
   color: black;
}

.text-contador {
   font-size:18px;
   width:250px;
   text-align:right;
}

.brujula {
   position: absolute; 
   top: -12px; 
   left: 3px; 
   width: 80px;
}

.clock {
   position: absolute; 
   left: 3px; 
   width: 50px;
   top:-9px
}

.maleta {
   position: absolute; 
   left: 3px; 
   width: 58px;
   top:-15px
}

.bike {
   position: absolute; 
   left: 6px; 
   width: 54px;
   top:-12px
}

.mail {
   position: absolute; 
   left: 5px; 
   width: 64px;
   top:-18px
}

.world {
   position: absolute; 
   left: -2px; 
   width: 64px;
   top:-11px
}

div.inner { 
   margin: 0; 
   background: #F6C4A8; 
   padding: 10px; 
   border:0; 
   zoom:1;
   height: 85px;
}

div.outer { 
   float: left; 
   margin: 5px; 
   background: #c82; 
   padding: 8px; 
   width: 156px;
   font-size: 20px;
   color: gray;   
}

.provincias {
   float: left; 
   margin: 5px; 
   background: #808080; 
   padding: 8px; 
   width: 113px;
   font-size: 12px;
   color: black;   
   font-family: verdana;
}

.div_icon {
   float:left;
   text-align:center;
   margin:3px;
   width:37px;
   cursor: pointer;
}
 
input.border {
    background: url("images/fondo_input.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    height: 20px;
    padding-left: 8px;
    width: 322px;
    font-size:11px;
}

input.buscar {
    background: url("images/fondo_seek.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    height: 20px;
    padding-left: 8px;
    width: 322px;
    font-size:11px;
}
 
.proximos_eventos {
   position: relative; 
   float: right; 
   top: -50px;
}

.imagen_grupo {
   border: 1px solid gray; 
   position: absolute; 
   width: 300px; 
   height: 200px; 
   top: 145px; 
   right: 4px;
   background: url("images/partitura.jpg") no-repeat scroll 0 0 transparent;
}

.mapa_evento {
   border: 1px solid gray; 
   width: 300px; 
   height: 200px; 
   background: url("images/inicio_fondo_mapa.jpg") no-repeat scroll 0 0 transparent;
}

.mapa_grupo {
   border: 1px solid gray;
   position: absolute;
   width: 300px;
   height: 200px;
   top: 527px;
   right: 82px;
   background: url(images/inicio_fondo_mapa.jpg) no-repeat scroll 0 0 transparent;
   border-radius: 9px;
}

.thumb_web {
   z-index: 9999; 
   width: 120px; 
   text-align: center; 
   font-size: 10px; 
   background-color: SaddleBrown; 
   position: relative; 
   overflow: hidden;
}

.thumb_web2 {
   z-index: 9999; 
   width: 150px; 
   text-align: center; 
   font-size: 10px; 
   background-color: SaddleBrown; 
   position: relative; 
   top: -12px;
   overflow: hideen;
}

.aviso {
   border: 1px solid gray; 
   background-color: Yellow; 
   padding: 4px; 
   font-weight: bold; 
   font-size: 14px;
}

a {
   outline: none;
}

.contextError {
   font-weight: bold;
   color: red;
   font-size: 21px;
   background-color: Yellow;
}

.searchHighlight {
   font-weight: bold;
   color: red;
}

.requiredAsterisk {
   font-weight: bold;
   color: red;
   font-size: 18px;  
}

.contadorEventos {
   color: white; 
   background-color: SaddleBrown; 
   padding: 2px; 
   font-size: 0.6em;
   margin-top: -4px; 
   float: right; 
}

.estadisticas {
   position: absolute; 
   width: 30px; 
   margin-left: 135px; 
   margin-top: 10px;
}

.error {
   background-color: #dddddd;
   color: red;
   border: 1px dotted #aaaaaa;
   padding: 2px;
   padding-left: 10px;
   margin-bottom: 5px;
   font-style: italic;
}

.msgAlert {
   color: FireBrick; 
   font-size: 12px; 
   height: 23px; 
   border: 1px solid #FFEE88; 
   margin: 8px; 
   background-color: #FFF6C3;
}

.eventoFinalizado {
   float: right; 
   font-size: 20px; 
   text-align: center; 
   margin-top: -46px; 
   border: 1px solid brown; 
   padding: 5px; 
   background-color: red; 
   color: white; 
   font-weight: bold; 
   width: 102px;
}

.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:160px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.imgBorder {
   border: 1px solid BurlyWood;
   padding: 2px;
}

.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:18px;
	padding:10px 36px;
	margin:10px;
	z-index: 99999;
}
.alert-box span {
	font-weight:bold;
}
.errorbox {
	background:#ffecec url('images/error.png') no-repeat top 10px left 10px;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('images/success.png') no-repeat top 10px left 10px;
	border:1px solid #a6ca8a;
}
.tools {
	background:#fff6c3 url('images/tools.png') no-repeat top 10px left 10px;
	border:1px solid #fe8;
}
.warning {
	background:#fff8c4 url('images/warning.png') no-repeat top 10px left 10px;
	border:1px solid #f2c779;
}
.notice, .info {
	background:#e3f7fc url('images/notice.png') no-repeat top 10px left 10px;
	border:1px solid #8ed9f6;
}