/*--estilo.css--*/
/*A -> Alteração
 Add = Conteúdo adicionado
*/
*{margin:0;padding:0; font-family:arial,calibri;font-size:14px}
body{
    background-color:#DDD;
}
/*--Configuração da seção topo do site--*/
#topo{
    width:100%;
    height:400px;
    background-color:#777;
    float:left;
    position:relative; /*alteração feita*/
}

#topo figure{
    	margin:220px 42.5% auto;
    	position:relative;
    	z-index:10;
}

/*
p{font-family:calibri}
*/


#topo figure img{
    width:150px;
    height:auto;
    background-color:#000;
    border-radius:100px;
    float:left;
}

#topo header{
    width: 100%; /*alteração*/
    position:absolute; /*alteração*/
    margin-top:120px; 
}

#topo header h1{
    text-align:center;
    font-size:36px;
    color:#FFF;
}

/*Configurações do icone da camera - primeira lista*/
#foto{
    list-style:none;
    position:absolute;
    top:-30px;
    left:0;
}
#foto li:hover ul{display:block;}

/*Imagem da camera*/
#cam{
    width:50px;
    height:auto;
    transition:0.2s;
    position:relative;
    z-index:10;
}
#foto li:hover #cam{width:55px;height:auto;}

/*Segunda lista*/
#foto li ul{
    z-index:10;
    display:none;
    list-style:none;
    position:absolute;
    background-color:#999;
     width:160px;
     top:30px;
     left:40px;
}#foto li ul li{
  border:0px solid red;
  color: #777;
  padding:10px 10px;
  margin:2px 1px;
  background-color:#FFF;
  
}#foto li ul li:hover {color:#FFF;background-color:#555;}

#itens_menu li a {
    text-decoration:none;
    color:#3699EC;
    padding:10px 20px 0px 20px;
}
/*padding:10px 20px;*/

/*Contem a foto da camera*/
#topo nav{
    border:0px solid red;
    position:relative;
    width:100px;
    height:100px;
    margin-left:52%;
    margin-top:28%;
}

#menu_perfil{
     width:100%;
     min-height:50px;
     background-color:#222;
     position:absolute;
     bottom:0;
    
}
#menu_perfil a{
    float:left;
    text-decoration:none;
    color:#999;
    padding: 30px;
    background-color:#222;
}
#menu_perfil a:hover {
    background-color:#555;
    color:#3699ec;
}

#principal{
	max-width:1200px;
	min-height:700px;
	margin: 0 auto;
	background-color:#3699EC;
}

#conteudo{
    width:100%;
    min-height:400px;
    float:left;
    margin: 0  auto auto 0;
    background-color:#3699EC;
}


h1,.dados, .posts {margin-left:20px;}

.img_posts{
    height:25px;
    width: auto;
    margin:2px;
    border:0px solid red;
    position:relative;
    top:10px;
    transition:0.1s;
    opacity:0.7;
}.img_posts:hover{opacity:1;}

/*Formulário da página Index*/
#form{
    border:0px solid blue;
    width:500px; /*largura*/
    min-height:240px; 
    margin:15% auto;
    overflow:hidden;
    background-color:#3699ec;
    position:relative;
}

/*link dentro do id form*/
#form a{
   float:left;
   /*position:absolute;*/
   margin:20px 0 0 20px;
  /* right:5%;*/
   /*bottom:10px;*/
   border:0px solid red;
   text-decoration:none;
   
}#form a:hover{
    text-decoration:underline;
}

/*Formulário da página Index*/
#formmonica{
    border:1px solid blue;
    width:500px; /*largura*/
    min-height:240px; 
    margin:5% auto;
    overflow:hidden;
    background-color:#3699ec;
    position:relative;
}

/*link dentro do id form*/
#formmonica a{
   float:left;
   /*position:absolute;*/
   margin:20px 0 0 20px;
  /* right:5%;*/
   /*bottom:10px;*/
   border:0px solid red;
   text-decoration:none;
   
}#formmonica a:hover{
    text-decoration:underline;
}

.entradas{
    width:90%;
    height:45px;
    float:left;
    margin:5px 5%;
}
.textarea{
    width:90%;
    height:70px;
    float:left;
    margin:5px 5%;
}


label{
    float:left;
    margin:1% 5%;
}
.bt_form{
    padding:5px 10px;
    margin-bottom:5px;
}
#rodape{
  width:100%;
  min-height:50px; 
  float:left;
  background-color:#222;
    
}

#rodape footer p{
    text-align:center;
    margin:40px 0;
    color:#999;
}

.small {
  line-height: 0.7;
}

.big {
  line-height: 1.8;
}

table, th, td {
  border: 0px solid;
  border-bottom: 1px solid #ddd;
}

th, td {
  padding: 15px;
  text-align: left;
}

p {
  margin-bottom: 0 
    
}
p + p {
  text-indent: 1.5em;
  margin-top: 0 }
  
  input {
    margin: .4rem;
}
h2 {margin-left:15px; color: blue; font-size: 19px;}

h3,.dados{margin-left:10px; color: blue; text-align: center; font-size: 19px;}

.gg {
  width: 2000px;
}
.ggg {
  width: 200px;
}


.intro1 {margin-left: 2.5em; 
    font-size: 16px;
}
.intro3 {margin-left: 2em;
    font-size: 18px;
}
	         
.intro2 {margin-left: 2em;
          font-size: 18px;
          font-weight: bold;
	         }

.intro4 {
          font-size: 18px;
          
	         }
.intro5 {
           font-size: 15px;
          
	         }


#p1 {background-color: #ff0000;}   /* red */