body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	background-color: #4A4A4A;
	background-image: url(../images/layout/bgBody.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;}

/* -------- LAYOUT ---------- */

#bodyWrapper {
	width:857px;
	margin:auto;
	padding-top:17px;}
	
#logoMMC {
	width:224px;
	height:46px;
	text-indent:-8000em;
	background-image:url(../images/logos/logo.jpg);
	background-repeat:no-repeat;}
	
#bodyCol {
	position:relative;
	width:627px;
	float:right;
	vertical-align:bottom;}

#menuCol {
	width:220px;
	float:left;}
	
#rightCol {
	width:177px;
	float:right;}

#centerCol {
	width:440px;
	float:left;}

	
#rightShadow {
	width:8px;
	height:375px;
	background-image:url(../images/layout/rightShadow.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:right;
	vertical-align:bottom;}
	
#body {
	width:620px;
	float:left;
	background-image:url(../images/layout/bgContent.jpg);
	background-repeat:repeat-y;}
	
#content {
	padding:18px;}
	
#rightMenuContent {
	padding:18px 5px 0 8px;}
	
#bottomMMCP {
	/*background-image:url(../images/layout/bgContent.jpg);
	background-repeat:repeat-y;*/
	clear:both;
	height:27px;}

#logoMyDesignAward {
	position:relative;
	float:left;
	padding-left:330px;
	width: 110px;
	height: 27px;}

#logoMMCP {
	position:relative;
	float:right;
	padding-right:8px;
	width: 165px;
	height: 25px;}
	
#footer {
	width:620px;
	height:35px;
	float:left;
	background-image:url(../images/layout/bottomShadow.jpg);
	background-repeat:no-repeat;}
	
.footerContent {
	font-size:0.9em;
	margin-top:9px;
	color:#CCCCCC;}
	
/* -------- Layout Wide --------- */

#bottomMMCPWide {
	background-color:#FFFFFF;
	clear:both;
	height:27px;}
	
#bodyWide{
	width:620px;
	float:left;
	background-color:#FFFFFF;}
	
#centerColWide {
	width:620px;
	float:left;}

/* -------- Menu Principal -------- */

#menuList {
	margin:59px 0 0 0;
	padding:0;}
	
#menuList ul li {  /* ----- IMPORTANTE!!!!! Para menú con imágenes!!!! -----------*/
	list-style:none;
	list-style-image:none;
	margin-bottom:5px;
	text-indent:-8000px;}

/* Menú Español */
#inicio a{
	background-image:url(../images/menu/es/menuInicio.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}
	
#portafolio a{
	background-image:url(../images/menu/es/menuPortafolio.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}

#servicios a{
	background-image:url(../images/menu/es/menuServicios.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}

#blog a{
	background-image:url(../images/menu/es/menuBlog.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}

#contacto a{
	background-image:url(../images/menu/es/menuContacto.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}
	
/* Menú Inglés */
#inicio_en a{
	background-image:url(../images/menu/en/menuInicio.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}
	
#portafolio_en a{
	background-image:url(../images/menu/en/menuPortafolio.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}

#servicios_en a{
	background-image:url(../images/menu/en/menuServicios.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}

#contacto_en a{
	background-image:url(../images/menu/en/menuContacto.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:175px;
	height:22px;}
	
/* -------- Headers -------- */

#Home {
	background-image:url(../images/layout/headHome.jpg);
	width:620px;
	height:250px;
	clear:both;
	text-indent:-5000em;}
	
#HomeSmall {
	background-image:url(../images/layout/headHome_small.jpg);
	width:620px;
	height:180px;
	clear:both;
	text-indent:-5000em;}
	
#headPortafolio {
	background-image:url(../images/layout/headContent__f2.jpg);
	width:620px;
	height:180px;
	clear:both;
	text-indent:-5000em;}	
	
#headProductos {
	background-image:url(../images/layout/headContent__f3.jpg);
	width:620px;
	height:180px;
	clear:both;
	text-indent:-5000em;}
	
#headProductosAdicionales {
	background-image:url(../images/layout/headContent__f6.jpg);
	width:620px;
	height:180px;
	clear:both;
	text-indent:-5000em;}

#headContacto {
	background-image:url(../images/layout/headContent__f7.jpg);
	width:620px;
	height:180px;
	clear:both;
	text-indent:-5000em;}
	
/* --------- Title Sub Menu -------- */

#headTitleBg {
	background-image:url(../images/layout/headTitle.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:70px;
	position:relative;
	clear:both;}
	
