body
{
	background:url(../images/background.jpg) repeat-y;
}

#wrapper
{
	margin:0 auto 0 auto; 
	width:1000px; 
}

#login
{
	width:1000px;
	height:60px;
	font-family:Arial;
	color:#FFFFFF;
	font-size:9px;
}

#loginControls
{
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:230px;
	height:40px;
}

#loginControls a
{
	color:#FFFFFF;
	text-decoration:none;
}

#loginControls a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}



#socialNetworks
{
	float:right;
	margin-top:9px;
	/*margin-bottom:10px;*/
	height:40px;
}

#menu
{ 
  width:1000px;
  height:63px; 
}

#idLogo
{
   float:left;
  width :209px;
  height:63px; 
}

#menuLinks
{
	float:right;
	width:773px;
	height:63px;
}

#navigation
{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	margin-top:12px;
	width:773px;
	height:28px;
	background:url(../images/bgmenu.png)
}

#tabs {
	float:left;
	width:100%;
	line-height:normal;
	}

#tabs ul {
	margin:0;
	padding:0px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0px;
	padding:0px;
	}

#tabs a {
	float:left;
	background:url("../images/tab.png") no-repeat left top;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

#tabs a span 
{
	
	float:left;
	display:block;
	background:url("../images/tab.png") no-repeat right top;
	padding-left:16px;
	padding-right:16px;
	padding-top:8px;
	padding-bottom:6px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -29px;
	}

#tabs a:hover span {
	background-position:100% -29x;
	}
	
#trendsInv
{
	float:right;
	width:451px;
	height:22px;
	background:url("../images/trendsbg.png");
}

#trendsInv .text
{
	color:#CCCCCC;
	font-family:Arial;
	font-size:11px;
	letter-spacing: 0.06em;
}

#trendsInv .text .arrow
{
	display:inline;
	color:#F09102;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0em;
}

#trendsInv .text a
{
	color:#CCCCCC;
	text-decoration:none;
}
#trendsInv .text a:hover
{
	color:#CCCCCC;
	text-decoration:none;
}			
	

#content
{
	width:1000px;
	min-height:420px;
	overflow: visible;
	display: table-cell;
}

#promo
{
	background:url("../images/bgpromo.png");
	width:1000px;
	height:115px;
	margin-top:10px;
}

#footer
{
	width:1000px;
	height:45px;
}

#copyright
{
	font-family:Arial;
    font-size:10px;	
	float:left;
	margin-top:10px;
	color:#FFFFFF;
}

#copyright a
{
	text-decoration:none;
	color:#FFFFFF;
}

#copyright a:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

#imagendigital
{
	font-family:Arial;
    font-size:10px;	
	float:right;
	margin-top:5px;
	color:#FFFFFF;
}

#advertisingInn
{
	width:300px;
	height:110px;
	margin-left:15px;
}

#advertisingInn .text
{
    font-family:Arial;
    font-size:10px;	
	float:left;
	margin-top:50px;
	width:150px;
	color:#FFFFFF;
}

#advertisingInn .photo
{
	float:right;
	width:142px;
	height:110px;
}

/*********La Agencia****************/

#tituloAgencia
{
	background:url("../images/bgtituloagencia.png");
	width:148px;
	height:27px;
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
}

#videoAgencia
{
	float:left;
	width:338px;
	height:263px;
	border:solid 1px #012B38;
}

#videoCanvas
{
	margin-top:10px;
	margin-left:8px;
	margin-right:8px;
	border:solid 1px #012B38;
	width:320px;
	height:240px;
	border:solid 1px #012B38;
}

#contenidoAgencia
{
	float:right;
	width:630px;
	font-family:Arial;
	font-size:11px;
	padding:10px;
	color:#FFFFFF;
}


#contenidoAgencia .facts
{
	font-family:Arial;
	font-size:11px;
	color:#FF9900;
}

#contenidoAgencia .factsItem
{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}

#contenidoAgencia .bullet
{
	width:5px;
	height:9px;
	background:url("../images/bullet.png");
}

/************************************/


/**********Mobile*****************/
#tituloMobile
{
	background:url("../images/bgtitulomobile.png");
	width:252px;
	height:27px;
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
}

#rightMobile
{
	float:right;
	width:328px;
	height:304px;
}

#videoMobile
{
	width:328px;
	height:260px;
	border:solid 1px #012B38;
}

#videoMobileCanvas
{
	margin-top:10px;
	margin-left:8px;
	margin-right:8px;
	border:solid 1px #012B38;
	width:311px;
	height:200px;
	border:solid 1px #012B38;
}

#portfolioMobile
{
	margin-top:5px;
	margin-left:31px;
	background:url("../images/bgportfoliomobile.png");
	width:236px;
	height:30px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:30px;
}

#portfolioMobile a
{
	text-decoration:none;
}
#portfolioMobile a:hover
{
	text-decoration:none;
}

#portfolioContent
{
	width:625px;
	float:left;
	padding-left:10px;
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
}


#portfolioContent .services
{
	font-family:Arial;
	font-size:14px;
	color:#FF9900;
}

/*******************************/


/**********Medios***************/
#tituloMedios
{
	background:url("../images/bgtitulomedios.png");
	width:234px;
	height:22px;
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
}

#mediaContent
{
	width:617px;
	float:left;
	padding-left:10px;
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
}

#mediaContent a
{
	text-decoration:none;
	color:#FFFFFF;
}

#mediaContent a:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

#mediaContent .services
{
	font-family:Arial;
	font-size:14px;
	color:#FF9900;
}

#rightMedios
{
	float:right;
	width:340px;
	height:400px;
}

