

#fondo .fondo_superior
{
    BACKGROUND-COLOR: #000;
    WIDTH: 100%;
    HEIGHT: 345px
}
#fondo .fondo_inferior
{
    BACKGROUND-COLOR: #dddddd;
    WIDTH: 100%;
    HEIGHT: 855px
}
#contenido
{
    BACKGROUND-IMAGE: url(../images/cabecera.png);
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 985px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: center top;    
	min-height:345px;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
	

}
#izquierda
{
    TEXT-ALIGN: center;
    WIDTH: 492px;
    FLOAT: left
}
#video
{
    MARGIN-TOP: 380px;
    MARGIN-BOTTOM: 20px;
    HEIGHT: 287px
}
#derecha
{
    WIDTH: 463px;
    FLOAT: right
}
#formulario
{
    BACKGROUND-COLOR:#004080;
    MARGIN-TOP: 102px;
	margin-left:-30px;
    PADDING-LEFT: 15px;
    WIDTH: 403px;
    PADDING-RIGHT: 30px;
    HEIGHT: 475px;
    PADDING-TOP: 25px;

}
#formulario H1
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 14px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    COLOR: #ffffff;
    FONT-SIZE: 19px;
    PADDING-TOP: 0px
}

.banner{
	background-image:url(../images/capacitacion.jpg);
	background-repeat:no-repeat;	
	border:#FFF solid 1px;
	position:absolute;
	margin-top:-380px;
	margin-left:-469px;
	width:437px;
	height:300px;
	float:right;
	
	
	
	}
.campo
{
    POSITION: relative;
    MARGIN-BOTTOM: 18px
}
.campo LABEL
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    HEIGHT: 20px;
    COLOR: #ffffff;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 2px
}
.campo .campo_label
{
    WIDTH: 68px;
    FLOAT: left
}
.campo LABEL SPAN
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    COLOR: #fff;
    FONT-SIZE: 13px
}
.campo .campo_spani
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    OVERFLOW: hidden;
    PADDING-TOP: 0px
}
.campo .campo_spani INPUT
{
    WIDTH: 284px
}
.campo2
{
    POSITION: relative;
    MARGIN-BOTTOM: 18px;
    HEIGHT: 22px
}
.campo2 LABEL
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    HEIGHT: 20px;
    COLOR: #ffffff;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 2px
}
.campo2 .campo_label
{
    FLOAT: left
}
.campo2 LABEL SPAN
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    COLOR: #fff;
    FONT-SIZE: 13px
}
.campo2 .campo_spani
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 7px;
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    OVERFLOW: hidden;
    PADDING-TOP: 0px
}
.campo2 .campo_spani INPUT
{
    WIDTH: 120px
}
.campo3
{
    POSITION: relative;
    MARGIN-BOTTOM: 18px
}
.campo3 LABEL
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    HEIGHT: 20px;
    COLOR: #ffffff;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 2px
}
.campo3 .campo_label
{
    WIDTH: 127px;
    FLOAT: left
}
.campo3 LABEL SPAN
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    COLOR: #fff;
    FONT-SIZE: 13px
}
.campo3 .campo_spani
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    OVERFLOW: hidden;
    PADDING-TOP: 0px
}
.campo3 .campo_spani INPUT
{
    WIDTH: 284px
}
.limpiar
{
    BACKGROUND-IMAGE: url(../images/limpiar.png);
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 87px;
    FLOAT: left;
    HEIGHT: 36px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px
}
.enviar
{
    BACKGROUND-IMAGE: url(../images/enviar.png);
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 87px;
    BACKGROUND-REPEAT: no-repeat;
    FLOAT: right;
    HEIGHT: 36px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px
}
INPUT
{
    BORDER-BOTTOM: #fff 1px solid;
    BORDER-LEFT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BORDER-RIGHT: #fff 1px solid
}
.botones_div
{
    WIDTH: 100%;
    HEIGHT: 40px;
    PADDING-TOP: 8px
}
.botones_div .advertencia
{
    TEXT-ALIGN: left;
    WIDTH: 48%;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    FLOAT: left;
    COLOR: #fff;
    FONT-SIZE: 11px;
    PADDING-TOP: 9px
}
.botones_div .botones
{
    TEXT-ALIGN: center;
    WIDTH: 52%;
    FLOAT: right
}
#referencia
{
    FONT: 11px/20px Arial, Helvetica, sans-serif;
    COLOR: #555555
}
DIV#legal
{
    TEXT-ALIGN: justify;
    LINE-HEIGHT: 9px;
    WIDTH: 433px;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    MARGIN-BOTTOM: 15px;
    COLOR: #a3a3a3;
    FONT-SIZE: 8px;
    OVERFLOW: hidden
}
DIV#legal A
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    COLOR: #a3a3a3;
    FONT-SIZE: 8px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
