/*##################################################################*/
/*#																   #*/
/*#		ISSIM ENGENHARIA E PROJETOS								   #*/
/*#		V0.4 por PAPAYA COMUNICA��O								   #*/
/*#		www.papayacomunicacao.com.br							   #*/
/*#																   #*/
/*##################################################################*/

/*##################################################################*/
/*#		FONTFACE												   #*/
/*##################################################################*/

	@font-face {
	 font-family: lato_bold_italic;
	 src: url("../font/Lato-Italic.eot") /* EOT file for IE */
	}
	@font-face {
	 font-family: lato_bold_italic;
	 src: url("../font/Lato-Italic.ttf") /* TTF file for CSS3 browsers */
	}

	@font-face {
	 font-family: lato;
	 src: url("../font/Lato-Light.eot") /* EOT file for IE */
	}
	@font-face {
	 font-family: lato;
	 src: url("../font/Lato-Light.ttf") /* TTF file for CSS3 browsers */
	}

	@font-face {
	 font-family: lato_italic;
	 src: url("../font/Lato-LightItalic.eot") /* EOT file for IE */
	}
	@font-face {
	 font-family: lato_italic;
	 src: url("../font/Lato-LightItalic.ttf") /* TTF file for CSS3 browsers */
	}

	@font-face {
	 font-family: lato_bold;
	 src: url("../font/Lato-Regular.eot") /* EOT file for IE */
	}
	@font-face {
	 font-family: lato_bold;
	 src: url("../font/Lato-Regular.ttf") /* TTF file for CSS3 browsers */
	}

	/*font basics*/
	* {font-family: lato;}

/*##################################################################*/
/*#		BASE													   #*/
/*##################################################################*/

body {
	margin: 0;
	padding: 0;
	text-align: center; /*IE FIX*/
	background: url('../imgs/background2.jpg') top center no-repeat;
	font-family:lato;
}

#wrap {
	width: 960px;
	margin: 50px auto 0 auto;
	padding:0;
	text-align: left; /*IE FIX*/
}

.clear {clear:both;}

.sep {height:150px; border:0;}

#footer {
	padding:0;
	height:200px;
	overflow:visible;
}

#footerRibbon {
	background: url('../imgs/ribbon_bottom.png') center bottom no-repeat;
	width:1000px;
	height:200px;
}

/*##################################################################*/
/*#		MAIN PAGE												   #*/
/*##################################################################*/

#mainpage {
	height:623px;
	width:100%;
	background:white;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
}

#lang {
	float: right;
	margin:30px 30px 0 0;
}
#lang img { margin: 0 0 0 10px;}

.mainMenu {
	height:30px;
	width:772px;
	margin: 23px auto;
	background:#f9b715;
	color:white;
	font-size:18pt;
	font-family:lato_italic;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.mainMenu li {
	float: left; width:193px; text-align:center; padding: 2px 0 4px 0;
}
.mainMenu li:hover {
	background:white; color:#f9b715;  
}
.mainMenu li a {color:inherit; text-decoration:none; display:block; width:100%;}
.intro {font-size:22.49pt;}
#TopBack {width:862px; height:569px; margin:0; float:left; background: url('../imgs/topHeader.png') left no-repeat;}
#TopRight {width:376px; height:540px; margin:0; float:right; padding:20px 0px 0 10px;}
.ultimas {margin:30px 0 10px 0; font-size:22.49pt;}

#twitter {margin:5px 0 20px 0; font-size:13pt;}
#twitter a {color:#666; text-decoration:none;}
#twitter a:hover {text-decoration:underline;}
#twitter p {margin:0;}
#twitter ul li  {padding:7px 20px}
/*#twitter ul li:nth-child(2n+1) {background:#f0f0f0; color:#f9b715;}*/
#twitter ul li:first-child {padding:0 20px 10px 20px;}
#twitter ul li:last-child {padding:10px 20px 0 20px;}

#topSocial img {padding:0 10px 0 0;}

/*##################################################################*/
/*#		SIDEBAR MENU											   #*/
/*##################################################################*/

#sidemenu {
	position:relative;
	width: 210px;
	margin: 40px 10px 0 10px;
	padding: 0;
	height: ;
	float: left;
}

#sidemenu div {
	margin: 40px 0 0 16px;
}

#sd li { 
	color:#6d6f71; 
	width:170px; 
	height:20px; 
	font-family:lato_italic; 
	font-size:14pt; 
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	border-top-right-radius: 13px;
	padding: 2px 0 1px 15px;
	margin: 0 5px ;
	cursor:pointer;
}

