﻿body
{
    background-color: #DDDDDD;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    color: #4b5971;
}

    body.fondoblanco
    {
        background-color: #FFFFFF;
    }

.cuerpo
{
    width: 777px; /* ANCHO PRINCIPAL */
    background-color: White;
    margin: 0 auto;
}

.contenedor
{
    width: 777px; /* ANCHO PRINCIPAL */
    height: 615px;
    font-family: Tahoma, Verdana, Arial;
    border: 1px #2A418B solid;
    margin: 0 auto;
    background-color: White;
    padding-bottom: 25px;
}
/*************************************MENU************************************************/
.barra
{
    background: url("../Images/menu.png") repeat-x scroll 0 0 transparent;
    border-right: 1px solid #2a418b;
    height: 49px;
    width: 778px;
}

    .barra ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .barra ul li
        {
            list-style: none outside none;
            margin: 0;
            padding: 0;
            display: inline;
        }

            .barra ul li a
            {
                border: 1px solid #222222;
                box-shadow: 0 1px 0 0 #4d4d4d inset;
                color: #fff;
                display: block;
                float: left;
                height: 32px;
                padding-top: 15px;
                text-align: center;
                text-decoration: none;
                width: 120px;
                font-family: Tahoma,Verdana,Arial;
                font-size: 11px;
                font-weight: bold;
            }

            .barra ul li a:hover
            {

               /*  Chrome 1-9 and Safari 4-5.0  */
                  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5d5d5d), color-stop(0.5, #424242), color-stop(0.5, #383838), color-stop(1, #535353));
                    /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
                    background-image: -webkit-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
                    /*  Firefox 3.6+  */
                    background-image: -moz-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
                    /*  IE 10+  */
                    background-image: -ms-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
                    /*  Opera 11.10+  */
                    background-image: -o-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
                    /*  W3C  */
                    background-image: linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
                  
                    
              }



/**************************************BOTONES********************************************************/

