body {
     margin: 0;
     padding: 0;
     background: url(../images/fondoBody.png) repeat-y;
     font: 8pt Tahoma, Arial, Helvetica, sans-serif;
     color: #555
}

body#popupRegistro {
     margin: 20px;
     background: none
}

#izquierda {
     float: left;
     width: 300px;
}

#menu {
     background-repeat: no-repeat
}

body#inicio #menu {
     padding-top: 300px;
     background-image: url(../images/fondoIzquierda.png)
}

#contenido {
     margin: 0 0 0 300px;
     padding: 85px 0 0 0;
     background: url(../images/fondoContenido.png) no-repeat;
     font-size: 10pt;
}

#listadoFamilias {
     margin: 20px 175px 20px 20px
}

#derecha {
     margin-top: 35px;
     float: right;
     width: 150px
}

#buscador {
     position: absolute;
     top: 11px;
     left: 317px
}

#datosContacto {
     position: absolute;
     right: 20px;
     top: 42px;
     text-align: right
}

#pie {
     clear: both;
     background: #000;
     padding: 10px;
     font-size: 7pt;
     text-align: center;
     color: #555
}

.volverArriba,
#volverArriba {
     text-align: center;
     margin: 20px 0;
     margin-right: 175px
}

a:link,
a:visited {
     text-decoration: underline;
     color: #4d2600
}

a:hover,
a:focus,
a:active {
     color: #f57800
}

#pie a {
     color: #555
}

address {
     font-style: normal;
     font-weight: bold;
     font-size: 12pt;
     color: #000
}

#pie p.slogan {
     margin-top: 10px;
     font-size: 14pt;
     font-weight: bold
}

span.informacion {
     padding-left: 20px;
     background: url(../images/informacion.png) left center no-repeat
}

#contenido p, #contenido table {
     margin-left: 20px;
     margin-right: 175px;
     line-height: 12pt;
     text-align: justify
}

#contenido table {
     border: solid 1px #555;
     border-collapse: collapse
}

#contenido table th {
     text-align: center;
     background: #f2f2f2
}

#contenido table td {
     vertical-align: top;
     padding: 5px 10px;
     text-align: left;
     border-bottom: solid 1px #555;
}

#izquierda p,
#izquierda dl {
     margin: 10px 20px;
     color: #fff
}

#izquierda dt {
     font-weight: bold
}

#izquierda dd {
     margin-bottom: 15px;
     margin-left: 0
}

#izquierda a {
     color: #fff
}

#izquierda img {
     border: double 3px #555
}

#pie p {
     margin: 0 0 10px 0
     }

p.firma {
     text-align: right
}

p.intro {
     font-weight: bold
}

p.mensaje {
     border: solid 1px #e0dfdb;
     background: #f3f3f3;
     padding: 10px;
     font-weight: bold;
}

p#mensajeDestacado {
     border: solid 1px #e0dfdb;
     background: #f3f3f3;
     padding: 20px;
     font-size: 10pt;
     font-weight: bold;
     text-align: center;
     margin: 40px 175px 20px 20px
}

#contenido ul.listaVertical,
#contenido ul.listaHorizontal {
      margin-left: 20px;
      padding: 0;
      list-style: none;
      overflow: auto
}

#contenido ul.listaVertical li {
      width: 50%;
      float: left;
      line-height: 14pt
}

#contenido ul.listaHorizontal li {
      float: left;
      width: 32%;
      margin-right: 1%
}

a#acreditaciones img {
     padding: 15px
}

p#slogan {
     height: 0;
     padding-top: 260px;
     overflow: hidden;
     background: url(../images/slogan.png)
}

#contenido p.solicitaInformacion {
     float: right;
     margin-left: 50px;
     margin-right: 40px;
     margin-bottom: 10px;
     padding-left: 10px;
     border-left: solid 3px #f57800;
     font-size: 10pt
}

#contenido dl {
     margin-left: 20px;
     margin-right: 175px;
     line-height: 12pt
}

#contenido dt {
     font-weight: bold;
     margin-top: 20px
}

#contenido ul,
#contenido ol {
     margin-left: 40px;
     margin-right: 175px;
     line-height: 12pt
}

dl#listadoCursos {
     margin-left: 20px
}

dl#listadoCursos dt a {
     font-size: 10pt;
     color: #f57800
}

dl#listadoCursos dd {
     margin-left: 40px
}

img {
     border: 0
}

img.imgTestimonio {
     width: 60px;
     height: 60px;
     float: left;
     margin: 0 10px 5px 0
}