DIV#fechas_recuadro
{
    BACKGROUND-COLOR: #2d5c8a;
    WIDTH: 433px;
    HEIGHT: 108px
}
#accordion
{
    TEXT-ALIGN: justify;
    WIDTH: 430px;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto
}
#accordion H3
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    HEIGHT: 20px;
    FONT-SIZE: 14px;
    PADDING-TOP: 3px
}
.ui-widget-content
{
    BACKGROUND: #ffffff
}
.ui-state-default
{
    BORDER-BOTTOM: #d3d3d3 1px solid;
    BORDER-LEFT: #d3d3d3 1px solid;
    BACKGROUND: url(../images/accordion-fondo.png) #2d5c8a repeat-x 50% 50%;
    COLOR: #fff;
    BORDER-TOP: #d3d3d3 1px solid;
    FONT-WEIGHT: normal;
    BORDER-RIGHT: #d3d3d3 1px solid
}
.ui-widget-content .ui-state-default
{
    BORDER-BOTTOM: #d3d3d3 1px solid;
    BORDER-LEFT: #d3d3d3 1px solid;
    BACKGROUND: url(../images/accordion-fondo.png) #2d5c8a repeat-x 50% 50%;
    COLOR: #fff;
    BORDER-TOP: #d3d3d3 1px solid;
    FONT-WEIGHT: normal;
    BORDER-RIGHT: #d3d3d3 1px solid
}
.ui-widget-header .ui-state-default
{
    BORDER-BOTTOM: #d3d3d3 1px solid;
    BORDER-LEFT: #d3d3d3 1px solid;
    BACKGROUND: url(../images/accordion-fondo.png) #2d5c8a repeat-x 50% 50%;
    COLOR: #fff;
    BORDER-TOP: #d3d3d3 1px solid;
    FONT-WEIGHT: normal;
    BORDER-RIGHT: #d3d3d3 1px solid
}
.ui-accordion .ui-accordion-header
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
.ui-accordion .ui-accordion-icons
{
    PADDING-LEFT: 10px
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon
{
    LEFT: 405px
}
.ui-accordion .ui-accordion-content
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    OVERFLOW: auto;
    BORDER-TOP: 0px;
    PADDING-TOP: 0px
}
.ui-accordion-content UL
{
    PADDING-LEFT: 25px;
    WIDTH: 355px
}
.ui-accordion-content LI
{
    FONT-FAMILY: Arial;
    MARGIN-BOTTOM: 9px;
    FONT-SIZE: 13px
}
.ui-accordion-content OL
{
    PADDING-LEFT: 30px;
    WIDTH: 355px
}
.ui-accordion-content
{
    FONT-FAMILY: Arial;
    COLOR: #555555;
    FONT-SIZE: 13px
}
.ui-accordion-content P
{
    PADDING-LEFT: 10px;
    WIDTH: 395px
}
.ui-state-active .ui-icon
{
    BACKGROUND-IMAGE: url(../images/icon.png)
}
.ui-state-default .ui-icon
{
    BACKGROUND-IMAGE: url(../images/icon.png)
}
.ui-icon-triangle-1-s
{
    BACKGROUND-POSITION: 0px 0px
}
.ui-icon-triangle-1-e
{
    BACKGROUND-POSITION: 0px 0px
}
DIV#inicio
{
    WIDTH: 140px;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    FLOAT: left;
    COLOR: #ffffff;
    MARGIN-LEFT: 20px;
    FONT-SIZE: 16px;
    PADDING-TOP: 5px
}
DIV#fechas_recuadro H3
{
    MARGIN-TOP: 15px;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    MARGIN-BOTTOM: 0px;
    COLOR: #fff;
    FONT-SIZE: 16px
}
DIV#hr
{
    BACKGROUND-COLOR: #96aec5;
    MARGIN-TOP: 10px;
    WIDTH: 2px;
    FLOAT: left;
    HEIGHT: 90px;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 20px
}
DIV#fechas_recuadro HR
{
    BORDER-BOTTOM: #a995c0 1px solid;
    BORDER-LEFT: #a995c0 1px solid;
    WIDTH: 1px;
    HEIGHT: 90px;
    BORDER-TOP: #a995c0 1px solid;
    BORDER-RIGHT: #a995c0 1px solid;
    PADDING-TOP: 10px
}
DIV#horarios
{
    WIDTH: 240px;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    FLOAT: left;
    COLOR: #fff;
    FONT-SIZE: 16px;
    PADDING-TOP: 5px
}
#pie
{
    TEXT-ALIGN: right;
    MARGIN-TOP: 10px;
    WIDTH: 955px;
    PADDING-RIGHT: 30px;
    FONT-FAMILY: 'DinPro-Medium', Arial;
    FLOAT: left;
    COLOR: #5e5e5e;
    FONT-SIZE: 15px;
    BORDER-TOP: #818b94 1px solid;
    FONT-WEIGHT: bold;
    PADDING-TOP: 10px
}
#pie A
{
    FONT-FAMILY: 'DinPro-Medium', Arial;
    COLOR: #5e5e5e;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
#pie A:hover
{
    TEXT-DECORATION: underline
}
DIV#formulario DIV#respuesta
{
    TEXT-ALIGN: center;
    PADDING-TOP: 120px
}
DIV#formulario DIV#respuesta P
{
    FONT-FAMILY: 'DIN-Bold', Arial;
    COLOR: #fff;
    FONT-SIZE: 15px
}
SELECT
{
    BORDER-BOTTOM: #fff 1px solid;
    BORDER-LEFT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BORDER-RIGHT: #fff 1px solid
}
INPUT.error
{
    BORDER-BOTTOM: #f00 1px solid;
    BORDER-LEFT: #f00 1px solid;
    BORDER-TOP: #f00 1px solid;
    BORDER-RIGHT: #f00 1px solid
}
SELECT.error
{
    BORDER-BOTTOM: #f00 1px solid;
    BORDER-LEFT: #f00 1px solid;
    BORDER-TOP: #f00 1px solid;
    BORDER-RIGHT: #f00 1px solid
}
#frm_form_2 INPUT.error
{
    BORDER-BOTTOM: #f6fc00 1px solid;
    BORDER-LEFT: #f6fc00 1px solid;
    BORDER-TOP: #f6fc00 1px solid;
    BORDER-RIGHT: #f6fc00 1px solid
}
SELECT.error
{
    BORDER-BOTTOM: #f6fc00 1px solid;
    BORDER-LEFT: #f6fc00 1px solid;
    BORDER-TOP: #f6fc00 1px solid;
    BORDER-RIGHT: #f6fc00 1px solid
}
LABEL.error
{
    POSITION: absolute;
    FLOAT: left;
    FONT-SIZE: 8px;
    TOP: 20px;
    LEFT: 21%
}
.conferencista
{
    WIDTH: 400px;
    HEIGHT: 64px
}
.conferencista_img
{
    WIDTH: 64px;
    FLOAT: left;
    HEIGHT: 64px
}
.conferencista_txt
{
    POSITION: relative;
    MARGIN-TOP: 8px;
    WIDTH: 320px;
    FLOAT: right;
    HEIGHT: 50px
}
.conferencista_txt DIV
{
    POSITION: absolute;
    WIDTH: 320px;
    DISPLAY: table;
    HEIGHT: 50px;
    TOP: 0px;
    LEFT: 0px
}
.conferencista_txt DIV P
{
    TEXT-ALIGN: left;
    DISPLAY: table-cell;
    VERTICAL-ALIGN: middle
}

.fonto_boton01
{
    FILTER: Alpha(Opacity=50);
    PADDING-BOTTOM: 5px;
    MARGIN: -5px 0px 0px -5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
	color:#0080FF;
    BACKGROUND: url(images/ui-bg_flat_10_000000_40x100.png) #000 repeat-x 50% 50%;
    PADDING-TOP: 5px;
    opacity: .5;
    border-radius: 5px
}

.texto01
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
    COLOR:#FFCC00;
    TEXT-INDENT: 5px;
   font-family:'Open Sans',arial,sans-serif
}
.texto02
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR: #ffffff;
    TEXT-INDENT: 5px;
   font-family:'Open Sans',arial,sans-serif
}

.texto03
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR:#FFFF00;
    TEXT-INDENT: 5px;
   font-family:'Open Sans',arial,sans-serif
}
.texto04
{
  
	FONT-SIZE: 10px;
    COLOR:#FFFF00;

   font-family:'Open Sans',arial,sans-serif
}
.error{
	background-color: #BC1010;
	padding: 6px 12px;
	border-radius: 4px;
	color: white;
	font-weight: bold;
	margin-left: -100px;
	margin-top: 15px;
	position: absolute;
}
.error:before{
	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}