@charset "UTF-8";

html{
    
}

html, body{
  margin: 0;  
}

a {
    outline:0;
}

#pagina{
  width: 100%;
}

div#root {
    width: 1000px;    
    height: 1000px;
    margin: 0 auto;
    margin-top: 20px;
}


#pagina{
  width: 100%;
  min-height: 400px;
/*  
  min-height: 100%;     
  height: auto !important;     
  height: 100%;     
  margin: 0 auto -75px;  
*/
}

#header{	
    background-image: url(../images/header/header.png);
    width: 100%;
    height: 155px;
    position: fixed;
    z-index: 20;
    top: 0;
}

@font-face
{
    font-family: RobotoSu;
    src: url(Roboto-Condensed.ttf);
}

@font-face
{
    font-family: RobotoSuLigth;
    src: url(Roboto-Thin.ttf);
}

@font-face
{
    font-family: RobotoSuRegular;
    src: url(Roboto-Light.ttf);
}

@font-face
{
    font-family: CuerpoFont;
    src: url(trebuc.ttf);
}

/*IMAGEN TRANSICION*/

#contenedorImagenHome{
    margin: 0 auto;
    width: 780px;
    height: 420px;    
    position: relative;    
}

#imagenHome{
/*    
    width: 910px;
    height: 490px;
*/
    width: 780px;
    height: 420px;    
    position: relative;
    overflow: hidden;
}

#imagenCurva{
    /*background-image: url(../images/header/curvaFOD.png);*/
    /*background-image: url(../images/transparencia_home.png);    
    background-repeat: no-repeat;        */
    background: rgba(255,255,255,0.6);    
    width: 910px;
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

#imagenTexto{
    width:720px;
    height: 55px;
    z-index: 3;
    margin-top: 23px;
    margin-left: 30px;
    margin-right: 30px;
    font-family: "RobotoSu";
    font-size: 15px;
    font-weight: lighter;     
    text-decoration: none;
    line-height: 17px;
    color: #636363;
}

/*TOP*/

#top{
    width: 1000px;
    height: 155px;
    margin: 0 auto;    
}

#top1{
    background-image: url(../images/header/top-1.png);
    background-repeat: no-repeat;        
    width: 1000px;
    height: 102px;
    margin: 0 auto;
}

#logo{
    background-image: url(../images/header/logoFOD.png);
    background-repeat: no-repeat;        
    width: 332px;
    height: 51px;
    float: left;
    padding: 0px;
    margin-top: 20px;
    margin-left: 15px;
}

#logo:hover{
    cursor: pointer;
}

#botonesTop{  
    width: 250px;
    height: 102px;
    top: 0px;
    float: right;
    padding: 0px;
    margin-right: 5px;
}

#botonApoyenos{	
    background-image: url(../images/header/Boton_Apoyenos.png);
    background-repeat: no-repeat;
    width: 138px;
    height: 50px;
    top: -10px;
    left: 112px;
    position: relative;
}

#botonApoyenos:hover{	
    background-image: url(../images/header/Boton_Apoyenosover.png);
    cursor: pointer;
}

#redes{
    margin-top: -8px;
    width: 225px;
    height: 25px;
    float: right;
}

#contactenos{
    background-image: url(../images/header/contactenos.png);
    background-repeat: no-repeat;
    margin-top: 6px;
    width: 75px;
    height: 20px;
    float:left;
}

#contactenos:hover{
    background-image: url(../images/header/contactenosover.png);
    cursor: pointer;
}

