/* GENERALES */

body    {
            background-color:#e5e5e5;
            margin: 0 0 0 0;
        }

img {
        border:none;
        behavior: url(js/iepngfix.htc);
    }

a img   {
        border:none;
    }

.footer {
            margin-left:361px;
        }
        
#contenedor {
                width: 100%;
                background:url(../images/bg_home.jpg) repeat-x;
            }
            

.contenido  {
                width:956px;
            }

.box    {
            background-color:#eeeeee;
            width:522px;
            float:right;
            margin-right:15px;
            padding: 15px 28px 28px 28px;
            #padding: 30px 28px 28px 28px;
            font-family: Arial, Helvetica, sans-serif;
            font-size:12px;
            line-height:18px;
            color:#4c4c4c;
        }
            



        
/* HOME */

.letraDiv {font-family: Arial, Helvetica, sans-serif;
           font-size:12px;
           line-height:18px;
           color:#4c4c4c;}

.header {
            background: url(../images/header_home-poseidon.jpg) no-repeat top;
            height:325px;
            width:956px;
            margin-bottom:20px;
        }

#botonera   {
            position:relative;
            width: auto;
            float:right;
            margin-top:288px;
            margin-right:2px;
            }

#botonera ul    {
                    height:37px;
                    width:564;
                    list-style-type:none;
                    margin: 0;
                    padding: 0;
                    float:left;
                }

#botonera ul li {
                    display:inline;
                    float: left;
                    margin-right:12px;
                }
                
#botonera .enfermedades     {
                                background: url(../images/btn_enfermedades_off.jpg) no-repeat;
                                width: 141px;
                                height: 37px;
                                cursor: pointer;
                            }

#botonera .enfermedades:hover   {
                                background: url(../images/btn_enfermedades_on.jpg) no-repeat;
                                }

#botonera .recomendaciones  {
                                background: url(../images/btn_recomendaciones_off.jpg) no-repeat;
                                width: 158px;
                                height: 37px;
                                cursor: pointer;
                            }

#botonera .recomendaciones:hover    {
                                background: url(../images/btn_recomendaciones_on.jpg) no-repeat;
                                }

#botonera .contacto     {
                                background: url(../images/btn_contacto_off.jpg) no-repeat;
                                width: 103px;
                                height: 37px;
                                cursor: pointer;
                            }

#botonera .contacto:hover   {
                                background: url(../images/btn_contacto_on.jpg) no-repeat;
                                }


/* INTERNAS */

#contenedorInt  {
                width: 100%;
                background: url(../images/bg_int.jpg) repeat-x;
            }

.headerInt  {
            background: url(../images/header_internas-poseidon.jpg) no-repeat top;
            height:180px;
            width:956px;
            margin-bottom:20px;
        }

#botoneraInt    {
            position:relative;
            width: auto;
            float:right;
            margin-top:143px;
            margin-right:2px;
            }

#botoneraInt ul {
                    height:37px;
                    width:564;
                    list-style-type:none;
                    margin: 0;
                    padding: 0;
                    float:left;
                }

#botoneraInt ul li  {
                    display:inline;
                    float: left;
                    margin-right:12px;
                }
                
#botoneraInt .enfermedades  {
                                background: url(../images/btn_enfermedades_off.jpg) no-repeat;
                                width: 141px;
                                height: 37px;
                                cursor: pointer;
                            }

#botoneraInt .enfermedades:hover    {
                                background: url(../images/btn_enfermedades_on.jpg) no-repeat;
                                }

#botoneraInt .recomendaciones   {
                                background: url(../images/btn_recomendaciones_off.jpg) no-repeat;
                                width: 158px;
                                height: 37px;
                                cursor: pointer;
                            }

#botoneraInt .recomendaciones:hover     {
                                background: url(../images/btn_recomendaciones_on.jpg) no-repeat;
                                }

#botoneraInt .contacto  {
                                background: url(../images/btn_contacto_off.jpg) no-repeat;
                                width: 103px;
                                height: 37px;
                                cursor: pointer;
                            }

#botoneraInt .contacto:hover    {
                                background: url(../images/btn_contacto_on.jpg) no-repeat;
                                }

#botoneraInt .producto  {
                                background: url(../images/btn_producto_off.jpg) no-repeat;
                                width: 126px;
                                height: 37px;
                                cursor: pointer;
                            }

#botoneraInt .producto:hover    {
                                background: url(../images/btn_producto_on.jpg) no-repeat;
                                }




/* ENFERMEDADES */

        #heading * {
            display: inline;
            padding: 4px;
            user-select: none;
            cursor: pointer;
            vertical-align: middle;
            color:#8dc73f;
        }
        #heading li.active {
            background-color: #8dc73f;
            color:#FFFFFF;
        }

        #wrapper { margin: 20px; padding: 20px; }
        
        
        #panes {
            border-style: none;
            width: 640px;
            margin-left: -150px;
        }
        
        #panes p {
          width: 420px;
          float: right;
          padding-left:20px;
        }

        #panes h3 {
            color:#8dc73f;
            font-size:15px;
            font-weight:bold;
            margin-left:220px;
        }
        
        #panes div div { overflow: hidden; }
        
        #previous { float: none; cursor: pointer; }
        #next { float: none; cursor: pointer; }
        #panes div.macro    {
                    float:left;
                    width:190px;
                    height:190px;
                }

/* CONTACTO */

.inputTexto {background-color: #DEDEDE;
             height: 28px;
             border-left: 1px solid #cdcdcd;
             border-top: 1px solid #cdcdcd;
             border-bottom: none;
             border-right: none;
             padding-top: 8px;
             padding-left: 2px;}

.inputArea {background-color: #DEDEDE;
            height: 120px;
            border-left: 1px solid #cdcdcd;
            border-top: 1px solid #cdcdcd;
            border-bottom: none;
            border-right: none;
            padding-left: 2px;
            padding-top: 3px;}