/* Hoja de estilos para Promico Imagen */

/* body */
body {
    background-color:#ffffff;
}

/* Contenedor principal */
div.main {
    margin: 20px auto 0px auto; 
    width: 800px;
    height: 650px;
}

/* Header */
div.header {
    float:left;
    width: 790px;
    height: 78px;
    margin: 5px 0px 0px 5px; 
}

/* flash */
div.contentflash {
    float:left;
    width: 160px;
    height: 78px;
}

/* Barra de menu */
div.contentmenu {
    float:left;
    width:625px;
    height:78px;
    background-image:url("../img/barra_menu.gif");
    background-repeat: no-repeat;
    padding-left:0px;
}

/* Menu principal */
div.menu {
    float:left;
    width:600px;
    height:20px;
    padding:60px 0px 0px 10px;
    font:12px Arial,Helvetica,sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    text-align: bottom;
}

/* Submenu (izquierda) */
div.contentsubmenu {
    float:left;
    width: 158px;
    height: 457px;
    margin:0px 0px 5px 5px;
}
 
/* Contenido multimedia */
div.contentmedia {
    float:left;
    width: 378px;
    height: 457px;
    margin:0px 0px 5px 5px;
}

/* Contenedor reproductor de video */
div.play {
    float:left;
    width: 320px;
    height: 240px;
    border: solid 2px #f2f2f2;
    margin:10px 0px 0px 27px;
}

/* Contendor descripcion video */
div.desc {
    float:left;
    width: 322px;
    height: 190px;
    margin:5px 0px 0px 27px;
    font:10px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
}

/* Contenido zapping (derecha) */
div.contentzap {
    float:left;
    width:220px;
    height:447px;
    margin:0px 0px 5px 25px;
    background-image:url("../img/base_right.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    font:10px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
}

/* Pie de pagina  */
div.footer {
    float:left;
    width:790px;
    height: 87px;
    margin:0px 0px 0px 5px;
    background-image:url("../img/barra_inferior.gif");
    background-repeat: no-repeat;
}

/* Contenido del pie de pagina */
div.footercontent {
    float:left;
    width:730px;
    height: 20px;
    margin:0px 0px 0px 5px;
    padding-top:25px;
    background-image:url("../img/barra_inferior.gif");
    background-repeat: no-repeat;
    font:10px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
}

/* Enlaces  */
a.menu:link, a.menu:active, a.menu:visited {
    font:12px Arial,Helvetica,sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}

a.submenu:link, a.submenu:active, a.submenu:visited {
    font:12px Arial,Helvetica,sans-serif;
    color:#A2C1C5;
    text-decoration:none;
    font-weight:bold;
    line-height:15px;
}

a.submenu:hover {
    font:12px Arial,Helvetica,sans-serif;
    color:#4A686B; 
    text-decoration:none;
    font-weight:bold;
    line-height:15px;
}

a.submenuselected:link, a.submenuselected:active, a.submenuselected:visited {
    font:12px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
    font-weight:bold;
    line-height:15px;
}

a.menuselected:link, a.menuselected:active, a.menuselected:visited {
    font:12px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
    font-weight:bold;
}

a.menu:hover {
    font:12px Arial,Helvetica,sans-serif;
    color:#4A686B; 
    text-decoration:none;
    font-weight:bold;
}

a.footer:link, a.footer:active, a.footer:visited {
    font:10px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
    line-height:15px;
}

a.footer:hover {
    font:10px Arial,Helvetica,sans-serif;
    color:#FFFFFF; 
    text-decoration:none;
    line-height:15px;
}

/* Imágenes */
img {
    border:0;
}

/* Titulos */
span.title {
    font:18px Arial,Helvetica,sans-serif;
    color:#A2C1C5;
    text-decoration:none;
    font-weight:bold;
    line-height:40px;
}

span.titledesc {
    font:14px Arial,Helvetica,sans-serif;
    color:#A2C1C5;
    text-decoration:none;
    font-weight:bold;
    line-height:15px;
}

span.titlesec {
    font:12px Arial,Helvetica,sans-serif;
    color:#4A686B;
    text-decoration:none;
    font-weight:bold;
    line-height:15px;
}

/* Separadores */
hr {
    border:0;
    color: white;
    height:0px; 
}