img.imgCurso,
img.imgEntidad,
img.imgPresentacion,
img.imgLogoCalidad {
     float: left;
     margin: 0 10px 10px 0
}

img#promocion {
     width: 150px;
     height: 125px
}














/*TITULOS*/
h1 {
     margin: 0
}

h1#logo a {
     display: block;
     height: 0;
     width: 300px;
     padding-top: 85px;
     overflow: hidden;
     background: url(../images/logotipo.png)
}

h2 {
     margin: 0;
     background: #e0dfdb url(../images/fondoTitulo2.png) repeat-x;
     padding: 5px 20px;
     font-size: 10pt;
     color: #000;
}

h2 span.familiaActual {
     float: right;
     font-size: 8pt
}

#derecha h2 {
     margin: 0;
     padding: 5px;
     font-size: 9pt;
     font-weight: bold;
     text-transform: uppercase;
     font-variant: small-caps;
     background: #9ec9e9;
     color: #fff
}

#izquierda h2 {
     background: #121212;
     color: #fff
}

h3 {
     margin-left: 20px;
     margin-right: 175px;
     padding-bottom: 10px;
     border-bottom: dotted 2px #f57800;
     font-size: 9pt;
     color: #f57800;
}

h4 {
     margin-left: 20px;
     margin-right: 175px;
     font: 8pt Tahoma, Arial, Helvetica, sans-serif;
     font-weight: bold
}

h5 {
     margin-left: 20px;
     margin-right: 175px;
     font: 8pt Tahoma, Arial, Helvetica, sans-serif;
     font-weight: bold;
     color: #f57800;
}





/* PAGINACIÓN */

#paginacion {
     padding: 10px;
     border: solid 1px #f57800;
     background: #ffecd9;
     margin-left: 20px;
     margin-right: 175px;
     overflow: auto
}


#contenido #paginacion p.referencia {
     float: left;
     margin: 0 10px 0 0;
     padding: 0
}

#contenido #paginacion p.vinculosPaginas {
     float: right;
     margin: 0 0 0 10px;
     padding: 0
}

#contenido #paginacion p.vinculosPaginas a {
     padding: 0 2px
}

#contenido #paginacion p.vinculosPaginas a.actual {
     background: #f57800;
     color: #fff
}







/* OTRAS LISTAS */

ul#noticiasDestacadas,
ul#cursosDestacados,
ul#cursosRelacionados {
     margin: 10px 20px 20px 30px; 
     padding: 0;
     list-style-type: square;
     color: #f57800;
     line-height: 16pt
}

ul#noticiasDestacadas a,
ul#cursosDestacados a,
ul#cursosRelacionados a {
     color: #fff
}

ul#listaMapa {
     line-height: 20pt
}






/* LISTA BANNERS DERECHA */

#derecha ul {
     margin: 0;
     padding: 0;
     list-style: none;
     width: 150px
}

#derecha ul li a {
     display: block;
     width: 148px;
     padding-top: 148px;
     height: 0;
     overflow: hidden;
     margin-bottom: 10px;
     border: dotted 1px #999
}

#recursos {
     background: url(../images/recursos_gratis.png) top left no-repeat
}

#radio {
     background: url(../images/cunas_radio.png) top left no-repeat
}


#materialesEstudio {
     background: url(../images/materiales_estudio.png) top left no-repeat
}

#bannerGaleriaImagenes {
     background: url(../images/galeria_imagenes.png) top left no-repeat
}

#pagarMatricula {
     background: url(../images/pagar_matricula.png) top left no-repeat
}

#pagarMensualidad {
     background: url(../images/pagar_mensualidad.png) top left no-repeat
}

#solicitarDossier {
     background: url(../images/solicitar_dossier.png) top left no-repeat
}

#recomendarCurso {
     background: url(../images/recomendar_curso.png) top left no-repeat
}

#veinteRazones {
     background: url(../images/20_razones.png) top left no-repeat
}

#testimonios {
     background: url(../images/testimonios.png) top left no-repeat
}

#formacionEmpresas {
     background: url(../images/formacion_empresas.png) top left no-repeat
}

#promocionMatricula {
     background: url(../images/promocion_matricula.png) top left no-repeat
}

#videoCorporativo {
     background: url(../images/video_corporativo.png) top left no-repeat
}

#alumnosTitulados {
     background: url(../images/alumnos_titulados.png) top left no-repeat
}

#empresasColaboradoras {
     background: url(../images/empresas_colaboradoras.png) top left no-repeat
}

#formacionProfesional {
     background: url(../images/formacion_profesional.png) top left no-repeat
}

