body { background-color: #8f527d; background-image: url(../images/backgrounds/fotos.jpg); }
h2 { background: transparent url(../images/title_fotos.png) no-repeat scroll 0 -100px; color: #fff; }
h2 a { color: #fff; }
h2 a:hover { color: #ccc; }
h2#tfotos { height: 100px; background: transparent url(../images/title_fotos.png) no-repeat; }
h2#tfotos1 { height: 100px; background: transparent url(../images/title_fotos1.png) no-repeat; }
h2#tfotos2 { height: 100px; background: transparent url(../images/title_fotos2.png) no-repeat; }
h2#tfotos3 { height: 100px; background: transparent url(../images/title_fotos3.png) no-repeat; }
h2#tfotos4 { height: 100px; background: transparent url(../images/title_fotos4.png) no-repeat; }
h2#tfotos5 { height: 100px; background: transparent url(../images/title_fotos5.png) no-repeat; }
#content { position: relative; }
#menu li #mhome { background-position: 0 -134px; }
#menu li #mantros { background-position: -70px -134px; }
#menu li #mfiestas { background-position: -140px -134px; }
#menu li #mteens { background-position: -210px -134px; }
#menu li #mescuelas { background-position: -280px -134px; }
#menu li #mcultural { background-position: -350px -134px; }
#menu li #mblog { background-position: -420px -134px; }
#menu li #mmorelia { background-position: -490px -134px; }
#menu li #minvitanos { background-position: -560px -134px; }

#events_nav {
	float: right;
	margin: 2px 5px 0 0;
	position: absolute;
	right: 5px;
	top: 17px;
	width: 430px;
}
#events_nav ul {
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	letter-spacing: -1px;
}
#events_nav li { display: inline; font-size: 11pt; }
#events_nav li a { color: #fff; text-decoration: none; padding: 0 5px; }
#events_nav li a:hover { color: #666; }
#events_nav .event_actual a { color: #333; font-weight: bold; }

#archive_nav {
	clear: both;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
}
#archive_nav a { color: #333; text-decoration: none; }
#archive_nav a:hover { text-decoration: underline; }
#archive_nav #archive_peryear {
	background: #fff url(../images/nav_date_01.png);
	height: 25px;
	padding-left: 15px;
	font-size: medium;
}
#archive_nav #archive_permonth {
	background: #fff url(../images/nav_date_02.png);
	height: 25px;
	font-size: small;
	padding-left: 5px;
}

#events {
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}
#events .item {
	background: #000;
	float: left;
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: small;
	height: 118px;
	margin: 0 10px 20px;
	position: relative;
	vertical-align: top;
	width: 350px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#events a { color: #fff; text-decoration: none; }
#events em {
	background: transparent url(../images/album_front.png) repeat-x scroll bottom center;
	display: block;
	font-size: 16pt;
	font-style: normal;
	height: 25px;
	letter-spacing: -1px;
	padding: 75px 0 0 2px;
	position: absolute;
	text-shadow: 0 0 3px #000;
	width: 348px;
}
#events img {
	border: 0;
	height: 100px;
}
#events .meta {
	color: #777;
	height: 18px;
	letter-spacing: -1px;
	padding: 0 5px 0 0;
	text-align: right;
}

#top5 {
	background-image: url(../images/top5.png);
	height: 50px;
}
#top5 h3 { display: none; }
#top5_thumbs {
	background: #1a2100;
	width: 100%;
}
#top5_thumbs td {
	color: #fff;
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: small;
	margin: 0 0 10px;
	text-align: center;
	width: 20%;
}
#top5_thumbs img {
	border: 1px solid #666;
	padding: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#top5_thumbs a:hover img { border-color: #acdb00; }

/* evento */
#event_description {
	border: 1px solid #CCC;
	float: right;
	margin: 0 5px 14px 0;
	padding: 2px;
	width: 524px;
}
#event_description p {
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: small;
	color: #000;
	text-align: justify;
	line-height: 100%;
	padding: 2px;
	background: transparent url(../images/event_desc.png) repeat-y;
}
#event_description a {
	color: #000;
	text-decoration: underline;
}

#event_thumbs {
	border-collapse: separate;
	border-spacing: 5px;
	clear: both;
	margin: 0 auto;
	width: 100%;
}
#event_thumbs.soc_1 {}
#thumb_video {
	background: green;
	float: left;
	padding: 5px 0;
	text-align: center;
	width: 312px;
}
#event_thumbs td {
	color: #fff;
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: small;
	letter-spacing: -1px;
	padding: 5px 0;
	text-align: center;
	width: 20%;
}
#event_thumbs td img {
	border: 1px solid #666;
	padding: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#event_thumbs td img.star {
	border: 0;
	padding: 0;
}
#event_thumbs td a:hover img {
	border-color: #999;
}
#event_thumbs td .desc {
	
}

/* foto */
#photo_wrapper {
	margin: 0 auto;
	width: 740px;
}
#photo_wrapper #photo {
	margin: 0 auto;
	text-align: center;
}
#photo_wrapper #photo img {
	background: #fff;
	border: 0;
	max-height: 720px;
	max-width: 720px;
	min-height: 405px;
	min-width: 405px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#photo_wrapper #desc {
	margin: 0 auto;
	overflow: hidden;
	width: 640px;
}
#photo_wrapper #desc #postal_button {
	float: left;
	height: 37px;
	text-align: center;
	width: 90px;
}
#photo_wrapper #desc #postal_button img { border: 0; }
#photo_wrapper #desc #meta {
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	margin: 0 auto;
	width: 460px;
	height: 37px;
	float: left;
}
#photo_wrapper #desc #meta h4 {
	font-size: medium;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
}
#photo_wrapper #desc #star_rating {
	float: left;
	width: 90px;
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: x-small;
	letter-spacing: -1px;
	text-align: center;
	line-height: 100%;
}
#photo_wrapper #desc #star_rating #rating_img { font-size: 0; }
#photo_wrapper #desc #star_rating img { border: 0; }
#photo_nav {
	font-family: "lucida grande", helvetica, arial, verdana, sans-serif;
	font-size: x-small;
	font-weight: bold;
	margin: 4px auto 0;
	line-height: 19px;
	width: 610px;
	height: 19px;
}
#photo_nav a {
	color: #000;
	text-decoration: none;
}
#photo_nav a:hover { color: #630; }
#photo_nav #prev {
	width: 203px;
	float: left;
}
#photo_nav #event {
	text-align: center;
	width: 204px;
	float: left;
}
#photo_nav #next {
	text-align: right;
	float: right;
	width: 203px;
}

#photo_wrapper.postal {
	height: 507px;
	background-image: url(../images/verpostal_bg.png);
}
#postal_wrapper {
	background-image: url(../images/verpostal_msg.png);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0 10px;
	width: 610px;
}
#postal_wrapper small { font-size: small; }
#postal_wrapper p {
	border-left: 3px solid #4fb5d2;
	font-size: medium;
	margin: 0 0 0 8px;
	padding: 3px;
}
#postal_nav {
	margin: 0 auto;
	width: 630px;
	background-image: url(../images/verpostal_nav.png);
	background-position: bottom;
	height: 15px;
}

/* buscador */
#buscador {
	display: inline;
	float: left;
	margin: 0 0 0 26px;
	position: absolute;
	top: 65px;
	width: 200px;
}
#buscador input {
	background: transparent url(../images/buscador_bg.png);
	border: none;
	color: #fff;
	height: 18px;
	outline: 0;
	padding: 0 8px;
	width: 145px;
}