#logoTwitter{
    background-image: url(../images/header/logoTwitter.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#logoTwitter:hover{
    background-image: url(../images/header/logoTwitterover.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#logoFace{
    background-image: url(../images/header/logoFace.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#logoFace:hover{
    background-image: url(../images/header/logoFaceover.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#logoYoutube{
    background-image: url(../images/header/logoYoutube.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#logoYoutube:hover{
    background-image: url(../images/header/logoYoutubeover.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#logoGoogle{
    background-image: url(../images/header/logoGoogle.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#logoGoogle:hover{
    background-image: url(../images/header/logoGoogleover.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#logoLinkedIn{
    background-image: url(../images/header/logoLinkedIN.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#logoLinkedIn:hover{
    background-image: url(../images/header/logoLinkedINOver.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#idiomaES{
    background-image: url(../images/header/idioma_cr.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#idiomaES:hover{
    background-image: url(../images/header/idioma_cr_hl.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#idiomaEN{
    background-image: url(../images/header/idioma_usa.png);
    background-repeat: no-repeat;
    margin-top:2.5px;
    width: 25px;
    height: 25px;
    float:left;
}

#idiomaEN:hover{
    background-repeat: no-repeat;
    cursor: pointer;
}

#buscador{
   /* background-image: url(../images/header/buscador.png);
    background-repeat: no-repeat; 
    margin-top: 4px; */
    width: 252px;
    height: 20px;
    float: right;
    padding: 1px 0;
    border: 1px solid #d1d3d4;
    display: table;
    background-color: #FFF;
    margin-top: 5px;
}

#buscador form{
    display: table-cell;
}

#buscador .icono{
    display: table-cell;
    vertical-align: middle; 
    cursor: pointer;   
}

#buscador .icono .imagen-icono{
    height: 17px;
    width: 17px;
    display: block;
    margin-right: 5px;
    background: url(../images/icono_buscar.png) no-repeat -17px 0;
}

#buscador .icono .imagen-icono:hover{
    background-position: 0 0;
}


#menupopupcursos{
    position:relative;
}

#menuPrincipal{
    width: 1000px;
    height: 52px;
    margin: 0 auto;
}

.separador{
    background-image: url(../images/header/menu/separador.png);
    background-repeat: no-repeat;
    width: 2px;
    height: 52px;
    float:left;
}

#menu1{
    background-image: url(../images/header/menu/menu1.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 52px;
    float:left;
    z-index: 10;
}

#menu1Over{
    background-image: url(../images/header/menu/menu1over.png);
    background-repeat: no-repeat;
    width: 123px;
    height: 52px;
    cursor: pointer;
}

#menu1:hover{
    background-image: url(../images/header/menu/menu1over.png);
    background-repeat: no-repeat;
    cursor: pointer;  
}

#menu2{
    background-image: url(../images/header/menu/menu2.png);
    background-repeat: no-repeat;
    width: 180px;
    height: 52px;
    float:left;
}

#menu2:hover{
    background-image: url(../images/header/menu/menu2over.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#menu3{
    background-image: url(../images/header/menu/menu3.png);
    background-repeat: no-repeat;
    width: 201px;
    height: 52px;
    float:left;
}

#menu3:hover{
    background-image: url(../images/header/menu/menu3over.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#menu4{
    background-image: url(../images/header/menu/menu4.png);
    background-repeat: no-repeat;
    width: 203px;
    height: 52px;
    float:left;
}

#menu4:hover{
    background-image: url(../images/header/menu/menu4over.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#menu5{
    background-image: url(../images/header/menu/menu5.png);
    background-repeat: no-repeat;
    width: 132px;
    height: 52px;
    float:left;
}

#menu5:hover{
    background-image: url(../images/header/menu/menu5over.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#menu6{
    background-image: url(../images/header/menu/menu6.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 52px;
    float:left;
}

#menu6:hover{
    background-image: url(../images/header/menu/menu6over.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.hyphenate{
    font-family: "CuerpoFont";
    font-size: 13px;
    text-decoration: none;
    color: #6c6c6c;
    line-height:16px;          
}

#cuerpo{
  width: 1000px;    
  margin: 0 auto;
  font-family: "CuerpoFont";
  font-size: 13px;
  text-decoration: none;
  color: #6c6c6c;
  line-height:16px;      
  z-index: 0;
  margin-top: 185px;
}

#contenedor-der #cuerpo p{
    margin: 0px;    
}

#cuerpo a{
    color: #0073ad;
}

#contenedor-der a:hover{
    color: #DBA901; 
}

#cajaCtaBcoDona{
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #cecece;
    margin-bottom: 10px;
}

#tituloCtaBcoDona{
    font-family: "CuerpoFont";
    
    font-weight: bold;
    margin-bottom: 5px;
}

#contenidoCtaBcoDona{
    margin-left: 20px;
    font-family: "CuerpoFont";
    
}

#cuerpo h1{
    font-family: "RobotoSuRegular";
    font-size: 18px;
    font-weight: lighter;     
    text-decoration: none;
    color: #888;    
}

#cuerpo h4{
    font-family: "RobotoSu";
    font-size: 22px;
    font-weight: lighter;     
    text-decoration: none;
    color: #888;    
    line-height: 0px;    
}


#contenedor-der p{
    margin-bottom: 20px;
}

#cuerpo ul{
    margin: 0;
    padding: 10px;
}

