/* - - - - - - - - - - - - - - - - - - - - -
2009 Daisho Website

Autor : Saetha Design & Systems C.A.
Descripción : Hoja CSS principal del Website <<cliente>>

Creado : <<21/08/09>>
Modificado : <<fecha de ultima modificación relevante>>

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{ margin:0px; padding:0px; border:none; }
body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; background: #ededed url(../Imgs/repeater-x.jpg) repeat-x left top; }
table, table th, table tr, table td, div, img { vertical-align: top; }
input, select { font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: #000; border: solid 1px #000; padding: 1px 0px 1px 2px; }
a { color: #000; text-decoration: none; }
a:hover { color: #000; }

/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/

#wrapper { margin: 0px auto; width: 890px; }
#contenido {width: 890px; height: auto; float: left; display: inline;}
.central {width: 753px; height: auto; float: left; display: inline;}
.contenido { width: 670px; margin:30px auto; }


/* ---- MasterPage -----*/

.izq {width: 69px; height: 741px; float: left; display: inline; background:  url(../Imgs/izq.jpg) no-repeat left top;}
.der {width: 68px; height: 741px; float: left; display: inline; background:  url(../Imgs/der.jpg) no-repeat left top;}
.flash {width: 753px; height: 224px; float: left; display: inline; background:  url(../Imgs/flash.jpg) no-repeat left top;}
.menu {width: 753px; height: 67px; float: left; display: inline; background:  url(../Imgs/menu.jpg) no-repeat left top;}
.centro {width: 753px; height: auto; float: left; display: inline; background:  url(../Imgs/centro.jpg) no-repeat left top;}
.repeat-y {width: 753px; height: 237px; min-height:237px; height:auto; float: left; display: inline; background:  url(../Imgs/repeater-y.jpg) repeat-y left top;}
.cierre {width: 753px; height: 102px; float: left; display: inline; background:  url(../Imgs/cierre.jpg) no-repeat left top;}
.informacion {width:700px; margin-left: 25px;}
.saetha {width: 66px; height:24px; float:left; display: inline; margin: 26px 0px 0px 543px; }
.daisho {width: 74px; height:19px; float:left; display: inline; margin: 27px 0px 0px 33px;}



/*---- Default ----*/