#headTitleBg_websiteFront {
	background-image:url(../images/layout/headTitle_home.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:70px;
	position:relative;
	clear:both;}
	
.headTitle {
	width:200px;
	height:30px;
	position:absolute;
	left: 5px;
	top: 15px;}
	
.homeWebsite_screenshot {
	width:346px;
	height:159px;
	position:absolute;
	left: 302px;
	top: -94px;}
	
.homeWebsite_title {
	width:250px;
	height:60px;
	position:absolute;
	left: 50px;
	top: 10px;}

.homeWebsite_arrow {
	width:39px;
	height:45px;
	position:absolute;
	left: 6px;
	top: 9px;}

#subhead {
	width:620px;
	height:45px;
	clear:both;}
	
#subMenu {
	width:458px;
	height:30px;
	position:absolute;
	left: 155px;
	top: 49px;
	text-align:right;}
	
.subhead_productosDVD {
	background-image:url(../images/layout/suhheaders/subheadProductos.jpg);
	background-repeat:no-repeat;}
		
.subhead_productosDisenoWeb {
	background-image:url(../images/layout/suhheaders/subheadDisenioWeb.jpg);
	background-repeat:no-repeat;}
	
.subhead_productosAdicionales {
	background-image:url(../images/layout/suhheaders/subheadAdicionales.gif);
	background-repeat:no-repeat;}

/* --------- Titles H -------- */

h1 {
	margin:0;}

h2 {
	margin:0;}
	
h3 {	
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	font-weight:normal;
	color:#003366;}
	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FF9900;
	font-weight:bold;
	margin:0 0 2px 0;}
	
.subtitleH4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#999999;
	border-bottom:1px solid #cccccc;
	margin:0;}
	
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#ffffff;
	font-weight:bold;
	margin:0 0 -2px 0;}
	
/* ------- Text ------- */

p {	
	margin-top:0.5em;
	line-height:1.3em;}

.smallGrayText{
	font-size:0.9em;
	color:#666666;}
	
.smallText {
	font-size:0.9em;}
	
.SmallWhite {
	font-size:0.9em;
	color:#ffffff;}
	
/* -------- Links -------- */

a {color:#000000;text-decoration:underline;}
a:visited {color:#000000;}
a:hover {color:#003366;text-decoration:underline;}
a:active {color:#000000;}

.grayLink:link {color:#cccccc;text-decoration:underline; }
.grayLink:visited {color:#cccccc;text-decoration:underline; }
.grayLink:hover {color:#ffffff;text-decoration:underline; }
.grayLink:active {color:#ffffff; }

.subMenu:link {color:#FFCC33; text-decoration:none; font-size:1.3em; }
.subMenu:visited {color:#FFCC33; text-decoration:none; font-size:1.3em; padding-bottom:3px;}
.subMenu:hover {color:#ffffff; text-decoration:none; font-size:1.3em; padding-bottom:3px;}
.subMenu:active {color:#FFCC33; font-size:1.3em; padding-bottom:3px;}

/* --------------------- FORMS ------------------------ */

label,input {
	display: block;
	float: left;
	margin-bottom: 6px;}

label {
	text-align: right;
	width: 150px;
	padding-right: 5px;}

.br {
	clear: left;}

/* -------- Portafolio -------- */

.portafolio ul {
	margin:0;
	padding:0;}
	
.portafolio ul li {
	list-style: none;
	display: inline;
	float: left;
	margin: 10px 3px 30px 3px;}

.portafolio img {
	margin-bottom:7px;
	padding:4px;
	border:1px solid #cccccc;}
	
/* -------- Contenidos -------- */

.imageLeft {
	float:left;
	padding:0 13px 17px 0;
	clear:both;
	border:0;}

.border {
	border:0;}
	
.grayBorder {
	border:1px solid #666666;}
	
.center {
	text-align:center;}
	
/*#language {
	position: relative;
	float:left;
	left:7px;
	top:6px;
	width: 140px;
}*/
	
#lang_es {
	position:absolute;
	width: 21px;
	height:30px;
	left: -21px;
	top: 250px;}
	
#lang_en {
	position:absolute;
	width: 21px;
	height:30px;
	left: -21px;
	top: 282px;}

/* -------- Separators --------- */	
	
 div.hr {
  background-image:url(../images/layout/separator.jpg);
  background-repeat:no-repeat;
  height:1px;
  padding:15px 0 0px 0;}
  
div.hr hr {
  display: none;}