#division{
    background-image: url(../images/grl/division.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 10px;
    margin: 0 auto;
}

#contenido{
    width: 1000px;    
    margin: 0 auto;        
    position: relative;
}

#contenedor-izq{
    width: 350px;
    float: left;  
    margin-top: -26px;
/*    position: fixed; */
}

#contenedor-izqesp{
    width: 210px;
    float: left;  
    margin-top: -26px;
/*    position: fixed; */
}

#contenedor-izq p{
    width: 240px;
    margin-left: 10px;    
}

#contenedor-izqesp p{
    width: 210px;
    margin-left: 10px;
}

#contenedor-izq ul{
    width: 240px;
    margin-top: -10px;
}

#contenedor-izq li{
    min-height: 20px;
    padding-right: 45px;
    padding-top: 4px;
    padding-bottom: -2px;
    list-style-type: none;    
    text-align: right;
    text-align-last: right;
}

#contenedor-izq li:hover{
    background-color: #e7e5e5;
}

#contenedor-izq #current{
    background-color: #d0d0d0;
    color: #000;
}

#contenedor-izq ul li a{
    font-family: "RobotoSu";
    font-weight: lighter; 
    font-size: 13px;
    color: #757575;
    text-decoration: none;   
}

#contenedor-der{
    width: 650px;
    float: left;
    margin-top: -20px;
    min-height: 400px;
/*    margin-left: 350px; */ 
}

#espacioPorMenu{
    width: 25px;
    height: 0px;
    margin-top: -10px;
}

#columna-izq{
    width: 320px;
    float: left;
}

#columna-izqesp{
    width: 220px;
    float: left;
}

#columna-dera{
    width: 635px;
    float: left;
    margin-top: 10px;
}

#columna-derb{
    width: 30px;
    float: left;
}
#columna-derc{
    background-image: url(../images/contactos/bgcontactos.png);
    background-repeat: no-repeat;
    width: 480px;
    height: 160px;
    float: left;
    margin-top: 50px;
    margin-left: -60px;
}

#columna-derd{
    width: 230px;
    min-height: 160px;
    background-image: url(../images/contactos/Flecha2.png);
    background-repeat: no-repeat;
    margin-top: 50px;
    float: left;
}

#columna-derd ul{
    margin-left: 30px;
}

div.spacer{
    clear:both; 
    height:60px; 
    display:block;
}

#footerFOD{
    background-image: url(../images/footer/footer.png);
    background-repeat: repeat-x;
    background-color: #fff;
    width: 100%;
    height: 70px;
    display:block;  
    bottom: 0px;    
    margin-top: -10px;
/*    position: fixed; */
    z-index: 20;    
}

#footer-center{
	width: 1000px;
	height: 36px;
	margin: 0 auto;
}

#imgfooter{
    background-image: url(../images/footer/logofooter.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 15px;
    width: 385px;
    height: 36px;	
    float: right;
}

#menuFooter, #menuFooter a{
  float: right;  
  font-family: "RobotoSu";
  font-size: 11px;
  font-weight: lighter;     
  text-decoration: none;
  color: #05aea9; 
  margin-top: 20px;
  margin-right: 36px;
  list-style: none;
}

#menuFooter{
    padding-top: 5px;
}

.dere{
  float: left;
  cursor: pointer;
}

/******************************************************************************/
/**                   INICIO DE CONSTRUCCION DE MENUS                        **/
/******************************************************************************/

#bordeVideo{
    border-radius:3px; 
    -moz-border-radius:3px; /* Firefox */ 
    -webkit-border-radius:3px; /* Safari y Chrome */ 

    /* Otros estilos */ 
    border:1px solid #cecece;
    width:640px;
    height: 423px;
    padding: 10px;  
    margin-left: -74px;
}

#topVideo{
    background-image: url(../images/video/topvideo.png);
    background-repeat: no-repeat;
    width: 640px;
    height: 60px;	
}

#btnvideo1, #btnvideo1Active{
    height: 60px;
    width: 148px;
    float: left;
    position: relative;
    top: 0px;
    left: 185px;
    cursor: pointer;
}

#btnvideo1{ background-image: url(../images/video/video1.png); }
#btnvideo1Active{ background-image: url(../images/video/video1select.png); }

#btnvideo2, #btnvideo2Active{
    height: 60px;
    width: 148px;
    float: left;
    position: relative;
    top: 0px;
    left: 186px;
    cursor: pointer;
}