.col_banners {width:255px; height:auto; display: inline; float: left; margin-left: 13px; margin-top: 5px;}
.baner_comunicate {width: 255px; height: 159px; float: left; display: inline; background:  url(../Imgs/comunicate.jpg) no-repeat left top;}
.baner_inscribete {width: 254px; height: 165px; margin-left:1px; margin-top: 7px; float: left; display: inline; background:  url(../Imgs/inscribete.jpg) no-repeat left top;}
.baner_boletin {width: 252px; height: 67px; margin-left:1px; margin-top: 7px; float: left; display: inline; background:  url(../Imgs/bannerboletin.png) no-repeat left top;}
.programacion {width: 409px; height: 431px; float: left; display: inline; background: url(../Imgs/programacion.jpg) no-repeat left top; margin:11px 0px 0px 12px;}
.btn1{width: 98px; height:27px; float:left; display: inline; margin: 117px 0px 0px 145px;}
.btn2{width: 124px; height:23px; float:left; display: inline; margin: 134px 0px 0px 122px;}
.btn3{width: 252px; height:67px; float:left; display: inline;}
.cont_promo{width:400px; height: auto; float: left; display: inline; margin: 31px 0px 0px 4px;}
.promos{width:400px; height: 133px; float: left; display: inline; margin-bottom:4px}
.fotos {width:96px; height: 127px; float: left; overflow: hidden; background-position: 0px -123px !important;border:solid 1px #f2f2f2;}
.subti{width:301px; height: 33px; float: left; display: inline; background: url(../Imgs/sombra.jpg) no-repeat left top; margin-top: 7px;}
.subti h1 {width: 226px; height: 31px; float: left; display: inline; margin-left: 14px; margin-top: 3px;font-size: 12px; font-weight: bold; text-align: left; line-height: 14px; color: #141414; }
.subti h1 a {display: block; height: 28px; overflow: hidden; color:#141414; text-decoration: none;}
.subti h1 a:hover {color:#4d7db8 ; text-decoration: none;}
.texto {width:276px; height: 75px; overflow: hidden; float: left; display: inline; background:  url(../Imgs/linea2.jpg) no-repeat left bottom; margin-top: 11px; margin-left: 14px;}
.texto p {width:276px; height: auto; float: left; display: inline; font-size: 11px; font-weight: normal; line-height: 14px; color: #5e5e5e;}


/*--- Secciones Internas ----*/

.tit_seccion {width:679px; height:39px; margin: 6px 0px 0px 11px;}
.p_quienes {width:700px; height:191px; display: inline; float: left; background: url(../Imgs/foto_quienes.jpg) no-repeat left top;}
.p_quienes p {width: 382px; height: auto; float:left; display: inline; margin: 40px 0px 0px 286px; font-size: 12px; font-weight: normal; line-height: 18px; color: #121212;}
.p_contactanos {width:700px;min-height: 337px; height:auto; display: inline; float: left;}
.p_contactanos p {width: 382px; height: auto; float:left; display: inline; margin: 70px 0px 0px 310px; font-size: 12px; font-weight: normal; line-height: 22px; color: #121212;}


/*--- Programación ----*/

.programacion-detalle { font: normal normal normal 12px/14px "Segoe UI", "Lucida Sans"; border-top: solid 2px #4f4f4f; color: #393939; padding-top: 3px; }
.programacion-detalle .sumario { height: 20px; margin: 6px 0px 10px 0px; background-color: #eaeaea; border-top: solid 1px #cbcbcb; border-bottom: solid 1px #cbcbcb; line-height: 20px; padding-left: 3px; }
.programacion-detalle .sumario strong { color: #000; }
.programacion-detalle .descripcion { padding: 15px 10px 10px 10px; line-height: 16px; }
.programacion-detalle .descripcion .navegacion { clear: both; height: 28px; padding-top: 4px; margin: 15px 0px 10px 0px; border-top: solid 1px #cacaca; border-bottom: solid 1px #cacaca; }

.programacion-lista { list-style-type: none; font: normal normal normal 12px/14px "Segoe UI", "Lucida Sans"; }
.programacion-lista li.contenido-lista { border-top: solid 2px #4f4f4f; color: #393939; padding-top: 3px; }
.programacion-lista li.contenido-lista h3, .programacion-detalle h1 { display: inline; font-size: 15px; color: #000; text-transform: uppercase; }
.listado-fondo { width: 668px; margin-top: 15px; background-color: #fff; margin-bottom: 14px; }
.listado-fondotope { background: url(../imgs/programacion-lista-fondotope.jpg) no-repeat left top; }
.listado-fondopie { background: url(../imgs/programacion-lista-fondopie.jpg) no-repeat left bottom; padding-bottom: 10px; min-height: 105px; height: auto !important; height: 105px; }
.programacion-lista li.contenido-lista ul { list-style-type: none; padding: 12px 12px 0px 12px; }
.programacion-lista li.contenido-lista ul li { height: 90px; overflow: hidden; border-bottom: solid 1px #d7d7d7; margin-bottom: 10px; }
.programa-imagen { float: left; width: 190px; height: 75px; overflow: hidden; border: solid 1px #adadad; text-align: center; background-position: 0px -48px !important; }
.programa-detalles { height: 56px; overflow: hidden; font-size: 11px; }
.programa-formato strong{ color: #252525; }
.programa-formato h2 { width: 440px; font-size: 13px !important; line-height: 15px; margin-bottom: 5px; color: #393939; }
.programa-formato { float: left; padding-left: 10px; }
.programa-formato h2 a:hover { color: #287d45; }

/*--- Inscripciones ----*/

.inscripciones { font-family: "Segoe UI", Tahoma; font-size: 12px; }
.inscripciones a { color: #000; }
.inscripciones a:hover { color: #dfdfdf; }
.padding { padding: 4px; }
.inscripciones .configuracion { position: relative; z-index: 400; min-height: 68px; height: auto !important; height: 68px; border: solid 1px #dedede; background-color: #b0b0b0; }
.inscripciones .configuracion h3 { height: 20px; margin: 24px 0px 12px 0px; text-transform: uppercase; font-size: 13px; border-bottom: solid 1px #a3a3a3; border-top: solid 1px #a3a3a3; }
.inscripciones small { font-size: 11px; color: #727272; text-transform: none; }
.inscripciones #menu { display: none; position: absolute; z-index: 500; top: 20px; left: 4px; width: 380px; min-height: 20px; height: auto !important; height: 20px; border: solid 1px #9f9f9f; background-color: #fff; }
.inscripciones #menu a { display: block; min-height: 15px; height: auto !important; height: 15px; border-bottom: solid 1px #cacaca; padding: 6px 4px 3px 4px; color: #616161; }
.inscripciones #menu a:hover { background-color: #f6f6f6; color: #000; }
.cargador { visibility: hidden; display: inline-block; width: 126px; height: 22px; background: url(../imgs/cargador-gris.gif) no-repeat left top; }
.cargador-blanco { visibility: hidden; display: inline-block; width: 126px; height: 22px; background: url(../imgs/cargador-blanco.gif) no-repeat left top; }
.inscripciones .programa-seleccionado { display: none; height: 90px; }
.inscripciones .tipo-inscripcion { height: 22px; margin-top: 18px; padding: 5px 0px 4px 0px; border-top: solid 1px #9a9a9a; }
.inscripciones .identificador { display: none; border-top: solid 1px #9a9a9a; }
.inscripciones .fila { height: 20px; margin: 2px 0px 3px 0px; padding-top: 3px; }
.inscripciones .campo { float: left; padding-top: 2px; width: 120px; }
.inscripciones .data { position: relative; float: left; padding-left: 6px; }

.inscripciones input, .inscripciones select, .inscripciones textarea { width: 310px; height: 14px; padding: 3px; border: solid 1px #cacaca; color: #6a6a6a; }
.inscripciones select { height: 24px; }
.inputdisabled { border: solid 1px #919191 !important; color: #8a8a8a !important; background-color: #e4e4e4 !important; }

/*--- Contáctenos ----*/

.cont_contact {width: 678px; height: auto; float: left; display: inline; margin: 10px 0px 0px 11px; }
.colA {width: 330px; float: left; display: inline; }
.colA p {width: 330px; height: auto; float:left; display: inline; margin: 15px 0px 0px 0px; font-size: 12px; font-weight: normal; line-height: 22px; color: #121212;}
.colA ul {width:300px; height: auto; float: left; display: inline;font-size: 12px; font-weight: normal; line-height: 22px; color: #121212; margin-top: 5px; margin-left: 25px;}
.colA ul li { list-style-image: url(../Imgs/vineta_negra.jpg);   }
.colB {width: 330px; float: left; display: inline;}

/*--- Formulario ---*/

.coment{font-size: 13px; font-weight: bold; line-height: 22px; color: #304f78; margin-top: 5px; margin-left: 150px;}
.tabla_contacto {font-size: 11px; background-color:#e5f1f9; border: solid 1px #174977;}
.tabla_contacto .fila {height: 20px; line-height:18px; vertical-align: middle; color:#8e8b83; border-right: solid 1px #174977; border-left: solid 1px #174977; padding: 3px 5px 3px 8px; }
.label {font-size: 11px; color: #304f78; text-align: left; padding-right: 5px;}
.label2 {font-size: 10px; color: #304f78; text-align: left; }
.cont_tabla { width: 324px; height: auto; float:left; margin: 0px 0px 0px 10px; display: inline; background-color: #e8e6e6; border: 1px solid #bdb9b9; }
.comentario { font-family: Lucida Sans; font-size: 13px; color: #085f34; text-align:center; font-weight: bold; float: left; width: 400px; height: auto; margin: 30px 0px 0px 235px; display: inline;}
small {font-size: 12px; color: #654641; line-height: 16px; font-weight: normal;}
.error{background-color:#FFCECE;border:3px solid #C30808;color:#4B0202;height:auto !important;margin:5px auto;min-height:30px;padding:5px;vertical-align:middle;width:310px;}
.exito{background-color:#59ac78;border:3px solid #3a8355;color:#101f16;height:auto !important;margin:5px auto;min-height:30px;padding:5px;vertical-align:middle;width:310px;}
.input{width: 300px; border: 1px solid #bdb9b9; padding: 3px;}
input:focus{ border-color: #767676; border-right-width: 3px;}
input.reducido{width: 100px;}
.obligatorio{color: #c20000;}

/*--- IU ---*/

.iu-general { background: url(../imgs/iu-general.jpg) no-repeat 0px 0px; }
.iu-boton a { display: block; float: left; height: 20px; font-weight: bold; color: #fff; padding-top: 4px; background-position: 0px -24px; background-repeat: repeat-x; text-transform: uppercase; font-size: 10px; }
.iu-boton a:hover { color: #b9e7c9; }
.iu-boton .iu-boton-izq { display: block; float: left; width: 8px; height: 24px; background-position: 0px 0px; }
.iu-boton .iu-boton-der { display: block; float: left; width: 8px; height: 24px; background-position: -8px 0px; }
.iu-boton-redondo a { display: block; float: left; height: 18px; padding: 4px 0px 0px 26px; font-size: 11px; }
.registroindividual a { background-position: -167px -167px; }
.registroindividual a:hover, .registroindividual a.individual-seleccionado { background-position: -167px -189px; }
.registroindividual a.individual-seleccionado { font-weight: bold; }
.registrocorporativo a { background-position: -167px -123px; }
.registrocorporativo a:hover, .registrocorporativo a.corporativo-seleccionado { background-position: -167px -145px; }
.registrocorporativo a.corporativo-seleccionado { font-weight: bold; }
.mas { display: inline-block; }
.mas a { background-position: -167px -211px; }
.mas a:hover { background-position: -167px -233px; }
.menos { display: inline-block; width: 22px; overflow: hidden; }
.menos a { background-position: -145px -211px; }
.menos a:hover { background-position: -145px -233px; }
.lupa a { width: 22px; padding-left: 0px; background-position: -145px -123px; text-indent: -99999px; }
.lupa a:hover { background-position: -145px -145px; }



.SeccionCurso{ background-color:#bdbcbc; padding:4px; padding-left:7px; padding-right:8px;  display:compact; height:24px;  width:auto; font-family:Tahoma, Arial; color:#0b3000;}
.SeccionCurso:hover{ background-color:#2f4867; color:#fff;}
.SeccionCurso_down{ background-color:#2f4867; padding:4px; padding-left:7px; padding-right:8px;  display:compact; height:24px;  width:auto; font-family:Tahoma, Arial; color:#fff;}
.nav_cierre{ font-family:Tahoma, Arial; font-size:12px; color:#2f4867; text-align:right; float:right; margin-right:10px;}
.on{  font-weight:bold;}
.nav_cierre a{ color:#2f4867;}
.nav_cierre a:hover{ color:#686868;}

/*HOME ESTILOS NUEVOS*/


.programacategoria
{
     width:399px; height:60px; margin-top:1px; 
     background: url('../imgs/home/backcategoria.jpg') repeat-x bottom left;     
}
.homeimgcat{ width:94px;  height:40px; background-color:#000;  margin: 14px 5px 10px 5px;  }
.homeimgcat img {border:solid 1px #848484;}
.homedescrip {margin-top:10px; text-align:left;   width:293px;   height:42px; border-bottom:solid 1px #898989; height:49px; overflow:hidden  }
.homedescrip p { line-height:15px;  font-size:11px;  padding-right:10px; cursor:pointer;}
.homedescrip b {color:#145299; font-family:Verdana, Tahoma; font-size:11px; text-transform:uppercase;}
.vermas{ margin-top:20px; margin-right:3px;}



/* ---- Alineación -----*/
.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }