/* CSS STRATEGODESIGN.COM V3 - 2007 */

html {
	background: url(images/bg.jpg) repeat-x top left #FF9900;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(images/fundo.jpg) no-repeat top center;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1{
	display:none;
}

#conteudo {
	width : 778px;
	height : 410px;
	padding: 0;
	background : url(images/layout.jpg) no-repeat  top center ;
	text-align: center;
	vertical-align: top;
	margin:0px auto 0px auto;
	/*border: #0000FF solid 1px;*/
} 



#logo_stratego{
	background:url(images/logo_stratego.jpg) no-repeat top center;
	width: 258px;
	height: 89px;
	position:relative;
	float: right;
	top: 327px;
	margin-right: 5px;
	vertical-align:bottom;
}


#valida{
	width : 768px;
	padding-left: 10px;
	text-align:left;
	font-size: 10px;
	color:#FFFFFF;
	/*border: #0000FF solid 1px;*/
	margin:0px auto 0px auto;
	}

#valida a{
	/*background: #000099;*/
	font-size: 10px;
	color:#FFFFFF;
	text-decoration: none;
	}


/******** INICIO CONTATO ************/

.contato{
	position: relative;
	float: right;
	left: 258px;
	top: 60px;
	margin-right: 5px;
	width:320px;
/*	background:#FFFFFF;*/
	text-align: left;
	font-size:11px;
	color:#FFFFFF;
}

legend {
	
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

fieldset {
	border:#ffffff solid 1px;
	
}

 .contato form{
	margin-left: 10px;
	margin-top: 15px;
}
.textcontato{
	position: relative;
	float: left;
	width:70px;
	margin-right: 0px;
	margin-left: 5px;
	/*background:#FFFF00;*/
	line-height: 25px;
	vertical-align:top;
	margin-top: 5px;
	}

.formscontato{
	position: relative;
	float: left;
	width:210px;
	margin-right: 5px;
	margin-top: 5px;
	/*background:#00FF00;*/
	}

/*.font11{ font-size:11px; color:#FFFFFF}*/

.boxform { 
	background:#ffffff;
	width: 195px;
	height: 20px;
	border: 0px;
	margin-bottom: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 16px
}
.boxformmensagem {
	background:#ffffff;
	width: 195px;
	height: 50px;
	border: 0px;
	margin-bottom: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 16px
}

.boxselect{ 
	background:#ffffff;
	width: 195px;
	height: 20px;
	border: 0px;
	margin-bottom: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 13px;
	font-weight:bold;
	vertical-align: middle;
}

/* hack para Internet Explorer */
/*\*/
* html .boxselect { 
	background:#ffffff;
	width: 198px;
	height: 20px;
	border: 0px;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 13px;
	font-weight:bolder;
}
/**/

.btenviar {
	background:#ffffff;
	border: 0px;
	padding: 3px;
	width: 126px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 11px;
	font-weight:bolder;
}

.btlimpar {
	background:#ffffff;
	border: 0px;
	padding: 3px;
	width: 65px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size: 11px;
	font-weight:bolder;
	
}

/* hack para Internet Explorer */
/*\*/
* html .btlimpar { 
	width: 67px;
}
/**/

.agradecimento {

	position: relative;
	float: right;
	left: 250px;
	top: 123px;
	margin-right: 5px;
	width:230px;
	height: 100px;
	text-align: center;
	font-size:11px;
	line-height: 30px;
	vertical-align:top;
	color:#FFFFFF;
	font-weight:bold;


}

/* hack para Internet Explorer */
/*\*/
* html .agradecimento {
	top: 135px;
}
/**/



/******** FIM CONTATO ************/

/************************ INICIO MENU TOPO *******************/

#menu{
	position: relative;
	float: right;
	left: 258px;
	top: 60px;
	margin-right: 5px;
	width:150px;
	height: 40px;

}

#menu ul {
list-style-type: none; /*remove o marcador*/ 
margin: 0; /*remove o recuo IE e Opera*/ 
padding: 0; /*remove o recuo Mozilla e NN*/ 
/*font: bold 16px arial, helvetica, sans-serif;*/
}

#menu ul li {
	list-style:none;	
	display:inline;
	float:left;
	
}

#menu ul li.hp a{
	background: url(images/menu_home.jpg);
	width: 50px;
	height: 40px;
	display:block;
	text-indent: -99999px;
	overflow: hidden;
}

#menu ul li.ctt a{
	background: url(images/menu_contato.jpg);
	width: 50px;
	height: 40px;
	display:block;
	text-indent: -99999px;
	overflow: hidden;
}


#menu ul li.email a {
	background: url(images/menu_email.jpg);
	width: 50px;
	height: 40px;
	display:block;
	text-indent: -99999px;
	overflow: hidden;
}