#btnvideo2{ background-image: url(../images/video/video2.png); }
#btnvideo2Active{ background-image: url(../images/video/video2select.png); }

#btnvideo3, #btnvideo3Active{
    height: 60px;
    width: 154px;
    float: left;
    position: relative;
    top: 0px;
    left: 188px;
    cursor: pointer;
}

#btnvideo3{ background-image: url(../images/video/video3.png); }
#btnvideo3Active{ background-image: url(../images/video/video3select.png); }

#btnvideo1:hover{
    background-image: url(../images/video/video1over.png);
    background-repeat: no-repeat;
}

#btnvideo2:hover{
    background-image: url(../images/video/video2over.png);
    background-repeat: no-repeat;
}

#btnvideo3:hover{
    background-image: url(../images/video/video3over.png);
    background-repeat: no-repeat;
}

#videoNum1{
    width: 639px;    
    height: 360px;
}

#videoNum2{
    width: 639px;    
    height: 360px;
    display: none;
}

#videoNum3{
    width: 639px;    
    height: 360px;
    display: none;
}

#video{
    width: 639px;    
    height: 360px;
}

.searchpersonal input{
    border: none;
  /*  margin-left: 7px;
    margin-top: 3px; */
}

.roksearch-wrapper input{
/*    border: none;*/
    margin-left: 7px;
}

.roksearch_results{
    width: 80px;
}

/****/
/** CONTACTOS **/
/****/

.contactIcon{
    width: 155px;
    height: 160px;
    border: 1px solid #e2e2e2; 
}

#equipoTitulo table{
    font-family: "RobotoSu";
    font-size: 16px;
    line-height: 22px;
    margin-top: -10px;
    font-weight: lighter;    
    color: #6c6c6c;     
}

#equipoTitulo table b{
    font-family: "RobotoSu";
    font-size: 16px;    
    color: #6c6c6c;     
}

#equipoTitulo{
    font-family: "RobotoSuRegular";
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    text-decoration: none;
    font-weight: lighter;    
    color: #6c6c6c;    
    margin-top: 50px;
    margin-bottom: -20px;
    margin-left: 20px;
    width: 250px;
}

#subequipoTitulo{
    font-family: "RobotoSu";
    margin-left: 20px;
    margin-top: 5px;
}


#columna-derd ul{
    margin-top: 10px;
    margin-left: 15px;
    width: 160px;
    text-align: center;
}

#columna-derd ul li a{
    text-decoration: none;
    font-family: "RobotoSu";
    font-size: 13px;
    text-decoration: none;
    font-weight: lighter;    
    color: #6c6c6c;    
    line-height: 25px;
    text-align: center;
}

.contacts{
    text-decoration: none;
    font-family: "RobotoSu";
    font-size: 13px;
    text-decoration: none;
    color: #6c6c6c;        
}

.contacts ul{
    list-style: none;        
    padding: 0;
    margin-left: 20px;
}

.contacts a{
    text-decoration: none;
    font-family: "RobotoSu";
    font-size: 14px;
    font-weight: lighter;
    text-decoration: none;
    color: #6c6c6c;        
}

#IDcontacts{
    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: 15px;
    width: 180px;    
    
    font-family: "RobotoSuRegular";
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #6c6c6c;    
}

#mod-search-searchword{
    width: 215px;
    border-color: #fff;
    height: 18px;
    padding-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

#mod-search-searchword:focus{
    border: none;
    border-color: #fff;
    outline:0px;
}

/* TITULOS DE LAS PAGINAS */

#tituloVideo{
    margin-top: 170px;
    text-decoration: none;
    font-family: "RobotoSuLigth";
    font-weight: lighter;
    font-size: 26px;
    text-align: center;
    color: #a1a1a1;
    line-height: 26px;
}

#tituloIzquierda{
    text-decoration: none;
    font-family: "RobotoSuLigth";
    font-weight: lighter;
    font-size: 26px;
    text-align: center;
    color: #a1a1a1;
    line-height: 26px;
    cursor: pointer;
}

#cajaizqtituloaux{
    width: 240px;
    margin-left: 10px;
}


#tituloIzquierdaesp{
    text-decoration: none;
    font-family: "RobotoSuLigth";
    font-weight: lighter;
    font-size: 26px;
    text-align: center;
    color: #a1a1a1;
    line-height: 26px;
    width: 210px;
}

