/*-----------------------------------------------------

	
	DP7 Digital
	www.dp7digital.com
	
	Design and Front End
	Diogo Costa
	me@diogocosta.com.br
	
	//
	
	Style.css
	Estilos Fixos do Site
	
----------------------------------------------------- */

	/* Import
	----------------------------------------------- */
	
		@import url("reset.css");
		@import url("typo.css");


	/* Base
	----------------------------------------------- */
		
		html, body {
			margin: 0;
			padding: 0;
		}
		
		body {
			background-color: #efefef;
			font: 82.5% "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
			color: #333;
		}
		
		a, a:visited {
			text-decoration: none;
		}

	/* Helpers
	----------------------------------------------- */

		.wrap {
			width: 990px;
			margin: 0 auto;
		}
		
		.clear {
			clear: both;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.tblack {
			color: #000;
		}

		.tgray {
			color: #333;
		}

		.tgrayless {
			color: #999;
		}

		.twhite {
			color: #fff;
		}
		
		.margin15x0 {
			margin: 15px 0;
		}
		
		.margin0x15 {
			margin: 0 15px;
		}
		
		.margin10x0 {
			margin: 10px 0;
		}
		
		.margin5-5 {
			margin: 5px -5px;
		}
		
		.margin5x0 {
			margin: 5px 0;
		}
		
		.textcenter {
			text-align: center;
		}

	/* Header
	----------------------------------------------- */

		#header {
			width: 100%;
			border-top: #333 solid 5px;
			height: 105px;
			background: url(../images/layout/header_bg.png) repeat-x;
		}
		
			#header .logo {
				width: 337px;
				height: 85px;
				text-align: center;
				padding-top: 20px;
				background: url(../images/layout/header_bg_logo.png) no-repeat;
				margin-left: -120px;
			}
			
			#header .menu {
				width: 682px;
				height: 45px;
				margin: 50px 0 0 90px;
			}
			
				#header .menu li {
					display: block;
					float: left;
					height: 45px;
					background: url(../images/layout/menu2_top.png) no-repeat;
					text-indent: -9999px;
				}
				
					#header .menu li.plataformas {
						width: 119px;
						background-position: 0 -45px;
					}

					#header .menu li.gateways {
						width: 102px;
						background-position: -119px -45px;
					}

					#header .menu li.outsourcing {
						width: 123px;
						background-position: -221px -45px;
					}

					#header .menu li.about {
						width: 123px;
						background-position: -344px -45px;
					}
					
					#header .menu li.costumer {
						width: 106px;
						background-position: -467px -45px;
					}
					
					#header .menu li.contact {
						width: 109px;
						background-position: -576px -45px;
					}
					
							#header .menu li a {
								height: 45px;
								display: block;
							}
							
								#header .menu li.plataformas a{
									width: 119px;
								}

								#header .menu li.gateways a{
									width: 102px;
								}

								#header .menu li.outsourcing a{
									width: 123px;
								}

								#header .menu li.about a{
									width: 123px;
								}

								#header .menu li.costumer a{
									width: 106px;
								}

								#header .menu li.contact a{
									width: 109px;
								}
					
					
							/* Hover States */
							#header .menu li.plataformas:hover, #header .menu li.plataformas.active {
								width: 119px;
								background-position: 0 0;
							}
					
							#header .menu li.gateways:hover, #header .menu li.gateways.active {
								width: 102px;
								background-position: -119px 0;
							}
					
							#header .menu li.outsourcing:hover, #header .menu li.outsourcing.active {
								width: 123px;
								background-position: -221px 0;
							}
					
							#header .menu li.about:hover, #header .menu li.about.active {
								width: 123px;
								background-position: -344px 0;
							}
					
							#header .menu li.costumer:hover, #header .menu li.costumer.active {
								width: 106px;
								background-position: -467px 0;
							}
					
							#header .menu li.contact:hover, #header .menu li.contact.active {
								width: 109px;
								background-position: -576px 0;
							}
							
							/* DropDow */
					
							#header .menu ul.drop {
								width: 250px;
								height: 160px;
								background: url(../images/layout/menuDrop.png) no-repeat;
								position: absolute;
								margin: -2px 0 0 -12px;
								z-index: 1000;
								padding-top: 8px;
							}
							
								#header .menu ul.drop li {
									text-indent: 0;
									background: none;
									clear: both;
									font-size: 20px;
									padding: 10px 10px 8px 10px;
									height: 30px;
									border-bottom: #ccc solid 1px;
									width: 200px;
									margin: 0 0 0 15px;
								}
									
									#header .menu ul.drop li a {
										color: #000;
										display: block;
									}
									
			#header .lang {
				float: right;
				margin: -95px 7px 0 0;
				background-color:#333333;
				padding: 5px 5px 2px 5px;
			}
			


	/* Footer
	----------------------------------------------- */	
	
		#content {
			width: 930px;
			border: #ccc solid 1px;
			-moz-box-shadow: 0 0 5px #ccc;
			-webkit-box-shadow: 0 0 5px #ccc;
			box-shadow: 0 0 5px #ccc;
			padding: 30px;
			margin-top: 30px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background-color: #fff;
		}
	

	/* Footer
	----------------------------------------------- */	
	
		#footer {
			margin-top: 30px; 
			width: 100%;
			height: 100px;
			background: url(../images/layout/footer_bg.png) 0 -1px repeat-x;
		}
		
			#footer ul {
				float: left;
				margin-top: 17px;
			}
			
				#footer ul li {
					width: 120px;
					height: 75px;
					float: left;
					margin-right: 20px;
				}
				
					#footer ul li a {
						color: #ccc;
						padding-bottom: 1px;
						display: block;
					}
					
						#footer ul li a.tgrayless{
							color: #666;
							border: none;
							margin-top: -14px;
						}
			
			#footer .logo_footer {
				float: left;
				margin: 20px 35px 0 0;
			}
			
			#footer .rights {
				color: #666;
				font-size: 11px;
				margin-top: 75px;
			}
			

			/* Featured Home
			----------------------------------------------- */

				.nivoSlider {
					position:relative;
				}
				
				.nivoSlider img {
					position:absolute;
					top:0px;
					left:0px;
				}
				.nivoSlider a.nivo-imageLink {
					position:absolute;
					top:0px;
					left:0px;
					width:100%;
					height:100%;
					border:0;
					padding:0;
					margin:0;
					z-index:60;
					display:none;
				}

				.nivo-slice {
					display:block;
					position:absolute;
					z-index:50;
					height:100%;
				}
				/* Caption styles */
				.nivo-caption {
					position:absolute;
					left:0px;
					bottom:0px;
					background:#000;
					color:#fff;
					opacity:0.8; /* Overridden by captionOpacity setting */
					width:100%;
					z-index:89;
				}
				.nivo-caption p {
					padding:5px;
					margin:0;
				}
				/* Direction nav styles (e.g. Next & Prev) */
				.nivo-directionNav a {
					position:absolute;
					top:45%;
					z-index:99;
					cursor:pointer;
				}
				.nivo-prevNav {
					left:0px;
				}
				.nivo-nextNav {
					right:0px;
				}
				/* Control nav styles (e.g. 1,2,3...) */
				.nivo-controlNav a {
					position:relative;
					z-index:99;
					cursor:pointer;
				}
				.nivo-controlNav a.active {
					font-weight:bold;
				}