/*----------------------------------- CopyRight --------*/
/*                                                      */
/*  Estilo principal DmMasajeBelleza.com                */
/*  Pixelmio - www.pixelmio.net - pixelmio@pixelmio.com */
/*  Version 1.0-01 - 06/04/2011                         */
/*                                                      */
/*----------------------------------- /CopyRight -------*/

* {margin: 0;padding: 0}
body {background-color: #FFF;text-align: left;font: 12px/20px "Lucida Grande", Arial, Helvetica, sans-serif;color:#444}
a {color: #5B6802}
a:hover {}
a:visited {}
form {margin-left:30px}
p {margin: 5px;padding: 0 10px}

div#navcontainer {background-color: #BAD405;margin-left: 30px;width: 740px;background-image: url(../images/pat2.png)}
div#navcontainer ul {font-weight: bold;color: #5B6802;text-align: center;margin: 0;padding-bottom: 5px;padding-top: 5px;font-size: 1.1em}
div#navcontainer ul li {display: inline;margin-left: -4px}
div#navcontainer ul li a {padding: 8px 10px;color: #5B6802;text-decoration: none;border: none}
div#navcontainer ul li a:hover {background-color: #5B6802;color: white;background-image: url(../images/pat1.png);}

#active a {background-color: #BAD405}

#principal {margin: 0 auto;background: url(../images/bg3.jpg) repeat-y;width: 800px;color: #5B6802}
#haut, #bas, #presentation {float: left;width: 740px;margin-left: 30px;

/* FF */
_margin-left: 15px;font-size: 1em}
#haut ul li, #bas ul li {list-style-image: url(../images/li4_FF.png);

/* FF */
_list-style-image: url(../images/li4_IE.png);
/* IE */
}
#bas {clear: both}
#one,#two,#tree,#four {min-height: 223px;height: auto;_height: 223px;list-style: none;background: url(../images/bgCadres.png) no-repeat bottom}
#one ul,#two ul,#tree ul,#four ul {padding: 10px 0 20px 30px}
#one {float: left;width: 369px}
#one h2 {background: url(../images/quiH2.jpg) top left no-repeat;height: 81px}
#two {float: right;width: 371px}
#two h2 {background: url(../images/tcH2.jpg) top left no-repeat;height: 81px}
#tree {float: left;width: 369px}
#tree h2 {background: url(../images/cfH2.jpg) top no-repeat;height: 81px}
#four {float: right;width: 370px}
#four h2 {background: url(../images/teH2.jpg) top no-repeat;height: 81px}
#header {background-image: url(../images/head4.jpg);height: 184px}
#nav {}

#content {width: 800px}

#footer {background-image: url(../images/foot2.jpg);height: 82px;clear: both;text-align: center}

/*#presentation p {margin: 5px;}*/

#formu {float: left;width: 369px}

form#reserva {}
form#reserva label {}
form#reserva input[type="text"], form#reserva textarea{
    border: 1px solid #E8ECB9;
    color: #5B6802;font-size: 14px;padding: 5px}

form#reserva textarea{resize: none;overflow:auto}
.awesome{    
    display: inline-block;
    padding: 5px 10px 6px;
    color: #5B6802;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    position: relative;
    cursor: pointer;
    }
    /* Sizes ---------- */
    .small.awesome {font-size: 11px}
    .medium.awesome {font-size: 13px}
    .large.awesome {font-size: 14px;padding: 8px 14px 9px}
     
    /* Colors ---------- */
    .verde.awesome {background-color: #bbd500;border: none}
    


/* CLASSES */
.eloigne {margin-left: -10000px}
.centre {text-align: center}
.cadrephoto {border: #BBD500 3px solid;background-color: #FFF;padding: 2px}
.h2Contact {margin: 10px 0 15px 15px;font-size: 2em}
.h3Contact {margin: 10px 0 10px 10px;font-size: 1.5em}
.petit {font-size: 0.8em}
.ml50 {margin-left: 50px}
.vert {color: #BBD502}
.sb {border: 10px}
.sanitario {color: #BBD205;font-size: 85%;font-weight: bold;margin: 0 5px 0 0;text-align: right}
.pxlm {font-size: 90%;text-decoration: none;text-align: right;width: 750px;margin: 0 auto 15px auto}
.pxlm a img{border: 0}