/* CSS Document */


.clear {
	clear:right; 
}


/*BODY*/
body {
	font-family:trebuchet ms;
	line-height:1.2;
	background-color:#000000;
}




/*CONTENEDOR*/
#contenedor {
	background-color:#FFFFFF;
	width:960px;
	margin:-10px 0 0 15px;
	display:block;
	position:absolute;
	float:none;
}

/*CABECERA*/
#cabecera {
	width:940px;
	float:left;
	margin:0 10px 0 10px;
	background-image:url(../images/massanella_fondo2.JPG)
}



/*TITULO*/
#titulo h1{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:42px; 
	font-style:oblique;
	font-weight:900;
	margin:10px 10px 0px 20px;
	text-align:left;
	color:#000000;
}

/*SUBTITULO*/
#subtitulo h2{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:28px; 
	font-style:normal;
	margin:10px 10px 0 20px;
	text-align:left;
}


/*NAVI*/
#navi {
	width:930px;
	background-color:#333333;
	margin:98px 5px 0 10px;
	height:38px;
	padding:5px;
}

/* es la lista principal */
ul.menu { 
  background-color:#666666;
  float:none;
  list-style-type: none;
  margin: 5px 0 10px 0px;
  padding: 0 10px;
}

ul.menu li { /* cada item de la lista principal */
  border: 2px solid #A9A9A9;
  display: block;
  float: left;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
}
ul.menu li:hover { /* efecto hover sobre los items de la lista principal */
  -moz-border-radius: 4px;
  background-color: #000;
  border:2px solid  #A9A9A9;
}
ul.menu li a { /* cada item de la lista principal es un enlace */
  color: #FFF;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 18px;
  padding: 6px 15px 5px;
  text-decoration: none;
}

/* el ícono para desplegar el menú */
ul.menu li a span {
  font-weight: normal;
  padding-left: 3px;
}
ul.menu li.drop a {
  padding-right: 7px;
}
ul.menu li.drop:hover li {
  border: none;
}
ul.menu li.drop span.toggle {
  background: transparent url(URL_toggle.png) no-repeat scroll 0 -20px;
  display: block;
  float: left;
  height: 26px;
  margin: 0 5px;
  padding: 0;
  width: 20px;
}

/* los efectos al pasar el ratón que desplegarán el submenú */
ul.menu li.drop:hover {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
ul.menu li.drop:hover ul {
  display: block;
  padding: 0 0 10px 0;
  z-index: 1;
}

ul.menu li ul { /* la lista con el submenú */
  background-color: #555;
 display: none;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 100%;
}
ul.menu li ul li { /* cada item del submenú */
  border: none;
  float: none;
  height: auto;
  margin: 0;
  padding: 0;
}
ul.menu li ul li a { /* cada item del submenú es un enlace */
  background-color: transparent;
  color: #DDD !important;
  display: block;
  float: none;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 5px 15px;
}

/* efectos sobre los items del submenú */
ul.menu li:hover ul {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border: none;
  background-color: #555;
}
ul.menu li:hover ul * {
  -moz-border-radius: 0;
  background-color: transparent;
}
ul.menu li ul li:hover {
  background-color: #000;
}




/*LATERAL*/
#lateral {
	width:200px;
	height:auto;
	margin:10px 0px 10px 10px;
	padding:5px 0 5px 5px;
	background-color:#FFFFFF;
	float:left;
}

.tiendas {
	width:190px;
	margin-top:0px;
}

.tiendas img{
	padding-left:40px;
	padding-bottom:30px;
}

.centros {
	width:190px;
	margin-top:0px;
}

.centros img{
	padding-left:20px;
	padding-bottom:30px;
}

#contador img {
	width:100px;
	height:auto;
	margin:10px 0 0 50px;
} 

#eltiempo {
	width:190px;
	margin-top:5px;
	float:none;
}

#cajatiempo {
	width:180px;
	float:left;
	margin:5px 0 5px 13px;
	display:block;
}

#varios{
	width:190px;
	margin-top:5px;
	float:none;
}


#lateral h3 { 
	font-size:15px;
	margin-top:0px;
	text-align:center;
	padding:5px;
	color:#000000;
	background:#666666;
	width:190px;
}

#lateral h4 { 
	font-size:12px;
	margin:10px 0 0 10px;
	display:block;
	text-align:center;
	padding:5px;
	color:#333333;
	background:#99CCFF;
}

#enlinea { 
	margin:5px 5px 5px 55px;
	padding:5px;
	display:block;
	text-align:center;
	color:#000000;
	width:80px;
	height:auto;
}



/*CONTENIDO*/

#contenido {
	background-color:#FFFFFF;
	width:725px;
	margin:10px 5px 10px 225px;
	display:block;
	padding:10px 10px 10px 0;
}

.titulocontenido {
	font-family:Tahoma;
	font-size:22px;
	text-decoration:none;
	margin-top:5px;
	text-align:left;
	display:inline;
}

.fechaact {
	font-family:Tahoma;
	font-size:14px;
	text-decoration:none;
	color:#333333;
	text-align:right;
	margin-left:290px;
	display:inline;
}

.post {
	width:717px;
	margin: 10px 10px 0px 0px;
	border-bottom:solid 1px #CCCCCC;
	border:solid 1px #CCCCCC;
	border-radius:5px;
	background-color:#FFFFFF;
}

.post ul, li {
	margin:5px 5px 0 10px;
	font-size:12px;
}

.post h1 {
	font-size:20px;
	color:#0066CC;
	margin-bottom:15px;
	margin-left:5px;
	text-align:left;
}


.post p {
	font-size:12px;
	color:#333333;
	text-align:justify;
	margin:5px;
}

.post img{
	width:705px;
	margin: 0 5px 5px 5px;
}

.piefoto{
	text-align:center;
	margin-top:5px;
	margin-bottom:35px;
	margin-left:5px;
	margin-right:5px;
	font-size:12px;
}

/*BOTONES POST*/
.verruta {
	float:left;
	padding-bottom:10px;
	margin-left:10px;
	overflow:hidden;
}

.vertrack {
	float:right;
	padding-bottom:10px;
	margin-right:10px;
	overflow:hidden;
}

.vergaleria {
	float:left;
	padding-bottom:10px;
	margin-left:10px;
	overflow:hidden;
}

.vergaleriacentrada {
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-align:center;
	float:inherit;
	width:190px;
}

.home {
	padding:10px;
	margin:10px;
	overflow:hidden;
	float:right;
	width:50px;
}

.verruta a, .vertrack a, .vergaleria a, .vergaleriacentrada a, .home a { 
	display:block;
	color:#FFFFFF;
	background:#666666;
	text-decoration:none;
	padding:5px;
	margin-top:10px;
}
.verruta a:hover, .vertrack a:hover, .vergaleria a:hover, .vergaleriacentrada a:hover, .home a:hover { 
	color:#FF3300;
	background:#000000;	
}

.vergaleria a:visited, .vertrack a:visited, .verruta a:visited, .vergaleriacentrada a:visited {
	color:#F4A460;
}