/* guía de Colores

Azul: #202c52
Verde: 
Gris:
**************************************************/


.mainlogo
{
    margin-left: 20px;
}

.noticias td
{
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: top;
    border-bottom: 1px; 
    border-bottom-style: solid;
}

.imgIzquierda
{
    text-align: right;
}

.sponsors ul
{
    list-style: none;
}

.sponsors li
{
    float: left;
}
.sponsoritem
{
    max-height: 50px;
    max-width: 105px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 2px;
    padding-left: 2px;
}

.indexwrapper
{
    width: 865px;
    margin-left: auto;
    margin-right: auto;
}
.indexrightcontainer
{
    width: 400px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    
}
.indexleftcontainer
{
    width: 400px;
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
}

.comoensenar
{
    position: relative;
    left: 500px;
}

.comunicacionbanner
{
    margin-left: 30px;
}

.linkscomunidad
{
    width: 32px;
    margin-top: -80px;
    margin-left: 845px;
}

.CenterComponent
{
    margin-left: auto;
    margin-right: auto;
}

.TextContainer
{
    width: 85%;
    
    margin: 20px auto 20px auto;
}

.indiceImagen
{
    list-style: none; 
    font-size: 0.5 em;
}

.indiceImagen li
{
    padding: 5px;
    cursor: pointer;
    color: #202c52;
}

.indiceImagen li:hover
{
    color: #c0c0c0;
}

.biblio
{
    width: 50%;    
    margin: 20px auto 20px auto;
}

.biblio label
{
    font-size: 2.5em;
    color: #202c52;
}
.biblio label:hover
{
    color: #C0C0C0;
}

.biblio ul
{
    display: none;
    list-style-type:square;
}

.biblio li
{
    font-size: 1.2em;
    color: #202C52;
}


/*Luis creo que faltan unos float: left; para que el contenedor de texto se 
estire automaticamente dependiendo del contenido*/
/****************
* Andres Styles *
*****************/
/*Contenedor para generar la columna derecha de la pagina Index*/
.rightTextContainer
{
    width: 400px;
    height: auto;
    text-align: justify;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 5pt;
    margin-bottom: 5pt;
}
/*Usado en quienes.aspx*/
.rightTextContainerV2
{
    width: 240px;
    height: auto;
    margin-left: 5pt;
    margin-right: 5pt;
    text-align: justify;
    font-size: 10pt
}
/*Contenedor para generar la columna izquierda de la pagina Index*/
.leftTextContainer
{
    width: 400px;
    height: auto;
    text-align: justify;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 5pt;
    margin-bottom: 5pt;
}
/*Usado en equipo.aspx*/
.leftTextContainerV2
{
    width: 285px;
    height: auto;
    text-align: justify;
    margin-left: 5pt;
    margin-right: 5pt;
    font-size: 10pt;
}
/*Para centrar el organigrama en la pagin equipo.aspx*/
.organigramaCenterer
{
    margin-left: 100px;
    margin-right: 100px;
}
/*Para centrar las letras y darle mas tamaño*/
.justifiedTitle
{
    text-align: center;
    margin-left: 5pt;
    margin-right: 5pt;
    font-size: 11pt;
    font-weight: bold;
}
/*Para justificar los parrafos*/

/*Para resaltar los hiperenlaces*/
.hyperLinks
{
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
}
/*Centra la imagen*/
.centrarImagen
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/*Para centrar cualquier cosa menos imagenes*/
.center
{
    margin-left: auto;
    margin-right: auto;
}
/*Usado para separar con un espacio en blanco cualquier cosa que le haga falta*/
.separador
{
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 5pt;
    margin-bottom: 5pt;    
}
/*El fondo del modal y define la transparencia del su fondo*/
.modalBackground 
{
    background-color:#000000;
}
/*El color del fondo de la caja modal y su tamaño*/
.modalPopup {
    background-color:#ffffff !important;
    border-width:1px;
    border-style:solid;
    color: #000000;
    padding:1px;
    width: 400px;
    height: auto;
}    
/*La imagen que usa el panel para poder arrastrarlo*/
.drag
{
    background-image: url("../img/calendarioModal.png");
    background-repeat: repeat-x;
    cursor: move;
    width: 400px;
    height: 20px;
}
/*Usado para dar el estilo de vuelta a las listas*/
.listStyle
{
    text-align: justify;
    font-size: 10pt;
    margin-left: 25pt;
}