﻿body {     background:url(../img/bg.jpg) top repeat-x; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
a {color:#1b9cc7}

h1 {background-image:url(../img/h1.gif); color:#268bc2; font-size :20px; background-repeat :no-repeat; background-position :0px 25px; height:65px; font-weight :normal  }

.wrapper{width:980px; text-align:left}
.header { width :967px; height:194px; background-image :url(../img/headerbg.jpg);text-align:left }
#logo {position:relative ; top:10px; left:10px;}
#contato { float:right; position:relative ; left:-12px}

.menu{ width :988px; height:53px;  background-image :url(../img/barrarosa.gif); position:relative ; 
       top:-35px; left:-4px; background-position :0px 24px; background-repeat :repeat-x ;  }
.menu ul { margin-left :265px;  }       
.menu ul li { float:left;background-image :url(../img/menuh.gif); width:112px; height:43px; color:White; 
              text-align:center; font-size :13px; font-weight :bold; padding:10px 0px 0px 0px;   }
.menu ul li a { text-decoration:none; color:White ;}

.conteudo {width :967px; min-height:600px; background:url(../img/bgconteudo.gif) repeat-x 0px 0px; position :relative ; top:-42px; text-align:left  }

.menul{ background-image:url(../img/menulateral.png); width:239px; height :220px; color:#6f36e2; padding:10px 0px 0px 20px; margin-left :5px}
.menul li {background-image:url(../img/menuitem.png); height:23px; background-repeat :no-repeat; padding:0px 0px 0px 15px; font-size :13px; }
.menul li a {font-size :13px; color:#6f36e2; text-decoration :none}
.menul li a:hover { background-color :#6f36e2; color:White}
.menul h2 { font-size :18px; font-weight :normal; padding-bottom:10px }

.footer {background:url(../img/footerbg.jpg) bottom repeat-x; width:100%; height:233px; background-position :0px 57px; overflow:hidden;}
.footertexto {background-image:url(../img/footer.jpg); width:952px; height:235px; position:relative ; left:-10px}
.footertexto2 { text-align:left ; padding:60px 0px 0px 240px; line-height:20px; font-size :11px;}


.banner {background-image:url(../img/bgbanner.png); 
         width:680px; height:243px; position:relative ; 
         left:-9px; background-repeat :no-repeat; 
         background-position :0px -2px; padding :0px 0px 0px 28px }

.indica {background-image:url(../img/indica.gif); width:262px; height:292px; margin-left:3px;}

#carinhas, #noiva, #orkut, #facebook, #twitter{ position:relative ; width:120px; height:50px; float:left; cursor:pointer;}
#carinhas { top:60px; left:80px;height:70px;}
#orkut {top:160px; left:-120px}
#twitter{top:110px; left:0px}
#facebook{top:110px; left:60px; width:160px; height:30px}

#conteudo { padding-left:10px; position:relative ; top:-4px; width:670px;}
.conteudotop {background-image:url(../img/conteudo-top.png); width:683px; height:25px;}
.conteudocentro {background-image:url(../img/conteudo-centro.png); width:663px; min-height:352px; padding:0px 0px 0px 20px}
.conteudobottom {background-image:url(../img/conteudo-bottom.png); width:683px; height:23px;}


#dobra1 {float:left; position:relative; top:-35px; left:-4px; z-index :10 }
#dobra2{float:left; position:relative; top:-35px; left :963px; z-index :10  }


.vejamais { background:url(../img/vejamais.jpg) no-repeat; width:220px!important; height:282px; text-align:center; float:left; padding:10px 0px 0px 0px; cursor:pointer;}


