/* ESTRUCTURA */
#TODO { margin:0 auto; width:960px; height:100%; overflow:hidden}
#CABECERA {width:960px;height:136px; background:url(../img/comun/fondo-cab.jpg) 0 0 no-repeat;overflow:hidden;}
#LOGO { float:left; margin:14px 0 0 27px; width:204px; height:104px; display:inline}
#PATROCINADORES { width:231px; height:119px; float:right; margin:12px 5px 0 0; background:url(../img/comun/fondo-patrocinadores.gif) 0 0 no-repeat}
#PATROCINADORES h4 { color:#FFF; padding: 3px 0 0 6px; display:block; height:20px; font-weight:normal}
#PATROCINADORES ul li {text-align:center;}
#PIE { height:18px; background-color:#a7b1bc; margin: 0 0 10px 0; padding:6px 18px 0 18px;}
#PIE p { font-size:11px; color:#FFF}
#PIE p a { font-size:11px; color:#FFF; text-decoration:none}
#PIE p a:hover {text-decoration:none}

/**/
#MENU {height:37px; font-family:Georgia, "Times New Roman", Times, serif; text-align:right}
#MENU ul {margin:11px 10px 0 0; float:right; display:inline;font-size:12px;}
#MENU ul li { display:inline;}
#MENU ul li a {height:26px;font-size:12px;color:#431313;background:url(../img/comun/fondo-menu-li.jpg) left 0 no-repeat;float:left;padding:0 0 0 15px}
#MENU ul li a span {height:20px;color:#431313;background:url(../img/comun/fondo-menu-li-span.jpg) right 0 no-repeat;display:block;padding:6px 25px 0 8px;float:left}
#MENU ul li a:hover { background:url(../img/comun/fondo-menu-li-over.jpg) left 0 no-repeat}
#MENU ul li a:hover span { background:url(../img/comun/fondo-menu-li-span-over.jpg) right 0 no-repeat; color:#FFF; cursor:pointer}
#MENU ul li.Activo a { background:url(../img/comun/fondo-menu-li-over.jpg) left 0 no-repeat}
#MENU ul li.Activo a span { background:url(../img/comun/fondo-menu-li-span-over.jpg) right 0 no-repeat; color:#FFF}

/**/
#CONTENIDO { height:100%; overflow:hidden; margin:18px 0 0 0}
#CONTENIDO #COL01 { width:180px; height:100%; overflow:hidden; margin:0 10px 0 0; float:left; display:inline;}
#CONTENIDO #COL02 { width:770px; height:100%; overflow:hidden; margin:0 0 0 0; float:left; display:inline}

/* BANNERS PATROCINADORES */
#CONTENIDO #COL01 ul.Patrocinadores li { }
#CONTENIDO #COL01 ul.Patrocinadores li a { }
/**/
#CONTENIDO #COL01 h4 { padding:4px 0 0 4px; display:block; height:20px; font-weight:normal;background-color:#431313;color:#FFF}
#CONTENIDO #COL01 .Social { background:#FFF url(../img/comun/fondo-social.jpg) 0 bottom repeat-x; height:100%; overflow:hidden; padding:0 0 6px 0}
#CONTENIDO #COL01 .Social ul { text-align:center; margin:10px 0 0 0}
#CONTENIDO #COL01 .Social ul li { display:inline; margin:0 5px 0 5px; padding:0 0 5px 0}
#CONTENIDO #COL01 .Social ul li.Last { margin:0}
#CONTENIDO #COL01 .Social ul li.Facebook { background:url(../img/comun/ref-facebook.jpg) 0 bottom no-repeat}
#CONTENIDO #COL01 .Social ul li.Tweeter {background:url(../img/comun/ref-tweeter.jpg) 0 bottom no-repeat}
#CONTENIDO #COL01 .Social ul li.Youtube {background:url(../img/comun/ref-youtube.jpg) 0 bottom no-repeat}
#CONTENIDO #COL01 .Social ul li.Rss {background:url(../img/comun/ref-rss.jpg) 0 bottom no-repeat}