#tituloProyectos{
    text-decoration: none;
    font-family: "RobotoSuLigth";
    font-weight: lighter;
    font-size: 22px;
    text-align: center;
    color: #a1a1a1;
    line-height: 26px;
}

#subTitulo{
    text-decoration: none;
    font-family: "RobotoSu";
    font-weight: lighter;
    font-size: 18px;
    text-align: center;
    color: #717172;
    line-height: 24px;
    border-bottom :1px solid #cecece;
}

#tituloCarrousel{
    text-decoration: none;
    font-family: "RobotoSuLigth";
    font-weight: lighter;
    font-size: 26px;
    text-align: center;
    color: #a1a1a1;
    line-height: 26px;
    margin-top: 0px;
    width: 225px;
}

#fotoizq{            
}

#fotoleda{
    height : 337px;
    border: 0;
    width : 240px;
    margin-left: 15px;
    margin-bottom: 10px;
}

#tituloIzquierdaMedio{
    margin-top: 170px;
    text-decoration: none;
    font-family: "RobotoSuLigth";
    font-weight: lighter;
    font-size: 26px;
    text-align: center;
    color: #a1a1a1;
    line-height: 26px;
}

/*Calendario*/

#calendarioProximos{
    width: 975px;
    float: left;
}


/* DONACIONES */

#patrocinadores{
    width: 635px;
    float: left;
}

.ot-items151{
    margin-left: 40px;
}


/**/

.subheading-category{
    margin-top: 170px;
    text-decoration: none;
    font-family: "RobotoSu";
    font-weight: lighter;
    font-size: 18px;
    text-align: center;
    color: #a1a1a1;    
}

.items-leading{
    border-bottom :1px solid #cecece;   
    padding-top: 0px;
}

.column-1{
    border-bottom :1px solid #cecece;       
    padding-top: 10px;
}

.column-2{
    border-bottom :1px solid #cecece;       
    padding-top: 10px;
}

body a{
    text-decoration: none;
    color: #717171;
}

.article-info{
    margin-top: -15px;    
}

.createdby, .create{
    margin-left: 0px;
    font-size: 10px;
    font-style: italic;
    padding-top: 3px;
}

.article-info-term{
    display: none;
}

.blog h2{
    text-decoration: none;
    font-family: "RobotoSu";
    font-weight: lighter;
    font-size: 18px;
    color: #a1a1a1;        
}

.blog .readmore{
    margin-top: 5px;
/*    text-align: right;*/
}

.blog .readmore a{
    color: #0073ad;
}

.pagination{
  width: 257px;
  margin: 0 auto;    
  top: 180px;
  height: 30px;    
/*  background-color: #f00;*/
}

#bloquePaginacion{
  width: 21px;
  height: 21px;
  float: left;
  text-align: center;
  
}
#bloquePaginacionN{
  width: 21px;
  height: 21px;
  float: left;
  text-align: center;
  margin-left: 5px;
}
#bloquePaginacionSel{
  text-align: center;
  width: 21px;
  height: 21px;
  color: #01A997;
  font-weight: bold;
  float: left;
}

#contadorPaginacion{  
  width: 90px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
/*  background-color: #f0f;*/
}



.paginationBreak{
  clear: both;
}

.blog .pagination ul{
    list-style: none;   	
}

.blog .pagination ul li{
    display: inline;
	padding: 3px;
}

.blog .items-more{
	display: none;
}

#pagactual{
    text-decoration: none;
    font-family: "RobotoSu";
    font-weight: lighter;
    font-size: 13px;
    color: #a1a1a1;
    margin-bottom: -10px;
    margin-right: 13px;
}

.pagenav:hover{
}

#menumigas{
    width: 100%;
    font-family: "RobotoSu";
    font-weight: lighter;
    font-size: 18px;
    color: #282828;
    min-height: 30px;    
}

#menumigas a{
    text-decoration: none;
    font-family: "RobotoSuRegular";
    font-weight: lighter;
    font-size: 18px;
    color: #0073AD;
    min-height: 30px;
}

#menumigas #descproy{
    text-decoration: none;
    font-family: "RobotoSu";
    font-weight: lighter;
    font-size: 18px;
    color: #282828;
    margin-top: 30px;
    margin-bottom: 0px;
}

#articuloProyecto img{
    margin-top: -42px;
}

#proyectoOpciones{
    width: 100%;
    min-height: 190px;
    text-align: right;
    margin-top: -35px;
    margin-bottom: -35px;
}