#oposiciones {
     background: url(../images/oposiciones.png) top left no-repeat
}

#revista {
     background: url(../images/revista.png) top left no-repeat
}

#videos {
     background: url(../images/videoteca.png) top left no-repeat
}





/* MENU DESPLEGABLE DE FAMILIAS */

#listadoFamilias ul {
     list-style-type: none;
     margin: 0;
     padding: 0
}

#listadoFamilias ul li {
     width: 30%;
     margin: 0 2% 3% 0;
     float: left;
     height: 130px;
     background-position: bottom center;
     background-repeat: no-repeat
}

#listadoFamilias ul li a {
     display: block;
     width: 100%;
     height: 100%;
}

ul#listadoFamiliasMenu, ul#listadoFamiliasMenu ul {
     margin: 0;
     padding: 0;
     width: 300px;
     list-style: none;
}

#listadoFamiliasMenu li {
     margin: 0;
     border-bottom: dotted 1px #999;
     position: relative
}

#listadoFamiliasMenu li a {
     display: block;
     background: url(../images/vinetaMenu.png) left center no-repeat;
     width: 255px;
     padding: 9px 15px 9px 30px;
     font-size: 10pt;
     color: #fff;
     text-decoration: none
}

#listadoFamiliasMenu li a:hover {
     background-color: #f57800
}

ul#listadoFamiliasMenu ul {
     position: absolute;
     left: -1000px;
     background: #555
}

#listadoFamiliasMenu li:hover ul, #listadoFamiliasMenu li.sfhover ul {
     left: 300px;
     top: 0
}

p#presentacionMenu {
     height: 12px;
     margin: 0;
     padding: 10px;
     overflow: hidden;
     background: #121212;
     color: #fff;
     font-weight: bold
}




/* MENÚ GENERAL DESPLEGABLE*/


ul#menuGeneral {
     margin: 0;
     padding: 0;
     background: #121212;
     width: 100%;
     overflow: auto
}

#menuGeneral li {
     list-style: none;
     float: left;
     padding: 0;
}

#menuGeneral li a {
     background: #121212;
     color: #fff;
     display: block;
     line-height: 32px;
     margin: 0px;
     padding: 0px 15px;
     text-align: left;
     text-decoration: none;
}

#menuGeneral li a:hover, #menuGeneral ul li:hover a {
     background: #f57800;
     color: #fff;
     text-decoration: none;
}

 #menuGeneral li ul {
     background: #333;
     display: none;
     height: auto;
     padding: 0;
     margin: 0;
     position: absolute;
     width: 250px;
     z-index: 200;
}

#menuGeneral li:hover ul {
     display:block;
}

#menuGeneral li li {
     display: block;
     float: none;
     margin: 0;
     padding: 0;
     width: 250px;
}

#menuGeneral li:hover li a{
     background: none;
}

#menuGeneral li ul a{
     display: block;
     height: 34px;
     margin: 0;
     padding: 0 15px 0 15px;
     text-align: left;
     border-bottom: dotted 1px #999;
}

#menuGeneral li ul a:hover, #menuGeneral li ul li:hover a{
     background: #f57800;
     border-bottom: dotted 1px #999;
     color: #fff;
     text-decoration:none;
}

#faq {
     position: absolute;
     top: 11px;
     right: 184px;
     border-right: dotted 1px #000;
     font-weight: bold;

}

#contactanos {
     position: absolute;
     top: 11px;
     right: 103px;
     border-right: dotted 1px #000;
     font-weight: bold
}

#mapa {
     position: absolute;
     display: block;
     top: 11px;
     right: 15px;
     font-weight: bold
}

#faq a,
#contactanos a,
#mapa a {
     margin: 0 !important;
     padding: 0 10px 0 0 !important;
     background: none !important;
     line-height: 100% !important
}

#addBookmarkContainer a {
     position: absolute;
     top: 11px;
     right: 245px;
     border-right: dotted 1px #000;
     padding-right: 10px;
     text-transform: uppercase;
     font-variant: small-caps;
     font-weight: bold;
     text-decoration: none;
     font-size: 10pt;
}

#addBookmarkContainer a, 
#contactanos a,
#faq a,
#mapa a {
     color: #fff
}

#datosContacto a {
     color: #000
}







/* FORMULARIOS */
#formAccesoCampus {
     margin: 0;
     height: 82px;
     padding: 30px 15px 0 15px;
     background: url(../images/fondoAccesoCampus.jpg);
     text-align: center
}

#formAccesoCampus input {
     width: 110px
}