/* DECORADO */
h1 { font-size:32px; font-weight:normal}
h2 { font-size:18px}
h3 { font-size:15px; font-weight:normal}
h4 { font-size:14px}
h5 { font-size:12px; font-weight:normal}
h6 { font-size:;}
p { font-size:11px; color:#333}
input.TXT { height:17px; border:1px solid #CDCDCD; padding:0 0 0 2px; color:#333}
select { height:19px; border:1px solid #CDCDCD; color:#333}
textarea { height:200px; border:1px solid #CDCDCD; color:#333;font-size:12px}

/**/
.ImgOcre { background:url(../img/comun/fondo-img-ocre.gif) 0 0 no-repeat; padding:12px 0 12px 5px;}
.ImgOliva{ background:url(../img/comun/fondo-img-oliva.gif) 0 0 no-repeat; padding:12px 0 12px 5px;}
/**/

/* BOTONES */
.BtnCV { margin:5px 0 10px 0; width:145px;height:21px;cursor:pointer}
/**/
.ModBlanco { background-color:#FFF;margin-bottom:13px;overflow:hidden; height:100% }
.ModOcre { background-color:#431313;margin-bottom:8px;overflow:hidden; height:100% }
.ModBorde { border:1px solid #cfcfcf;background-color:#FFF;margin-bottom:13px }

/* CONTENIDO */
.Intro { margin:0 0 18px 0; height:122px;padding:20px 28px 8px 28px; text-align:center}
.Intro h2, .Intro h4 { font-style:italic;}
.Intro h2 {color:#797100;background:url(../img/comun/bordepuntos-ocre.gif) 0 bottom repeat-x; padding: 0 0 12px 0;margin:0 0 10px 0;font-weight:normal}
.Intro h4 {}
/**/
.Titular { height:51px; background:#FFFFFF url(../img/comun/fondo-titular.jpg) right 0 no-repeat;}
.Titular h1 { font-size:26px; margin:12px 0 0 22px }
/**/
.Objetivos { background:#FFFFFF url(../img/comun/fondo-objetivos-top.jpg) 0 0 no-repeat; height:100%; overflow:hidden}
.Objetivos div { padding:36px 52px 100px 115px; background: url(../img/comun/fondo-objetivos-bottom.jpg) 0 bottom no-repeat; height:100%; overflow:hidden}
.Objetivos h3 { color:#333333; margin:0 0 36px 0}
/**/
.PonentesHome { background:#FFF url(../img/comun/huella-home.gif) right center no-repeat; padding:30px 15px 20px 35px; overflow:hidden; height:100%}
.PonentesHome h1 { margin:0 0 28px 0}
.PonentesHome .ModPonente { width:170px; display:inline; float:left; margin:0 10px 25px 0}
.PonentesHome .ModPonente h3 { margin:0 0 8px 0}
.PonentesHome .ImgOcre, .PonentesHome .ImgOliva { margin:0 0 6px 0}
.PonentesHome p { font-size:11px; color:#333}
/**/
.Ponente { background: #FFF url(../img/comun/fondo-ponente.jpg) 0 0 no-repeat; padding:20px; height:100%; overflow:hidden}
.Ponente .ImgOcre { float:left; margin:5px 20px 0 0; display:inline;width:155px}
.Ponente .ImgOliva { float:left; margin:5px 20px 0 0; display:inline;width:155px}
.Ponente .Texto { float:left; display:inline; margin:0; padding:0; width:480px; height:100%; overflow:hidden}
.Ponente .Texto.Testimonio { float:left; display:inline; margin:0; padding:0; width:680px; height:100%; overflow:hidden}
.Ponente .Texto h3 { color:#333; margin:0 0 5px 0}
.Ponente .Texto h5.Borde { background: url(../img/comun/bordepuntos-gris.gif) 0 bottom repeat-x;padding:0 0 10px 0;width:100%;display:block; margin:0 0 8px 0}
.Ponente .Texto p { margin:0 0 5px 0; color:#333}
.Ponente .Texto p .BtnLeerMas { background:#431313 url(../img/comun/ico-flecha-ocre.gif) right 5px no-repeat; padding:3px 20px 2px 5px; color:#FFF; border-right:4px solid #431313; margin:10px 0 0 0; display:block; width:65px}
/**/
.Programa { width:380px;margin:0 10px 0 0;float:left;display:inline;background:#FFFFFF url(../img/comun/fondo-programa.jpg) 0 0 no-repeat;}
.Programa.Last { margin:0 0 0 0}
.Programa div { background:url(../img/comun/fondo-programa-bottom.jpg) 0 bottom no-repeat;overflow:hidden;padding:28px 30px 100px 24px}
.Programa div h2 { margin:0 0 0 0; color:#333; font-weight:normal}
.Programa div h3 { padding:40px 0 8px 0; background:url(../img/comun/bordepuntos-gris.gif) 0 bottom repeat-x; margin:0 0 5px 0}
/**/
.QuieneSomos { background:#FFFFFF url(../img/comun/fondo-quienes.jpg) 0 0 no-repeat; padding:25px 50px 70px 22px;color:#333}
.QuieneSomos .IMG { float:left; display:inline; margin:10px 23px 0 0; width:220px}
.QuieneSomos .TXT { float:left; display:inline; margin:0; width:445px}
.QuieneSomos .TXT h2 { font-size:22px; font-weight:normal;background:url(../img/comun/bordepuntos-gris.gif) 0 bottom repeat-x; padding:0 0 5px 0; margin:0 0 12px 0}
.QuieneSomos .TXT p { }
.QuieneSomos .TXT ul { margin:15px 0 20px 0}
.QuieneSomos .TXT ul li { font-size:12px; color:#431313; background:url(../img/comun/bolo-ocre.gif) 0 6px no-repeat; padding:0 0 0 10px;}
.QuieneSomos .TXT ul li a { font-size:12px; color:#431313}
.QuieneSomos .TXT ul li a:hover { text-decoration:underline}

/* FORMULARIO DE INSCRIPCION */
.Precio {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px;background:#FFF url(../img/comun/fondo-quienes.jpg) 0 0 no-repeat;padding:10px 30px 10px 20px}
.Precio h2 { color:#333; font-weight:normal; margin:18px 0 10px 0; padding:0 0 0 0}
.Precio a {margin:10px 0 10px 0; padding:0 0 0 0}
.Precio td h1 { font-size:55px; color:#431313;}
.Precio td span.Font37px {font-size:37px;color:#797100}
.Precio td span.Persona {font-size:21px;color:#3D3D3D}
.Precio td p { font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:15px}
.DescuentoOcre { width:41px;height:42px;display:block;background:url(../img/comun/descuento-ocre.gif) 0 0 no-repeat;color:#FFF;font-size:25px;padding:8px 0 0 10px; margin:0 5px 0 0}
.DescuentoOliva {width:41px;height:42px;display:block;background:url(../img/comun/descuento-oliva.gif) 0 0 no-repeat;color:#FFF;font-size:25px;padding:8px 0 0 10px; margin:0 5px 0 0}
.DescuentoOcre sup, .DescuentoOliva sup { font-size:12px}
.ModOcre label { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF}
.NumInscritos { padding:2px 0 2px 50px}
.NumInscritos select { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.Inscripcion { padding:20px 65px 40px 50px; background:#FFF url(../img/comun/fondo-quienes.jpg) 0 0 no-repeat}
.Inscripcion.Total { width:230px;height:88px;float:right;display:inline;background:url(../img/comun/fodo-precio.jpg) 0 0 no-repeat;padding:15px 20px 10px 0}
.Inscripcion.Total th { color:#3d3d3d;margin:0;padding:0 10px 0 0;font-size:18px; font-weight:normal}
.Inscripcion.Total td { color:#3d3d3d;margin:0;padding:0 0 0 0;font-size:14px; font-weight:normal}
.Inscripcion h3 { font-size:16px; color:#797100; margin:0 0 20px 0}
.Inscripcion h5 { font-weight:bold; margin:0 0 15px 0; display:block}
.Inscripcion th { text-align:left;padding:0 0 5px 0;font-size:12px; color:#431313; font-weight:normal }
.Inscripcion td { padding:0 10px 10px 0}
.Inscripcion th label { font-size:12px; color:#431313; }
.Inscripcion p label { margin:0 0 15px 0; font-size:12px}
.Inscripcion .CK { position:relative; top:2px}
.Especial { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333;margin:10px 0 10px 0}
.Especial strong { color:#431313}
.Legal { color:#828282; font-size:11px; margin:30px 0}
.Legal a { color:#828282; font-weight:bold}

/* FORMULARIO DE CONTACTO */
.Contacto { padding:20px 65px 40px 50px; background:#FFF url(../img/comun/fondo-quienes.jpg) 0 0 no-repeat}
.Contacto th { font-weight:normal}

/* DONDE Y CUANDO */
.Donde { padding:32px 40px 28px 40px;background:#FFF url(../img/comun/fondo-quienes.jpg) 0 0 no-repeat}
.Donde h4 { font-weight:normal}
.Donde h3 { margin:0 0 15px 0}
.Donde .Foto { margin:0 14px 0 0; width:236px; float:left; display:inline;}
.Donde .Foto p { font-size:11px; color:#431313; margin:10px 0 0 0}
.Donde .Foto p a { background:url(../img/comun/ico-mas.gif) 0 4px no-repeat;padding:0 0 0 10px;color:#431313; text-decoration:underline; font-weight:bold}

/* TEXTOS LEGALES */
.Legal {margin:0 0 0 0}
.Legal h3 { color:#333333; margin:0 0 15px 0}
.Legal h4 { color:#333333; margin:0 0 5px 10px; font-size:13px}
.Legal p { margin:0 0 10px 0; color:#333 !important}
.Legal p.Tab { margin:0 0 10px 10px; }
.Legal ul { margin:0 0 15px 0}
.Legal ul li {background:url(../img/comun/bolo-ocre.gif) 0 6px no-repeat; padding:0 0 0 10px; font-size:11px; color:#333; margin:0 0 0 15px}
.Legal a { font-weight:bold; text-decoration:underline; color:#333; font-size:11px}
/**/
.LinksLegal { height:100%; overflow:hidden; margin:0 0 20px 0}
.LinksLegal a { color:#333}
.LinksLegal a img { position:relative; top:4px}

/* CLASES GENERICAS */
/* colores */
.Oliva { color:#797100}
.Ocre { color:#431313}
.Marino { color:#334253}
.Gris { color:#333333}

/* Tipografia */
.Font22px { font-size:22px !important}

/* Anchos */
.Ancho66px  { width:66px }
.Ancho150px { width:150px}
.Ancho187px { width:187px}
.Ancho230px { width:230px}
.Ancho246px { width:246px}
.Ancho310px { width:310px}
.Ancho390px { width:388px}
.Ancho404px { width:404px}
.Ancho636px { width:640px}
.Ancho682px { width:682px}

/**/
.Clear { clear:both}
.FloatLeft { float:left}
.FloatRight { float:right}
.Oculto { display:none}
.PaddingLeft10px { padding-left:10px}
.PaddingLeft18px {padding-left:18px}
.TXT_Left { text-align:left !important}
.TXT_Right { text-align:right !important}
.FL_Right { float:right}
.FL_Left { float:left}

/* CLASES DE ERROR PARA FORMULARIOS */
input.error, select.error {border:1px solid #f00 !IMPORTANT;background-color:#fcc}
label.error {display:block;clear:both;color:#f00; font-size:11px !IMPORTANT}



