#proyectoOpciones ul{
    list-style: none;
}

#proyectoOpciones ul li{
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "RobotoSuRegular";
    font-size: 24px;
    font-weight: lighter;     
    color: #a1a1a1;
}

#proyectosAraTematica h4{
    font-family: "RobotoSu";
    font-size: 18px;
    font-weight: lighter;     
    text-decoration: none;
    color: #888;    
    margin-bottom: -45px;
    margin-top: 40px;
}

#proyectosAraTematica ul{
    list-style: disc;
} 

#proyectosAraTematica h1 a{
    font-family: "Trebuchet MS", "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: lighter;     
    text-decoration: none;
    color: #888;    
    line-height: 20px;        
    text-align: center;
}

.ddopener{
  background-image: url(../images/arrowdown.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  padding-left: 20px;
}

.ddcontainer{
  background-color: #f9f9f9;
  padding: 5px;
  border: 1px #cecece solid;
}

#nombreDirectora{
  margin-left: 5px;
  margin-top: -15px;
}

#descripcionContactenos{
    margin-bottom: 20px;
    padding-top: 40px;    
}

#tituloVideoTestimonioLargo{
    margin-top: 10px;
}

#tablaCurso{
    font-size: 12px;
    width: 100%;
    border-collapse: collapse;
}

#tablaCurso thead{
    color: #fff;
    background-color: rgb(165,165,165);
    border: #cecece 1px solid;
}

#tablaCurso #f1{
    background-color: rgb(237,237,237);    
}

#tablaCurso #f2{
    background-color: rgb(255,255,255);    
}

#tablaCurso td{
    padding: 5px;
    border-bottom: 1px #cecece solid;
}

#opcionCursos:hover{
    color: #DBA901;
    cursor: pointer;
}

li a:hover{
    cursor: pointer;
    color: #DBA901;
}

.ddcontainer{
  padding-left: 20px;
  padding-right: 20px;
}

#columna-dera .blog{
  margin-top: 20px;
}

.opcionCursosCK{
    float: left;
    margin-right: 10px;
}

#opcionCursosTX{    
    width: 160px;
    overflow: hidden;
    height: 17px;
    float: left;
}

#cajacomodonar{
  -webkit-box-shadow: inset -7px -10px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset -7px -10px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 1px 1px #cecece;
  
  width: 300px;  
  height: 200px;
  margin-left: 20px;
  float: left;
}

#cajacomodonar h2{
  font-family: "RobotoSu";
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;     
  text-decoration: none;
  height: 24px;
  text-align: center;
  margin-bottom: 20px;
}


#espaciocajas{
  width: 2px;
  float: left;
}

#btnConsulte{	
    background-image: url(../images/apoyenos/BTNConsulte.png);
    width: 91px;
    height: 23px;
    margin: 0 auto;
}

#btnConsulte:hover{
  cursor: pointer;
}

#columna-dera{
  margin-left: -35px;
  width: 680px;
}

#contenedor1CajasDonar{
  width: 100%;
  height: 220px;
  margin: 0 auto;
  margin-bottom: 10px;
}

#contenedor2CajasDonar{
  width: 452px;
  height: 180px;
  margin: 0 auto;
  margin-top: 10px;
}

#textoResumenApoyenos{  
  width: 270px;  
  height: 95px;
  margin: 0 auto;
  margin-bottom: 10px;    
  overflow: hidden
}

#columna-izq ul{
    margin-top: -100px;
}

.paginainterna {
    width: 960px;
    display: box;
    padding-left: 40px;
    margin: auto;
    float:left;
}

.mapadelsitioColumna {
    width:220px;
    margin:auto;
    display:block;
    padding: 10px;
    float: left;
}

.mapadelsitioColumna a {
    color: #6C6C6C;
    text-decoration: none;
}

.mapadelsitioColumna a:hover {
    color: #CCCCCC;
    text-decoration: underline;
}

.mapadelsitioColumna2 {
    width:300px;
    margin:auto;
    display:block;
    padding: 10px;
    float: left;
}

.mapadelsitioColumna2 a:hover {
    color: #CCCCCC;
    text-decoration: underline;
}

.recursoLinkA{
    color: #0073ad;
    font-weight: bold;
    margin-bottom: 10px;
}

.recursoLinkA:hover{
    color: #DBA901;
    cursor: pointer;
}

.enlace-ver-mas{
    border-bottom:1px solid;
}