.button
{
    background: #006699;
    margin-top: 0px;
    border: none;
    color: #ffffff;
    font: 13px Tahoma, Arial, sans-serif;
    padding: 2px 2px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #333;
    letter-spacing: 1px;
    /**** Sombra de texto ****/
    text-shadow: 0px -1px 0px #333333;
    /**** Bordes redondeados ****/
    /* W3C */
    border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
    /**** Degradados ****/
    /*  Chrome 1-9 and Safari 4-5.0  */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8b8b8b), color-stop(0.5, #707070), color-stop(0.5, #5e5e5e), color-stop(1, #777777));
    /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
    background-image: -webkit-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  Firefox 3.6+  */
    background-image: -moz-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  IE 10+  */
    background-image: -ms-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  Opera 11.10+  */
    background-image: -o-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  W3C  */
    background-image: linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
}

    .button:hover
    {
        /*  Chrome 1-9 and Safari 4-5.0  */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5d5d5d), color-stop(0.5, #424242), color-stop(0.5, #383838), color-stop(1, #535353));
        /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
        background-image: -webkit-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  Firefox 3.6+  */
        background-image: -moz-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  IE 10+  */
        background-image: -ms-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  Opera 11.10+  */
        background-image: -o-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  W3C  */
        background-image: linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
    }

    .button:active
    {
        /*  Chrome 1-9 and Safari 4-5.0  */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(0.05, #2b2b2b), color-stop(0.5, #434343), color-stop(1, #3e3e3e));
        /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
        background-image: -webkit-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  Firefox 3.6+  */
        background-image: -moz-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  IE 10+  */
        background-image: -ms-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  Opera 11.10+  */
        background-image: -o-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  W3C  */
        background-image: linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
    }


.buttonpag
{
    background: #006699;
    margin-top: 0px;
    border: none;
    color: #ffffff;
    font: 13px Tahoma, Arial, sans-serif;
    padding: 2px 4px;
    margin: 0px 4px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #333;
    letter-spacing: 1px;
    /**** Sombra de texto ****/
    text-shadow: 0px -1px 0px #333333;
    /**** Bordes redondeados ****/
    /* W3C */
    border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
    /**** Degradados ****/
    /*  Chrome 1-9 and Safari 4-5.0  */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8b8b8b), color-stop(0.5, #707070), color-stop(0.5, #5e5e5e), color-stop(1, #777777));
    /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
    background-image: -webkit-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  Firefox 3.6+  */
    background-image: -moz-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  IE 10+  */
    background-image: -ms-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  Opera 11.10+  */
    background-image: -o-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
    /*  W3C  */
    background-image: linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
}

    .buttonpag:hover
    {
        /*  Chrome 1-9 and Safari 4-5.0  */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5d5d5d), color-stop(0.5, #424242), color-stop(0.5, #383838), color-stop(1, #535353));
        /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
        background-image: -webkit-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  Firefox 3.6+  */
        background-image: -moz-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  IE 10+  */
        background-image: -ms-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  Opera 11.10+  */
        background-image: -o-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
        /*  W3C  */
        background-image: linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
    }

    .buttonpag:active
    {
        /*  Chrome 1-9 and Safari 4-5.0  */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(0.05, #2b2b2b), color-stop(0.5, #434343), color-stop(1, #3e3e3e));
        /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
        background-image: -webkit-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  Firefox 3.6+  */
        background-image: -moz-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  IE 10+  */
        background-image: -ms-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  Opera 11.10+  */
        background-image: -o-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
        /*  W3C  */
        background-image: linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
    }

/*************************HEAD*********************************************/

.head_fondo
{
    width: 779px;
    height: 120px; /* = altura images/head.gif */
    background-image: url(../Images/head2.png);
    margin: 0 auto;
}

.head_fecha
{
    background-color: #22458D;
    color: White;
    font-weight: bold;
    padding: 4px;
    width: 771px;
    margin: 0 auto;
     height: 15px;
}
.textoHead
{
    float:right;
    margin-left:5px;
}

.headLink {
    color: currentcolor;
    text-decoration: none;
}
.textoHeadIzquierda
{
    float:left;
    margin-left:5px;
}

/**************************Index******************************************/
.caja
{
    border: 1px solid #2a418b;
    height: 140px;
    margin-left: 20px;
    width: 193px;
}

.caja1
{
    margin-top: 45px;
}

.caja > div
{
    margin-left: 6px;
    margin-top: 14px;
}

.caja3
{
    margin-left: 65px !important;
    margin-top: 2px !important;
}

.index1
{
    float: left;
    width: 260px;
}

.index2
{
    float: left;
    margin-left: 250px;
    margin-top: -140px;
    text-align: "left";
}

    .index2 img
    {
        float: left;
        margin-left: 263px;
        margin-top: -205px;
    }
/********************FOOTER******************************************/

.footer
{
    position: relative;
    bottom: 0px;
    height: 21px;
    width: 777px;
    background-color: #DDDDDD;
    margin: 0 auto 0px 1px;
    margin-top: -22px;
    text-align: center;
}

/************Contenido***************************/


table
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    /*border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

.BORDERNOTOP
{
    height: 100%;
    width: 96%;
}

.CONTENIDO2
{
    margin-left: 8px;
    margin-top: 3px;
    width: 98%;
}



td.CONTENIDO
{
    vertical-align: top;
    text-align: left;
    padding-top: 10px;
}

table.CONTENIDO
{
    width: 98%; /* = ANCHO MENU*/
    margin-left: 8px;
    border: solid #ccc 1px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    margin-top: 3px;
}

table.CONTENIDO a {
    color: currentcolor;
    text-decoration: none;
}

th.TITULOFORM
{
    color: #585858;
    background-image: url(../Images/topStories.png);
    background-repeat: repeat-x;
    background-color: #00A8EC;
    text-align: left;
    padding-left: 15px;
}


.largo
{
    width: 350px;
    font-family: Tahoma,Verdana,Arial;
    font-size: 13px;
    margin-top: 10px;
}

.largoarea
{
    height: 45px;
    width: 450px;
    font-family: Tahoma,Verdana,Arial;
    font-size: 13px;
    margin-top: 10px;
}



.medio
{
   
    width: 150px;
    font-family: Tahoma,Verdana,Arial;
    font-size: 12px;
    margin-top: 10px;
}

.corto
{
    width: 60px;
    font-family: Tahoma,Verdana,Arial;
    font-size: 12px;
    margin-top: 10px;
}

.fehcames
{
    width: 20px;
    font-family: Tahoma,Verdana,Arial;
    font-size: 13px;
    margin-top: 10px;
}

.fechaanio
{
    width: 34px;
    font-family: Tahoma,Verdana,Arial;
    font-size: 13px;
    margin-top: 10px;
}

.Negrita
{
    font-weight: bolder;
}

.bordered td, .bordered th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
/*padding: 4px;
text-align: left;*/
}

.bordered {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}

.fuentePeq
{
	font-size: 12px;
}

.fuentePeq2
{
	font-size: 11px;
}
.subrar {
    color: #2a418b;
    text-align:center;
    font-weight: bold;
}

.SelectDocencia
{
    font-family: Tahoma,Verdana,Arial;
    font-size: 11px;
}

.paginacion
{
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

.separacion
{
    padding:8px;
}

.espacio
{
    height:25px;
}

.selectModulo
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}
.prueba
{
    text-align:center;
}