#videoMedios
{
	width:340px;
	height:302px;
	border:solid 1px #012B38;
}

#portfolioMedios
{
	margin-top:5px;
	margin-left:37px;
	background:url("../images/bgportfoliomobile.png");
	width:236px;
	height:30px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:30px;
}

#portfolioMedios a
{
	text-decoration:none;
}
#portfolioMedios a:hover
{
	text-decoration:none;
}


/********************************/


/********Web*********************/
#tituloWeb
{
	background:url("../images/bgtituloweb.png");
	width:353px;
	height:27px;
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
}

.websublink
{
	font-family:Arial;
	color:#FFFFFF;
	font-size:10px;
	margin-left:11px;
	margin-right:11px;
}

.websublink a
{
	text-decoration:none;
	color:#FFFFFF;
}

.websublink a:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

#webContent
{
	width:617px;
	float:left;
	padding-left:10px;
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
}

#webContent .services
{
	font-family:Arial;
	font-size:14px;
	color:#FF9900;
}

#rightWeb
{
	float:right;
	width:330px;
	height:400px;
}

#videoMedios
{
	width:330px;
	height:246px;
	border:solid 1px #012B38;
}

#portfolioWeb
{
	margin-top:5px;
	margin-left:33px;
	background:url("../images/bgportfoliomobile.png");
	width:226px;
	height:30px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:40px;
}

#portfolioWeb a
{
	text-decoration:none;
}
#portfolioWeb a:hover
{
	text-decoration:none;
}

/**********************************/


/*********Blog ID Trends***************/
.yellowTitleID
{
	display:inline;
	color:#FF9900;
	font-family:Arial;
	font-size:22px;
}

.whiteTitleID
{
	display:inline;
	color:#FFFFFF;
	font-family:Arial;
	font-size:22px;
}

#trendsWrapper
{
	width:980px;
	
}

#leftTrends
{
	float:left;
	width:208px;
}

#trendsText
{
	width:208px;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
}

#trendsText .yellowTitle
{
	font-family:Arial;
	font-size:11px;
	color:#FF9900;
}

#trendsText .themes
{
	font-family:Arial;
	font-size:12px;
	color:#5A8699;
	text-decoration:none;
}

#trendsText .themes a
{
	text-decoration:none;
	color:#5A8699;
}

#trendsText .themes a:hover
{
	text-decoration:none;
	color:#5A8699;
}

#rigthTrendsWrapper
{
	float:right;
	width:765px;
}

#leftEntries
{
	float:left;
	width:540px;
	margin-left:10px;
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
	/*height:200px;*/
}

#leftEntries .title
{
	font-family:Arial;
	font-size:21px;
	color:#5B8799;
	text-decoration:none;
}

#leftEntries .title a
{
    text-decoration:none;
	color:#5B8799;
}

#leftEntries .title a:hover
{
	text-decoration:none;
	color:#5B8799;
}

#leftEntries .date
{
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
}

#leftEntries .abstract
{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
}

#leftEntries .commentsTitle
{
	font-family:Arial;
	font-size:12px;
	color:#5B8799;
}

#leftEntries .tags
{
	font-family:Arial;
	font-size:10px;
	color:#5B8799;
}

#leftEntries .notes
{
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
}

#leftEntries .commentsName
{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
}

#leftEntries .commentsDate
{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
}

#leftEntries .commentsBody
{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
}

#backEntry
{
	float:right;
	width:103px;
	height:23px;
}

#btnCommentEntry
{
	float:right;
	width:103px;
	height:23px;
}

#btnPublishComment
{
	float:right;
	width:175px;
	height:23px;
}


#rightTrendsInfo
{
	float:right;
	width:205px;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
}

#rightTrendsInfo .yellowTitle
{
	font-family:Arial;
	font-size:11px;
	color:#FF9900;
}

#rightTrendsInfo .articles
{
	font-family:Arial;
	font-size:12px;
	color:#5A8699;
	text-decoration:none;
}

#rightTrendsInfo a
{
	text-decoration:none;
	color:#5A8699;
}

#rightTrendsInfo a:hover
{
	text-decoration:none;
	color:#5A8699;
}

/****************************************/


 .backgroundDialog{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
    z-index:990;
}

.blueBackgroundDialog{
    background-color:#000000;
    filter:alpha(opacity=70);
    opacity:0.7;
    z-index:990;
}

.modalWindow
{
    /*position:absolute;*/
    margin:0 auto 0 auto; 
    z-index:1000;
	/*top: 0px;
	left: 8px;
	width: 6px;*/
}

/*************PORTAFOLIO************/
#tituloPortafolio
{
	background:url("../images/bgtituloportafolio.png");
	width:150px;
	height:27px;
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
}



/***********************************/
#contactUsWrapper
{
	width:751px;
	height:395px;
	background:#000000;
	padding:10px;
	border:solid 1px #006699;
}

#contactUsWrapper .yellowTitle
{
	font-family:Arial;
	font-size:12px;
	color:#FF9900;
	font-weight:bold;
}

#contactUsMessage 
{
	margin:100px;
}

#contactUsMessage .alertText
{
	font-family:Arial;
	font-size:20px;
	color:#FF9900;
	font-weight:bold;
	text-align:center;
}

#rightClose
{
	float:right;
	width:22px;
	height:22px;
}

#leftContactUs 
{
	margin-top:15px;
	float:left;
	width:420px;
	font-family:Arial;
	font-size:12px;
	color:#CCCCCC;
}

#rightContactUs 
{
	float:right;
	width:331px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	margin-top:20px;
}