/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
 body {background-color:#82A364;
       min-height:600px;
      }

 div.mensaje {text-align:center; width:50%; height:500PX; float:left; }
 div.mensaje p.titulo {color:darkblue; font:50px arial bold; margin-left:20px; margin-right:20px; height:15%;}
 div.mensaje p.descrip {color:darkblue; font:20px times; margin:20px; height:15%;}
 div.mensaje hr { height:1px; background-color:darkblue; border:0px; }
 div.mensaje form {float:left; margin-left:20px;}
 div.mensaje form input[type="radio"] {accent-color:green; }
 div.mensaje form select {appearance:none; border: 2px solid darkgreen; font:20px green; margin:0px; 
                          background-color: lightgreen; }
    
 div.logo {width:50%; min-height:500px; 
           background-image:url('../images/Logo_Sanamente_lite.png');
           background-size:60%;
           background-repeat:no-repeat;
           background-position: center;
           float:left;
}
.profesional {background-color:#4ABAAB;
              color: darkgreen;
              font-weight:bold;
              height:25px;
              width:150px;
              border-color:green;
              border-radius:5px;
              float:right; 
              margin-top:10px;
              margin-right:10px;
             }
 
 div.pie {height:100px;
          background-color:#404040;
          width:100%;
          color:lightgray;
          float:left;
         }
         
 div.pie ul {list-style-type:none; }
 div.pie ul li {float:left; margin:10px; }
             
 .buscar {background-color:#4ABAAB;
          color: black;
          font-weight:bold;
          height:40px;
          width:180px;
          border-color:green;
          border-radius:5px; }
          
@media screen and (max-width: 600px)
{
div.mensaje {width:100%; }
div.logo    {width:100%; }
div.pie     {height:200px; }
}

@media screen and (min-width:1000px)
{
div.mensaje {height:80%; }
div.logo    {height:80%;}
div.pie     {height:20%; }
}