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

body {
	background: #0d0d0d url(../img/diseno/bg_body.png) repeat-x center top;
	font: 62.5%/130% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contenedor {
	width: 710px;
	background: url(../img/diseno/bg_contenedor.png) center top no-repeat;
}
#encabezado {
	height: 159px;
	width: 710px;
	overflow: hidden;
	margin-bottom: 2px;
}
#encabezado h1 {
	background: url(../img/diseno/logo.png) center center no-repeat;
	height: 113px;
	width: 710px;
	text-indent: -9000px;
}
#encabezado h1 a {
	height: 113px;
	width: 710px;
	display: block;
}
#sub_encabezado, #slider {
	height: 231px;
	width: 710px;
}
#sub_encabezado {
	clear: both;
}
#menu {
	background: url(../img/diseno/bg_menu.png) center top no-repeat;
	height: 46px;
	width: 667px;
	padding: 0 21px 0 22px;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	text-indent: -9000px;
	background: url(../img/diseno/bg_menu.png) center top no-repeat;
	height: 46px;
}

#menu #menu_aboutus {
	width: 76px;
	background-position: -22px top;
}
#menu #menu_aboutus:hover, #aboutus #menu_aboutus {
	width: 76px;
	background-position: -22px bottom;
}
#menu #menu_services {
	width: 77px;
	background-position: -99px top;
}
#menu #menu_services:hover, #services #menu_services {
	width: 77px;
	background-position: -99px bottom;
}
#menu #menu_systems {
	width: 78px;
	background-position: -177px top;
}
#menu #menu_systems:hover, #systems #menu_systems {
	width: 78px;
	background-position: -177px bottom;
}
#menu #menu_mbboys {
	width: 76px;
	background-position: -253px top;
}
#menu #menu_mbboys:hover, #mbboys #menu_mbboys {
	width: 76px;
	background-position: -253px bottom;
}
#menu #menu_photoevents {
	width: 105px;
	background-position: -329px top;
}
#menu #menu_photoevents:hover, #photoevents #menu_photoevents {
	width: 105px;
	background-position: -329px bottom;
}
#menu #menu_videofiles {
	width: 85px;
	background-position: -434px top;
}
#menu #menu_videofiles:hover, #videofiles #menu_videofiles {
	width: 85px;
	background-position: -434px bottom;
}
#menu #menu_promotions {
	width: 97px;
	background-position: -519px top;
}
#menu #menu_promotions:hover, #promotions #menu_promotions {
	width: 97px;
	background-position: -519px bottom;
}
#menu #menu_contact {
	width: 72px;
	background-position: -616px top;
}
#menu #menu_contact:hover, #contact #menu_contact {
	width: 72px;
	background-position: -616px bottom;
}
#slider {
	overflow: hidden;
}
#slider img {
	display: block;
}
#prevBtn{
	width: 40px;
	height: 233px;
	background: red;
	display: block;
	position: absolute;
	top: -2px;
	left: -40px;
	background: url(../img/diseno/scroller_ant.png);
}
#nextBtn {
	width: 40px;
	height: 233px;
	background: red;
	display: block;
	position: absolute;
	top: -2px;
	right: -40px;
	background: url(../img/diseno/scroller_sig.png);
}
#prevBtn a, #nextBtn a {
	display: block;
	width: 40px;
	height: 233px;
	text-indent: -9000px;
}
#pie {
	background: #060606 url(../img/diseno/bg_pie.png) top repeat-x;
	width: 100%;
	min-height: 100px;
}
#pie p {
	padding: 20px 0;
	color: #ccc;
	font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#pie a {
	color: #944b9c;
	text-decoration: none;
}
#pie a:hover {
	text-decoration: underline;
}

#extra_info p {
	text-align: right;
}
#cuerpo {
	color: #fdfdfd;
	padding-top: 40px;
	padding-bottom: 20px;
	clear: both;
}
#cuerpo p {
	margin-bottom: 20px;
	font: normal normal 1.2em/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
#cuerpo p.ultimo {
	margin-bottom: 0;
}
#cuerpo strong {
	color: #edc227;
	font-weight: normal;
}
#cuerpo a {
	color: #944b9c;
	text-decoration: none;
}
#cuerpo a:hover {
	text-decoration: underline;
}

#cuerpo h1 {
	height: 40px;
	margin-bottom: 15px;
}

#cuerpo h2 {
	height: 24px;
	margin-top: 16px;
	margin-bottom: 15px;
}

#cuerpo h3 {
	font-size: 18px;
	color: #944b9c;
	margin-top: 16px;
	margin-bottom: 15px;
}

#cuerpo h1 span, #cuerpo h2 span {
	visibility: hidden;
}

#cuerpo ul.menu {
	margin-bottom: 40px;
}

#cuerpo ul.menu li {
	font: normal normal 12px/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	border-bottom: 1px dotted #2d2d2d;
	padding: 10px 0 10px 30px;
	background-image: url(../img/diseno/bullet_mm.png);
	background-repeat: no-repeat;
	background-position: 5px 11px;
}

#cuerpo ul.menu li a {
	text-decoration: none;
	color: #fefefe;
}
#cuerpo ul.menu li a:hover {
	text-decoration: none;
	color: #ffcc00;
}
#cuerpo ul.menu li.foto {
	background-image: url(../img/diseno/images.png);
}
#cuerpo ul.menu li.video {
	background-image: url(../img/diseno/film.png);
}
#cuerpo ul.menu li.mensaje {
	background-image: url(../img/diseno/comments.png);
}
#cuerpo ul.menu li.email {
	background-image: url(../img/diseno/email.png);
}
#cuerpo ul.menu li.telefono {
	background-image: url(../img/diseno/phone.png);
}
#cuerpo ul.menu li.msn {
	background-image: url(../img/diseno/status_online.png);
}
#cuerpo ul {
	margin-bottom: 20px;
}
#cuerpo ul li {
	font: normal normal 12px/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 5px 0 5px 20px;
	background-image: url(../img/diseno/bullet_purple.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
.banner {
	display: block;
	margin-bottom: 20px;
}



/* mensajes de error */
#cuerpo .error, .info {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 10px;
}
#cuerpo .error {
	background: #fff6bf url(../img/diseno/admin/cancel.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}
	
#cuerpo .info {
	background: #f8fafc url(../img/diseno/admin/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 1px solid #b5d4fe;
	border-bottom: 1px solid #b5d4fe;
}

#cuerpo .error p, #cuerpo .info p {
	color: #333;
	padding: 5px !important;
	margin: 0 !important;
}
