/* 
    Document   : default
    Created on : 07-nov-2008, 21:42:59
    Author     : GILBERTO
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
/*    background: url(images/fondomgtech.gif);*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    background-color: #a4a5fc;
}

h1, h2
{
    color: #AA2808;
    font-size: 13px;
}

h3 {
    color: black;
    padding-top: 3px;
    font: normal 38px "Candara", Arial, Helvetica, sans-serif;
    font-weight:bold;
}


#header{
    width: 750px;
    height: 90px;
    margin: 0;
    padding-top: 0px;
    background-color: transparent;
    
}

#footer{
    width: 750px;
    height: 70px;
    margin: 0;
    padding-top: 5px;
    background-color: transparent;
}

#footer p{
    font: normal 11px "Verdana";
    margin: 0;
    padding: 0 0 0 210px;
    color: navy;
}

#footer img{
    margin: 3px 335px;
}

#footer hr{
    width: 750px;
    color: navy;
    margin: 0;
}


#logo{
    padding: 10px 0 0 20px;
}

#leyenda{
    float: left;
}

#leyenda h1{
    padding: 20px 0 0 15px;   
    font: italic 38px "Candara", Arial, Helvetica, sans-serif;
}
 
#page {
    padding: 0px 100px;
    width: 1000px;
}

#menu{
    float: left;
    padding-left: 0px;
}

#menu ul{
    margin: 0px;
    padding: 10px 0 0 0;
    list-style: none;
    line-height: normal;
}

#menu li{
    display: inline; 
}

#menu a{
    display: block;
    float: left;
    width: 125px;
    height: 20px;
    margin: 0;
    padding: 10px 0 7px 0;
    font: "Verdana";
    font-size: 13px;
    text-align: center;
/*    text-transform: uppercase;*/
    font-weight: bold;
    background: url(images/fondolink1.gif);
    color: orange;
    text-decoration: none;
}

#menu a:hover, menu .active a{
    background: url(images/fondolink2.gif);
    color:yellow;
    text-decoration: underline;
}

#menuquienes{
    margin: 0;
    width: 200px;
    height: 30px;
    float: left;
}

#menuquienes ul{
    margin: 0;
    padding: 0;
    list-style:none;
    line-height: normal;
}

#menuquienes li{
    margin: 0;
    display:block;
}

#menuquienes a{
    margin: 0;
    display: block;
    float: left; 
    width: 188px;
    padding: 7px;
    font: "Verdana";
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: url(images/menu_quienes.gif);
    color: olive;
    text-decoration: none;
}

#menuquienes a:hover, menuquienes .active a{
    background: url(images/menu_quienes_act.gif);
    text-decoration: underline;
    color: #7e0a0a;
}

#menuquienes p{
    background: url(images/menu_quienes_cont.gif);
    margin: 0;
    display: block;
    float: left;
    width: 188px;
    padding: 7px;
    font: "Verdana";
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: olive;
    text-decoration: none;
}

#link1 {
    float: left;
    padding-left: 0px; 
}

#link1 ul{
    margin: 0px;
    padding: 0px 0 0 0;
    list-style: none;
    line-height: normal;   
}

#link1 li{
    display: inline;     
}

#link1 a{
    display: block;
    float: left;
    width: 150px;
    height: 20px;
    margin: 0;
    padding: 10px 0 0 0;
    font: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: url(images/fondolink1.gif);
    color: orange;    
}

#link1 a:hover, link1 .active a {
    background: url(images/fondolink2.gif);    
    color:purple;
}

#soluciones{
    margin: 0;
    width: 750px;
    background: url(images/fondorecuadro.gif);
}

#soluciones h2
{
    background: url(images/titulo3.gif) repeat-x;
    text-align: center;
    font-weight: bold;
    color:white;
    width: 750px;
    height: 30px;
    margin: 0;
    padding: 7px 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#soluciones p
{
    font-weight: lighter;
    color:black;
    width: 750px;
    margin: 0;
    padding: 10px 7px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#soluciones a{
    text-decoration: none;
}

#soluciones a:hover, soluciones .active a{
    text-decoration: underline;
    color: white;
}

#solglobales{
    width: 350px;
    height: 300px;
    margin: 0;
/*    background-color: #e6f6d4;*/
    background: url(images/fondo_cuadro.gif) no-repeat;
}

