/* CSS Document */

body {
	margin:				0;
	padding:			0;

	font-size:			18px;
	font-family: 		"Open Sans", Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	
	background-color:	#BA0C2F;
	background-image:	url('../images/bg_body.jpg');
	background-repeat:	no-repeat;
	background-position:top center;
}

h1 {
	margin:				0;
	padding:			0;
	
	font-size:			150%;
	line-height:		100%;	
}

.compact h1,
.ultracompact h1 {
	display:			none;
}

#cellLogo {
	position:			fixed;
	z-index:			99;
	top:				0;
	left:				0;

	margin:				0;
	padding:			0;
	
	width:				360px;
	height:				180px;
	overflow:			hidden;

	pointer-events:		none;

	background-image:	url('../images/bg_celllogo.png');
	background-repeat:	no-repeat;
	background-position:left top;
	background-size:	contain;
}

.compact #cellLogo,
.ultracompact #cellLogo {
	width:				240px;
	height:				120px;
}

#cellLogo img {
	display:			block;
	
	width:				200px;
	height:				100px;
	
	margin:				5px 0 0 30px;
	padding:			0;
}

.compact #cellLogo img,
.ultracompact #cellLogo img {
	width:				133px;
	height:				auto;
	
	margin:				3px 0 0 22px;
}


#cellPage {
	width:				1100px;
	position:			relative;

	margin:				0 auto 0 auto;
	padding:			10px 0 0 0;
}

#cellPage.compact {
	width:				860px;
	
	font-size:			16px;
}

#cellPage.ultracompact {
	width:				580px;
	
	font-size:			16px;
}

#cellHeader {
	text-align:			right;
	padding:			0 0 10px 0;	
}

#cellNavigation {
	padding:			10px;
	background-color:	#FFF;
}

#cellNavigation:after {
	content:			' ';
	display:			block;
	clear:				both;
}

#cellNavigation ul {
	margin:				0;
	padding:			0;
}

#cellNavigation li {
	margin:				10px;
	padding:			0;

	position:			relative;

	float:				left; 
	
	list-style:			none;
	
	background-repeat:	no-repeat;
	background-position:right top;	
}

#cellNavigation li.image {
	margin:				10px;
	padding:			0;

	display:			block;

	width:				160px;
	height:				160px;
	
	background-repeat:	no-repeat;
	background-position:center center;	
		
}

#cellNavigation li.image.compact {
	width:				120px;
	height:				120px;
}

#cellNavigation li.dbimg {
	margin:				10px;
	padding:			0;

	display:			block;

	width:				340px;
	height:				160px;	

	background-repeat:	no-repeat;
	background-position:center center;	
}

#cellNavigation li.dbimg.compact {
	width:				260px;
	height:				120px;
}

.ultracompact li.dbimg {
	display:			none !important;
}

#cellNavigation li.timer {
	margin:				10px;
	padding:			0px 20px 0 0;

	display:			block;

	width:				320px;
	height:				160px;
	
	font-size:			25px;
	text-align:			right;
	
	background-color:	#489FDF;	
}

#cellNavigation li.timer.compact {
	width:				240px;
	height:				120px;	
}

#cellNavigation li.timer p {
	margin:				0;
	padding:			0;	
	
	line-height:		140%;
}

#cellNavigation li.timer p.sTime {
	padding:			10px 0 40px 0;		
}

#cellNavigation li.compact p {
	font-size:			20px;	
	padding:			0 !important;
	line-height:		130% !important;	
}

#cellNavigation li.compact p.sTime {
	padding:			10px 0 20px 0 !important;		
}

#cellNavigation li.aplic {
	background-color:	#A7A8AA;
}

#cellNavigation li.brand {
	background-image:	url('../images/bg_li-brand.jpg');
}

#cellNavigation li.share {
	background-color:	#BA0C2F;
}

#cellNavigation li.tools {
	background-color:	#5B6770
}

#cellNavigation li a,
#cellNavigation li a:link,
#cellNavigation li a:visited {
	padding:			130px 10px 0 0;

	display:			block;

	width:				150px;
	height:				30px;

	color:				#FFFFFF;
	text-align:			right;
	line-height:		20px;
	text-decoration:	none;
}

#cellNavigation li a:hover,
#cellNavigation li a:active {
	padding:			128px 10px 0 0;
		
	height:				32px;
	
	background-repeat:	no-repeat;
	background-position:10px 10px;
}

#cellNavigation li.compact a,
#cellNavigation li.compact a:link,
#cellNavigation li.compact a:visited {
	width:				110px;	
	
	padding:			90px 10px 0 0 !important;	
}

#cellNavigation li.compact a:hover,
#cellNavigation li.compact a:active {
	width:				110px;
		
	padding:			88px 10px 0 0 !important;	
}

#cellNavigation li.brand a,
#cellNavigation li.brand a:hover,
#cellNavigation li.brand a:active {
	padding:			0 10px 130px 0;
	
	line-height:		30px;
	font-size:			15px;
	text-align:			right;

	width:				330px;
	height:				30px;
}

.compact #cellNavigation li.brand a,
.ultracompact #cellNavigation li.brand a {
	font-size:			11px !important;
}

#cellNavigation li.brand.compact a,
#cellNavigation li.brand.compact a:link,
#cellNavigation li.brand.compact a:visited {
	width:				250px;
	
	padding:			0 10px 90px 0 !important;		
}

#cellNavigation li.aplic a:hover,
#cellNavigation li.aplic a:active {
	background-image:	url('../images/bg_li_a_aplic.png');	
}

#cellNavigation li.tools a:hover,
#cellNavigation li.tools a:active {
	background-image:	url('../images/bg_li_a_tools.png');	
}

#cellNavigation li.share a:hover,
#cellNavigation li.share a:active {
	background-image:	url('../images/bg_li_a_share.png');	
}

.breaker {
	clear:				both;
	margin:				0;
	padding:			0;

	font-size:			0px;
	line-height:		0px;
	color:				transparent;

	border:				1px solid transparent;
}

.notice {
	position:			absolute;
	top:				10px;
	left:				10px;

	visibility:			visible;/*hidden;*/

	font-size:			14px;
	color:				#FFFFFF;
}

#cellNavigation li a:hover div.notice {
	visibility:			visible;	
}

.image {
	background-image:	url('../images/heros/01.jpg');	
}

.dbimg {
	background-image:	url('../images/heros/02.jpg');	
}