/**
* Estilos aplicados a la web
* BENCHMARKING
* por EnterPriseSoft
*
*/
/******************************************************************************/
/********************* CONTENEDOR PRINCIPAL ***********************************/
body{
    background-color: #f5f5f5;
}
#contenedor {
    background-color:#FFFFFF;
    width: 950px;
    height: 1700px;
    margin: 0 auto;
    border:1px solid #000000;
}


/******************** HEADER **************************************************/
#header {
    background-color:#FFFFFF;
    position:relative;
    width:950px;
    height:126px;
    margin-left:auto;
    margin-right:auto;

}

#se {
    position:relative;
    width:172px;
    height:126px;
    float:left;
}
#dos {
    position:relative;
    width:650px;
    height:101px;
    float:left;
    background-color:#424242;
}

#degra {
    width:650px;
    height:25px;
    float:left;
    background-color:#a4a4a4;
}

#mexico{
    height: 126px;
    background-color: #666666;
    width: 128px;
    float: right;
    margin: 0;
    padding: 0;
}

/****************************** CONTENIDO *************************************/

/******************* ESTRUCTRUA ***********************/
#contenido{
    margin: 0 0 0 5px;
    padding: 0;
    width: 950px;
}

#contenido #cizq {
    background: #ffffff;
    width: 260px;
    margin: 0;
    padding: 0;
    float: left;
}

#contenido #ccentro {
    background: #ffffff;
    width: 430px;
    padding: 0;
    margin: 0;
    border: 0px solid gray;
    margin: 0px 0 0 0px;
    float: left;
}

#contenido #cder {
    background: #ffffff;
    width: 230px;
    padding: 0px;
    margin: 0;
    float: left;
}

#contenido #cizq p{
    width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.parrafo,
#contenido #ccentro p{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#contenido #cder p{
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}


/****************ESTILOS DE TEMA **************/
.tema{
    margin:0;
    padding: 0;
}

.tema .tituloIzq {
    position:relative;
    font-size: 80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    color: #000000;
    background:#CEE3F6 url(../img/fondos.gif) repeat-x scroll 0 -280px;
    float: left;
    width:250px;
    height: 21px;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-top: 4px;
    margin: 15px 0px 0px 3px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
}

.tema .contenidoTemaIzq{
    position: relative;
    background-color:#E0ECF8;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    text-align:justify;
    float: left;
    width:250px;
    padding:0px;
    margin: 0 3px 0 3px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tema .tituloCentro {
    position:relative;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    background:#9999FF url(../img/fondos.gif) repeat-x scroll 0 -280px;
    color: #000000;
    width:420px;
    height: 21px;
    margin: 15px 3px 0 3px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-top: 4px;
}

.tema .contenidoTemaCentro{
    position:relative;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    text-align:justify;
    color:#333333;
    width:420px;
    padding:0px;
    margin: 0px 3px 0 3px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tema .tituloDer {
    position:relative;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    background:#9999FF url(../img/fondos.gif) repeat-x scroll 0 -280px;
    color: #oooooo;
    width:240px;
    height: 21px;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-top: 4px;
    margin: 15px 3px 0 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid gray;
    vertical-align: middle;
}

.tema .contenidoTemaDer{
    position: relative;
    background-color:#E6E6E6;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#585858;
    text-align:justify;
    width: 240px;
    padding:0px;
    margin: 0 3px 0 3px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.readmore, .readmore a {
    text-align: right;
    color: #012267;
    text-decoration: none;
    margin-right: 5px;
}

.readmore a:hover{
    text-align: right;
    color: #11bbaa;
    text-decoration: none;}
/*********************************** GENERAL **********************************/

.ligaLogin{
    float: right;
    margin: 8px 10px 0px 0px;
    padding: 0;
}
.ligaLogin a{
    color: white;
    text-decoration: none;
    font-size: .8em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
.ligaLogin a:hover{
    position: relative;
    color: yellow;
    text-decoration: none;
    font-size: .8em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.ligalista{
    width: 90%;
    text-align: left;
    list-style: none;
}

.ligalista,
.ligalista li{
    margin: 0;
    padding: 2px 0 0 5px;
    list-style: none;
}

.ligalista li a,
p .ligaparrafo{
    text-decoration: none;
    color: #012267;
}

.ligalista li a:hover,
p a.ligaparrafo:hover{
    color: #373737;
    text-decoration: underline;
}

/*sirve para dejar un espacion en el primer parrafo o dado caso una lista u otro elemento*/
.top{
    margin-top: 10px;
}
.bottom{
    margin-bottom: 10px;
}

.footer {
        margin-left: auto; margin-right: auto; margin-bottom: auto;
        width: 950px;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; TEXT-TRANSFORM: none; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana; FONT-VARIANT: normal; TEXT-DECORATION: none

}

A.footer {
        width: 950px;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; TEXT-TRANSFORM: none; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana; FONT-VARIANT: normal; TEXT-DECORATION: none

}

A.footer:hover {
        width: 950px;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; TEXT-TRANSFORM: none; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana; FONT-VARIANT: normal; TEXT-DECORATION: underline

}