#formSolicitudInformacion,
#formRecomendarCurso,
#formContactar,
#formTestimonio {
     margin: 40px 175px 40px 20px
}


#formRevista {
     width: 400px;
}

#formPagoCurso {
     margin: 20px
}

#formContactar,
#formTestimonio,
#formSolicitudInformacion,
#formRecomendarCurso,
#formPagoCurso,
#formRevista,
#formRegistro {
     padding: 10px;
     border: solid 1px #f57800;
     background: #ffecd9
}


span.iz {
     float: left
}

#formPagoCurso span.iz {
     width: 320px
}

span.de {
     float: right
}

fieldset {
     border: 0
}

legend {
     font-weight: bold;
     color: #f57800;
     padding-bottom: 5px
}

input, textarea, select {
     font: 9pt Tahoma, Arial, Helvetica, sans-serif;
     color: #555
}

input.boton {
     color: #fff;
     background: #f57800 url(../images/fondoBoton.png) repeat-x;
     border: solid 1px #f57800
}

#formBuscador label {
     font-weight: bold;
     color: #000
}

#formPagoCurso label {
     display: block;
     float: left;
     width: 120px;
     margin-right: 20px;
     text-align: right
}

#formPagoCurso input[type=text],
#formPagoCurso select {
     margin-right: 20px
}

input#busqueda {
     width: 200px
}

#formContactar p,
#formSolicitudInformacion p,
#formRecomendarCurso p,
#formPagoCurso p,
#formRevista p,
#formRegistro p {
     margin: 10px 0;
     padding: 0 0 10px 0;
     border-bottom: dotted 1px #ffcd9b;
     text-align: justify
}


#formRevista #nombre0,
#formRevista #apellidos0,
#formRevista #nombre1,
#formRevista #apellidos1,
#formRevista #nombre2,
#formRevista #apellidos2,
#formRevista #nombre3,
#formRevista #apellidos3 {
     width: 130px
}

#formRevista #email0,
#formRevista #email1,
#formRevista #email2,
#formRevista #email3 {
     width: 280px
}






/* TABLAS */
table.justificantePago {
     margin: 0 20px;
     float: left;
     width: 40%
}

caption {
     text-align: left;
     font-weight: bold;
     color: #f57800
}

th {
     text-align: left
}




/* VIDEOTECA */

#contenido div.video {
     margin-right: 175px;
     text-align: center
}

#contenido div.video h3 {
     text-align: left;
     margin-right: 0
}

#contenido div.video p {
     text-align: center;
     margin-right: 0
}






/* REVISTAS */

div.revista {
     overflow: auto;
     margin-top: 40px
}

div.revista img.portadaRevista {
     float: left;
     float: left;
     margin: 0 10px 10px 0;
     max-width: 200px
}

body#verRevista {
     background: #555 url(../images/fondoRevista.png) top left no-repeat;
     margin: 20px;
     text-align: center;
}

#formRevista {
     margin: auto;
     text-align: left
}


/* RECURSOS */

p.avisoRecursoPrivado {
     padding-left: 20px;
     background: url(../images/informacion.png) left top no-repeat
}







/* GALERÍA DE IMÁGENES*/

#galeriaImagenes {
     padding: 2%;
     margin-right: 150px;
     overflow: auto
}

div.imagen {
     width: 20%;
     height: 210px;
     float: left;
     margin-right: 20px;
     margin-bottom: 10px;
     padding: 5px;
     border: solid 1px #eee;
     overflow: hidden;
     text-align: center
}

div.imagen img {
     max-width: 100%;
     max-height: 200px;
     height: 130px;
     cursor: pointer;
     cursor: url(../images/zoom.png);
}


div.imagen p {
     margin: 0 !important;
     padding: 0;
     font-size: 8pt
}






/*AMPLIACIÓN DE IMÁGENES*/
.lienzoZoomImagen {
     position:fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url(../images/fondo_transparente.png);
}

.zoomImagen {
     max-width: 780px;
     max-height: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
    /* margin-left: -130px;
     margin-top: -200px;*/
     overflow: auto;
}






/* FORMULARIO DE LOGIN */
#login {
     position: absolute;
     top: 41px;
     left: 317px
}

#formLogin, #formLogin fieldset {
     margin: 0;
     padding: 0
}
#formLogin legend {
     display: none
}

#formLogin label {
    color: #000000;
    font-weight: bold;
    font-size: 8pt
}

#formLogin p {
     margin: 0;
     padding: 0
}




@media print {
     * {
          display: none
     }
}