/************************ FIM  MENU TOPO *******************/

/*********************** INICIO  PORTFOLIO *****************/


#portfolio{
	/*background:#FFFF00;*/
	position: relative;
	float: left;
	left: 70px;
	top: 168px;
	width:185px;
	height: 205px;
	/*border: solid 1px; color:#FFFFFF;*/
	
}

#portfolio ul#ulala {
list-style-type: none; /*remove o marcador*/ 
margin: 0; /*remove o recuo IE e Opera*/ 
padding: 0; /*remove o recuo Mozilla e NN*/ 
/*font: bold 16px arial, helvetica, sans-serif;*/
}

#portfolio ul#ulala li a span {
	display: none;
	text-decoration: none;
	text-align:justify;
}

#portfolio ul#ulala li a:hover span {
	display: block;
	position: relative;
	top:30px;
	left: 30px;
	width: 130px;
	padding: 5px;
	margin-left:2px;
	color: #000000;
	background:#ffffff;
	font-size: 10px;
	text-align:justify;
	border:1px solid #FF9900;
	/*z-index: 10000;*/
	text-decoration:none;
}



#portfolio ul#ulala li#cliente1 a {
	background: url(images/bolas.gif);
	position: absolute;
	/*float: left;*/
	left: 23px;
	top: 5px;
	width: 28px;
	height: 28px;
	display:block;
/*	text-indent: -99999px;
	overflow: hidden;*/
	/*border: solid 1px; color:#00FF00;*/
	text-decoration: none;
}

#portfolio ul#ulala li#cliente2 a {
	background: url(images/bolas.gif);
	position: absolute;
	/*float: left;*/
	left: 53px;
	top: 1px;
	width: 28px;
	height: 28px;
	display:block;
/*	text-indent: -99999px;
	overflow: hidden;
	border: solid 1px; color:#00FF00;*/
	text-decoration: none;
}

#portfolio ul#ulala li#cliente3 a {
	background: url(images/bolas.gif);
	position: absolute;
	/*float: left;*/
	left: 105px;
	top: 25px;
	width: 28px;
	height: 28px;
	display:block;
/*	text-indent: -99999px;
	overflow: hidden;
	border: solid 1px; color:#00FF00;*/
	text-decoration: none;
}

#portfolio ul#ulala li#cliente4 a {
	background: url(images/bolas.gif);
	position: absolute;
	/*float: left;*/
	left: 136px;
	top: 44px;
	width: 28px;
	height: 28px;
	display:block;
/*	text-indent: -99999px;
	overflow: hidden;
	border: solid 1px; color:#00FF00;*/
	text-decoration: none;
}

#portfolio ul#ulala li#cliente5 a {
	background: url(images/bolas.gif);
	position: absolute;
	/*float: left;*/
	left: 155px;
	top: 81px;
	width: 28px;
	height: 28px;
	display:block;
/*	text-indent: -99999px;
	overflow: hidden;
	border: solid 1px; color:#00FF00;*/
	text-decoration: none;
}

#portfolio ul#ulala li#cliente6 a {
	background: url(images/bolas.gif);
	position: absolute;
	/*float: left;*/
	left: 0px;
	top: 89px;
	width: 28px;
	height: 28px;
	display:block;
	/*text-indent: -99999px;
	overflow: hidden;
	border: solid 1px; color:#00FF00;*/
	text-decoration: none;
	
}

/* Fix IE. Hide from IE Mac \*/
* html ul#ulala li { float: left; height: 1%; }
* html ul#ulala li a { height: 1%; }
/* End */
ul#ulala a:hover {
color: #fff;
background: #ff88ff;
border-right: 0px ;
border-left: 0px ;
}

/************************* FIM  PORTFOLIO *******************/

 /**************** INICIO EMPRESA ************/

.areaempresa {
	position: relative;
	float: right;
	left: 258px;
	top: 60px;
	margin-right: 5px;
	width:310px;
	text-align: center;
	font-size:11px;
	color:#FFFFFF;
	height: 100px;
	vertical-align:top;
}

/* hack para Internet Explorer */
/*\*/
* html .areaempresa {
	top: 65px;
	margin-right: 5px;
	width:310px;
	text-align: center;
	font-size:11px;
	color:#FFFFFF;
	height: 100px;
	vertical-align:top;
}

/**/

.empresa {
	padding: 10px;
	text-align: justify;
	margin-top: 15px;
}


/* hack para Internet Explorer */
/*\*/
* html .empresa {
	padding: 10px;	
	text-align: justify;
	margin-top: 0px;
}

/**/

 /**************** FIM   EMPRESA ************/