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

Style for (IE´s, Opera, Netscape e Firefox)

version:	1
Author: 	Patrik Picoli
email:		info@dipicoli.com
website:	http://www.dipicoli.com

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

*{
margin:0;
padding:0;
}

html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
font-family:"trebuchet MS", Arial, Georgia;
font-size:1em;
color:#666;
}

#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:100%;

height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#header {
margin:20px 0 0 0;
width:100%;
height:106px;
background:url(../images/barSup.gif) bottom left repeat-x;
}

#content {
padding:30px 20px 300px 20px; /* bottom padding for footer */
}

#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html div#content {height: 1%;}
/* End hide from IE-mac */

.nom{
float:right;
margin:0 55px 0 0;
background:url(../images/titulo.gif) bottom left no-repeat;
width:248px;
height:106px;
}

.nomEng{
float:right;
margin:0 55px 0 0;
background:url(../images/titulo_eng.gif) bottom left no-repeat;
width:248px;
height:106px;
}

h1{
display:none;
}


/********************** Menu ************************/

.menu{
float:left;
margin:5px 0 0 40px;
padding:0;
list-style:none;
}

.menu li{
float:left;
background:url(../images/tabLeft.gif) no-repeat top right;
}

.menu li a{
display:block;
padding:0 15px 0 20px;
vertical-align:middle;
line-height:32px;
text-decoration:none;
font-size:1.1em;
color:#999999;
background:url(../images/tabRight.gif) no-repeat top left;
}

.menu li a:hover{
color:#595441;
}

#home .home a, #curric .curric a, #proj .proj a{
color:#595441;
}

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

.versionEng, .versionEng:hover, .versionPt, .versionPt:hover{
float:left;
margin:70px 0 0 -350px;
text-decoration:none;
background:url(../images/flagEng_0.gif) no-repeat center left;
padding:5px 0 5px 35px;
font-size:13px;
color:#D8D8D8;
}

.versionEng:hover{
background:url(../images/flagEng_1.gif) no-repeat center left;
color:#FFFFFF;
}

.versionPt{
float:left;
margin:70px 0 0 -310px;
text-decoration:none;
background:url(../images/flagBra_0.gif) no-repeat center left;
padding:5px 0 5px 35px;
font-size:13px;
color:#D8D8D8;
}

.versionPt:hover{
margin:70px 0 0 -310px;
background:url(../images/flagBra_1.gif) no-repeat center left;
}

.contato{
float:left;
margin:10px 0 0 50px;
padding:0 25px 0 0;
color:#4a8797;
background:url(../images/link.gif) no-repeat center right;
}


/*************** Barras Demarcadoras ***************/

.barLeft{
position:absolute;
top:37px;
left:40px;
margin-top:-1px;
background:url(../images/startArea.gif) no-repeat top left;
height:473px;
width:30px;
}

.barRight{
position:absolute;
top:36px;
right:40px;
background:url(../images/endArea.gif) no-repeat top right;
height:473px;
width:32px;
}

/************** END Barras Demarcadoras ***********/

fieldset{
float:left;
border:1px solid #C7B299;
padding:15px;
font-size:13px;
text-align:justify;
margin:0 10px 15px 20px;
color:#282828;
font-size:1em;
line-height:27px;
}

fieldset legend{
font-size:1.2em;
font-weight:bold;
}

.sobreMim{
width:220px;
margin:0 10px 0 50px;
}

.services{
width:48%;
}

.services ul{
width:90%;
margin:10px 0 20px 30px;
}

.services ul .title{
color:#333;
list-style:none;
margin:10px 0 10px 0;
}

.services ul li{
margin:0 0 0 20px;
}



hr{
display:none;
}

.knowHow{
float:right;
margin:0 55px 0 0;
padding:0;
width:70px;
list-style:none;
}

.knowHow li{
width:70px;
height:90px;
}

.knowHow li a{
display:block;
}

.knowHow img{
border:none;
}

#footer {
position:absolute;
width:100%;
bottom:0; /* stick to bottom */
height:289px;
background:url(../images/bottom.gif) repeat-x bottom left;
}

.foto{
height:289px;
width:230px;
background:url(../images/foto.gif) no-repeat;
margin:0 0 0 50px;
float:left;
}

.tag{
float:left;
width:45%;
z-index:2;
margin:100px 0 0 -110px;
color:#FFF;
font-size:1.6em;
}

.tagMenor{
font-size:0.7em;
}

.tagMaior{
font-size:1.5em;
}

form{
position:absolute;
right:0px;
width:300px;
margin:85px 40px 0 0;
}

.abaForm{
position:absolute;
top:49px;
right:132px;
width:165px;
height:29px;
background:url(../images/abaContato.gif) no-repeat top left;
}

.abaFormEng{
position:absolute;
top:49px;
right:132px;
width:165px;
height:29px;
background:url(../images/abaContato_eng.gif) no-repeat top left;
}

form label{
display:block;
float:left;
width:298px;
margin:5px 0;
color:#282828;
font-size:0.9em;
}

form label input, form label textarea{
width:83%;
margin:-17px 0 0 50px;
float:right;
}

textarea{
height:80px;
}

.button{
width:70px;
height:25px;
margin:0 0 0 228px;;
}


.url{
color:#3399cc;
font-weight:bold;
padding:0 13px 0 0;
background:url(../images/linExt.gif) no-repeat center right;
}

.title{
font-size:1.2em;
color:#4a8797;
margin:10px 0 15px 0;
}

.btn{
position:absolute;
left:50%;
margin:30px 0 0 -20px;
}