#solglobales h2
{
/*    background: url(images/titulo4.gif) repeat-x;*/
    text-align: center;
    font-weight: bold;
    color:white;
/*    width: 360px;  */
    height: 30px;
    margin: 0;
    padding: 7px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#solglobales p
{
    font-weight: lighter;
    color: black;
/*    width: 360px;  */
    margin: 0;
    padding: 10px 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#solglobales a{
    text-decoration: none;
}

#solglobales a:hover, solglobales .active a{
    text-decoration: underline;
    color: white;
}

#solglobales img
{
    width: 293px;
    height: 150px;
    border: 2px solid white;
    margin: 3px 25px;
}

#solglobales img2{
    width: 350px;
    height: 300px;
}

#solglobales a:hover img {
    border: 2px solid green;
}

#solglobales a:hover img2{
    border:transparent;
    background: url(images/fondo_cuadro2.gif);
}

#solinternet{
    width: 350px;
    height: 300px;
/*    margin: 0;  */
/*    background-color: #e2d5ec;*/
    background: url(images/fondo_cuadro.gif) no-repeat;
    margin: -300px 10px 15px 395px;
}


#solinternet h2
{
/*    background: url(images/titulo6.gif) repeat-x;*/
    text-align: center;
    font-weight: bold;
    color:white;
/*    width: 350px;  */
    height: 30px;
    margin: 0;
    padding: 7px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#solinternet p
{
    font-weight: lighter;
    color: black;
/*    width: 350px;  */
    margin: 0;
    padding: 10px 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
}

#solinternet a{
    text-decoration: none;
}

#solinternet a:hover, solinternet .active a{
    text-decoration: underline;
    color: white;
}

#solinternet img
{
    width: 300px;
    height: 150px;
    border: 2px solid white;
    margin: 3px 25px;
}

#solinternet a:hover img {
    border: 2px solid purple;
}

#solweb{
    width: 350px;
    height: 300px;
    margin: 0;
/*    background-color: #ddbf84;*/
    background: url(images/fondo_cuadro.gif) no-repeat;
}

#solweb h2
{
/*    background: url(images/titulo7.gif) repeat-x;*/
    text-align: center;
    font-weight: bold;
    color:white;
/*    width: 360px;  */
    height: 30px;
    margin: 0;
    padding: 7px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#solweb p
{
    font-weight: lighter;
    color: black;
/*    width: 350px;  */
    margin: 0;
    padding: 10px 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#solweb a{
    text-decoration: none;
}

#solweb a:hover, solweb .active a{
    text-decoration: underline;
    color:white;
}

#solweb img
{
    width: 300px;
    height: 150px;
    border: 2px solid white;
    margin: 3px 25px;
}

#solweb a:hover img {
    border: 2px solid orange;
}

#solmedicas{
    width: 350px;
    height: 300px;
    margin: 0;
/*    background-color: #ff9966;*/
    background: url(images/fondo_cuadro.gif) no-repeat;
    margin: -300px 10px 15px 390px;
}

#solmedicas h2
{
/*    background: url(images/titulo5.gif) repeat-x;*/
    text-align: center;
    font-weight: bold;
    color:white;
/*    width: 360px;  */
    height: 30px;
    margin: 0;
    padding: 7px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#solmedicas a{
    text-decoration: none;
}

#solmedicas a:hover, solmedicas .active a{
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

#solmedicas p
{
    font-weight: lighter;
    color: black;
/*    width: 350px;  */
    margin: 0;
    padding: 10px 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#solmedicas img
{
    width: 300px;
    height: 150px;
    border: 2px solid white;
    margin: 3px 25px;
}

#solmedicas a:hover img {
    border: 2px solid red;
}

#headquienes{
    margin: 0;
    width: 750px;
}

#headquienes img {
    width: 750px;
    height: 150px;
    margin: 0;
}

#headquienes p{
    background: url('images/head_quienes_3.gif');
    height: 50px;
    margin: 0;
    margin-top: -3px;
    padding: 7px;
    font-family: Verdana;
    font-size: 33px;
    color: white;
    font-weight:bold;
}

#quienessomos{
    margin: 0 auto;
    background-color: #fbf3ba;
    margin: 0 0 0 200px;
    width: 550px;
    height: 300px;
}

#quienessomos p{
    width: 550px;
    height: 300px;
    margin: 0 auto;
    padding: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#pagina {
    margin: 0 auto;
    width: 750px;
    background-color: #d9c1fc;
}

#pagina p {
    margin: 0 auto;
    color:black;
    font: normal 12px "Verdana";
}

#pagina table{
    font: normal 13px "Calibri";
    font-weight:bold;
}

#pagina input, select, textarea{
    font: normal 13px arial, verdana, tahoma, sans-serif;
}