#sd li a {color:inherit; text-decoration:none; display:block; width:100%;}

#sd li.selected {
	color:white;
	background: #f9b715;
	font-family: lato_bold_italic;
}

#sd li:hover {
	background:#6d6f71; 
	color:white;
}

/*##################################################################*/
/*#		CONTENT													   #*/
/*##################################################################*/


#content {
	position:relative;
	width: 720px;
	margin: 40px 10px 0 0;
	float: left;
	min-height:500px;
}

.page {
	width: 720px;
	margin: 40px 10px 0 0;
	min-height:500px;
}

/*#		A ISSIM													   #*/

#pageAissim {
	background: url('../imgs/pageAissim.png') bottom center no-repeat;
}

#pageAissim > p {
	width:430px;
	font-family:lato_bold_italic;
	font-size:13pt;
	color: #f9b715;
	padding: 20px 20px 20px 20px;
}

 #pageAissim span {
	font-size:11pt;
	font-family:lato_bold;
 }

 p .val {
	text-align:left;
 }
 
#pageAissim h1 {
	font-size:12pt;
	color:#f9b715;
	font-family:lato_bold_italic;
}

#pageAissim div {
	width:200px; 
	font-size:11pt;
	text-align:justify;
	padding:0 0 0 20px;
	float:left;
}

/*#		SERVICES												   #*/

#pageServices {
	background: url('../imgs/pageServices.png') bottom center no-repeat;
}

#pageServices > p {
	font-family:lato_bold_italic;
	font-size:13pt;
	color: #f9b715;
	padding: 20px;
}

#pageServices h1, #pageServices span {
	font-size:12pt;
	color:#f9b715;
	font-family:lato_bold_italic;
	margin:4px 0 5px 0;
}

#pageServices #svMenu {
	width:240px; 
	font-size:12pt;
	padding:0 0 0 20px;
	float:left;
}

#pageServices #svContent {
	width:400px; 
	font-size:12pt;
	text-align:justify;
	padding:0 0 0 20px;
	float:left;
}

#svMenu ul li { 
	color:#6d6f71; 
	width:240px; 
	height:20px; 
	font-family:lato_italic;  
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	border-top-right-radius: 13px;
	padding: 4px 0 1px 3px;
	cursor:pointer;
}

#svMenu a {color:inherit; text-decoration:none; display:block; width:100%;}

#menUl .selected {
	color:white;
	background: #f9b715;
	font-family: lato_bold_italic;
	border-bottom: 2px solid #6d6f71;
}

#svMenu ul li:hover {
	background:#6d6f71; 
	color:white;
}

/*#		CLIENTS													   #*/

#pageClients {
	background: url('../imgs/pageClients.png') bottom center no-repeat;
	height:525px;
}

#pageClients ul li {
	width:172px;
	height:140px;
	margin:4px;
	float:left;
	/*background:#f9b715;*/
}

#pageClients ul li.empty {
	background:#f9b715;
}

/*#		CONTACT													   #*/

#pageContact {
	background: url('../imgs/pageContact.png') bottom center no-repeat;
}

#pageContact > p {
	font-family:lato_bold_italic;
	font-size:12pt;
	color: #f9b715;
	padding: 20px;
}

#pageContact #contacts {
	padding:50px; 0 20px 20px;
}

#pageContact .number {
	margin:30px 0 0 20px;
	width:400px;
	font-famly:lato_bold_italic;
	font-size: 18pt;
	color:#6d6f71;
	float:left;
}

#pageContact .number img {
	margin:20px 20px 10px 0;
}

#pageContact span {
	font-size:18pt;
	color:#f9b715;
}

#pageContact a.mail {
	color:inherit;
	text-decoration:none;
	font-size:18pt;
}

#pageContact a.mail:hover {
	color:#f9b715;
}

.btnform {
	margin:30px 0;
	width:205px;
	font-family:lato_italic;
	font-size: 16pt;
	color:#6d6f71;
	float:left;
}

.btnform a {
	display:block;
	margin:0 20px 20px 0;
	width:205px;
	padding:8px 0 0 0;
	height:32px;
	color:white;
	background:#f9b715;
	text-decoration:none;
	text-align:center;
	vertical-align:middle	;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.btnform a:hover {
	color:white;
	background:#6d6f71;
}