@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0px;
}

@media only screen and (max-width: 1000px){
	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000;
		margin:0px 5px;
	}
}


img{
	border:0px;
}
p, li {
	margin:0px 0px 10px 0px;
}

a { color:#0080b6; text-decoration:none;}
a:hover { text-decoration:underline;}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-family:"Ubuntu",Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#333;
	margin:0px 0px 10px 0px;
}

h2 {
	font-family:"Ubuntu",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	margin:0px 0px 10px 0px;
}

h3 {
	background:url(../img/ico/flechaazul15.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	padding-left:25px;
	padding-bottom:4px;
	border-bottom:1px dotted #B2B2B2;

}
h3 a {
	color:#333;
}

h4, h4 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0080B6;
	margin:5px 0px;
}

hr {
	border:none;
	border-bottom:1px solid #333;
	height:1px;
}
hr.ancha {
	border:none;
	border-bottom:3px solid #333;
	height:3px;
}

hr.color2 {
	border:none;
	border-bottom:1px solid #0080B6;
	height:1px;
}
hr.color6 {
	border:none;
	border-bottom:1px solid #B2B2B2;
	height:1px;
}

hr.dotted {
	border:none;
	border-bottom:1px dotted #FFF;
	height:1px;
}


form { margin:0px; }
label {
	text-align:right;
	display:inline-block;
	width:100px;
	vertical-align:top;
	margin-right:5px;
}
input, textarea, select {
	border:1px solid #ACACAC;
	font-size:12px;
	padding:2px 5px;
}
#CabeceraSuperior input, #frmAcceso input {
	font-size:10px;
}

input[type=button],input[type=submit] {
	background-color:#033C69;
	color:#FFF;
	font-size:11px;
	border:none;
	cursor:pointer;
}



/*********************************************
  ESTRUCTURA
**********************************************/

/* elementos de la cabecera */

#CabeceraSuperior {
	height:45px;
	background:url(../img/bg/lineacabecera.gif) repeat-x bottom;
}
#CabeceraSuperior ul {
	list-style:none;
	margin:10px auto 0px auto;
	width:938px;
}
#CabeceraSuperior ul li {
	margin:0px;
	padding:0px 10px 0px 10px;
	float:right;
	line-height:24px;
	height:24px;
	border-right:1px solid #929292;
}
#CabeceraSuperior ul li.ultimo {
	border-right:none;
	padding-right:0px;
}

#CabeceraLogos {
	width:980px;
	height:100px;
	overflow:hidden;
	margin:10px auto 0px auto;
	background:url(../img/bg-cabecera.png);
	color:#FFF;
	padding-top:10px;
}
#CabeceraLogos #logos {
	margin:21px 0px 0px 20px;
}
#CabeceraLogos a, #CabeceraLogos h4 {
	color:#FFF;
}
#CabeceraLogos #frmAcceso {
	width:230px;
	border-left:2px solid #D8D8D8;
	padding:0px 0px 0px 10px;
	margin-right:10px;
	margin-bottom:13px;
}
#CabeceraLogos #frmAcceso #OlvidasteClave {
	font-size:10px;
}
#CabeceraLogos #frmAcceso input[type=submit] {
	border:1px solid #FFF;
}

#CabeceraMenu {
	background:url(../img/bg/lineacabecera.gif) repeat-x bottom;
	background-color:#EDEDED;
	border-top:1px solid #B4B4B4;
	margin-top:5px;
	height:33px;
}
#CabeceraMenu ul {
	list-style:none;
	margin:0px auto;
	padding:0px;
	width:980px;
}
#CabeceraMenu ul li {
	margin:0px;
	padding:5px 10px 5px 28px;
	float:left;
	border-left:1px solid #929292;
	background:url(../img/ico/flechaoff12.gif) no-repeat 10px;
}
#CabeceraMenu ul li.seleccionado {
	background:url(../img/ico/flechaon12.gif) no-repeat 10px;
}
#CabeceraMenu ul li a {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003C69;
}


/*------ Contenido -------*/


#Contenido {
	width:980px;
	margin:20px auto;
}

#CarruselPortada {
	position:relative;
	width:980px;
	height:318px;
	margin:auto;
}
#CarruselPortada #BloqueImg {
	margin:auto;
	height:318px;
	width:980px;
	position:relative;
	overflow: hidden;
}

#CarruselInterior {
	position:relative;
	width:708px;
	height:230px;
	margin:auto;
}
#CarruselInterior #BloqueImg {
	margin:auto;
	width:708px;
	height:230px;
	position:relative;
	overflow: hidden;
}

#BloqueImg ul, #BloqueImg li {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	top:0;
	left:0;
}
#CarruselPortada #CaptionSombra {
	display:block;
	position:absolute;
	top:40px;
	left:0px;
	height:210px;
	width:233px;
	background-color:#333;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;
	z-index:20000;
}
#CarruselPortada #CaptionCont {
	display:block;
	position:absolute;
	top:40px;
	left:0px;
	height:202px;
	width:217px;
	padding:8px 8px 0px 8px;
	z-index:20000;
}
#CarruselPortada .caption {
	display:none;
}
#CarruselPortada #NavCarruselSombra {
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	height:35px;
	width:980px;
	background-color:#333;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;
	z-index:20000;
}
#CarruselPortada #NavCarrusel {
	display:block;
	position:absolute;
	right:15px;
	bottom:9px;
	height:8px;
	background-color:#FF801E;
	padding:5px;
	z-index:20000;
}
#CarruselPortada #NavCarrusel a {
	width:16px;
	height:8px;
	float:left;
	/*margin-right:10px;*/
	background:url(../img/ico/ico-punto-0.png) no-repeat;
}
#CarruselPortada #NavCarrusel a.selected {
	background:url(../img/ico/ico-punto-1.png) no-repeat;
}

#CarruselInterior #CaptionSombra {
	display:block;
	position:absolute;
	top:180px;
	left:0px;
	height:50px;
	width:708px;
	background-color:#C90062;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;
	z-index:20000;
}
#CarruselInterior #CaptionCont {
	display:block;
	position:absolute;
	top:40px;
	left:0px;
	height:202px;
	width:217px;
	padding:8px 8px 0px 8px;
	z-index:20000;
}



#ColCentro {
	width:708px;
	float:left;
	/*background-color:#0CF;*/
}
#ColDerecha {
	width:252px;
	float:left;
	/*background-color:#C60;*/
}
#ColCentro #ColBannerIntIzq {
	position:relative;
	width:226px;
	float:left;
}
#ColCentro #ColBannerIntDer {
	position:relative;
	width:467px;
	float:left;
	margin-left:15px;
}

#ProximosCursos #BotonAnterior {
	background:url(../img/ico/flezhagrisizq.gif) no-repeat center;
	background-color:#D7D7D7;
	height:190px;
	width:12px;
	float:left;
	cursor:pointer;
}
#ProximosCursos #BotonSiguiente {
	background:url(../img/ico/flezhagrisder.gif) no-repeat center;
	background-color:#D7D7D7;
	height:190px;
	width:12px;
	float:left;
	cursor:pointer;
}
#ProximosCursos ul {
	float:left;
	width:684px;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#F0F0F0;
	height:190px;
}
#ProximosCursos ul li {
	float:left;
	margin:0px;
	width:221px;
	/*background-color:#096;*/
	padding:8px 0px;
}
#ProximosCursos ul li.centro {
	margin:0px 10px;
}

#ProximosCursos ul li .FechaProximoCurso {
	text-align:center;
	float:left;
	width:40px;
	height:174px;
	border-right:1px solid #D7D7D7;
}
#ProximosCursos ul li .DescProximoCurso {
	float:left;
	width:172px;
	height:155px;
	padding-left:5px;
}
#ProximosCursos ul li a.masinfo {
	margin-left:5px;
	font-size:10px;
	color:#FFF;
	padding:3px 25px 3px 5px;
	background:url(../img/ico/plus.gif) no-repeat 50px;
	background-color:#FF801E;
}

#PortadaRedes #PortadaTwitter, #PortadaRedes #PortadaFacebook {
	width:708px;
	height:140px;
	background-color:#F0F0F0;
	
}
#PortadaRedes #PortadaTwitter ul, #PortadaRedes #PortadaFacebook ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	height:140px;
}
#PortadaRedes #PortadaTwitter ul li, #PortadaRedes #PortadaFacebook ul li {
	float:left;
	border-left:1px dotted #D7D7D7;
	width:158px;
	height:130px;
	margin:5px;
	padding:0px 5px;
}
#PortadaRedes #PortadaTwitter ul li.primero, #PortadaRedes #PortadaFacebook ul li.primero {
	border-left:none;
	margin-left:0px;
}
#PortadaRedes #PortadaTwitter ul li.ultimo, #PortadaRedes #PortadaFacebook ul li.ultimo {
	margin-right:0px;
}
#PortadaCentroBanners ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#PortadaCentroBanners ul li {
	float:left;
}

.PortadaDerechaBanner{
	float:left;
	margin-top:62px;
	width:100%;
}


#ContBannerAlerta {
	display:block;
	position:relative;
	background:url(../img/bg/alertaformacion.gif);
	width:226px;
	height:156px;
}
#NumSuscritos {
	position:absolute;
	top:80px;
	left:120px;
	font-size:30px;
	font-weight:bold;
	color:#000;
}

#listaCursos {
	list-style:none;
	margin:0px;
	padding:0px;
}
#listaCursos li {
	font-size:14px;
	border-top:1px dotted #B2B2B2;
	margin:10px 0px;
	padding:10px 0px;
	overflow:hidden;
}
#listaCursos li .Fecha {
	float:left;
	text-align:center;
	width:70px;
}

#listaCursos li .ContImgCurso {
	position:relative;
	width:140px;
	min-height:50px;
}
#listaCursos li .CaptionBannerCurso {
	position:absolute;
	/*top:50px;*/
	bottom:5px;
	left:0px;
	background-color:#651B5A;
	padding:1px 5px 2px 5px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;
	color:#FFF;
	font-size:10px;
	line-height:11px;
}
#listaCursos li .DescripcionCurso {
	float:left;
	width:498px;
}

#listaCursos li .cuadroInscripcion {
	float:left;
	background-color:#D7D7D7;
	padding:5px 10px;
	font-size:12px;
	width:240px;
	height:26px;
	line-height:26px;
}
#listaCursos li .cuadroValoracion {
	background:url(../img/bg/valoracioncurso2.gif) no-repeat;
	float:left;
	width:210px;
	height:26px;
	padding:10px 0px 0px 15px;
}
#listaCursos li .cuadroValoracion2 {
	background-color:#D7D7D7;
	float:left;
	width:195px;
	height:26px;
	padding:10px 0px 0px 15px;
}

#ColDerecha .listaEnlaces {
	list-style:none;
	margin:0px;
	padding:0px;
}
#ColDerecha .listaEnlaces li {
	font-size:18px;
	border-bottom:1px dotted #B2B2B2;
	background:url(../img/ico/flechaazul15.gif) no-repeat right;
	padding:5px;
	margin:0px 10px;
}

#ColDerecha .eventoDestacado {
	margin:0px 10px;
}
#ColDerecha .eventoDestacado .Fecha {
	text-align:center;
	float:left;
	width:40px;

}
#ColDerecha .eventoDestacado .Descripcion {
	float:left;
	width:187px;

	margin-left:5px;
	/*background-color:#096;*/
}
#ColDerecha .eventoDestacado .punteadoSupInf {
	border-top:1px dotted #B2B2B2;
	border-bottom:0px dotted #B2B2B2;
	padding:3px 3px;
}

#ColDerecha #CifrasEscuela ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#ColDerecha #CifrasEscuela ul li {
	margin:0px 10px;
	padding-left:25px;
	background:url(../img/ico/flechaazul18.gif) no-repeat left 50%;
	line-height:28px;
}
#ColDerecha #CifrasEscuela p {
	border-top:1px dotted #B2B2B2;	
	padding-top:5px;
}

#ContBannerFichaCurso {
	position:relative;
}
#FichaCurso #Valoracion  { position:relative; }
#FichaCurso #Valoracion > div {
	position:absolute;
	top:5px;
	left:20px;
	font-size:14px;
	color:#FFF;
}
#FichaCurso #ColIzq {
	float:left;
	width:140px;
}
#FichaCurso #ColIzq ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#FichaCurso #ColIzq ul li {
	font-size:14px;
	border-bottom:1px dotted #B2B2B2;
	color:#0080B6;
	padding:5px 0px;
}
#FichaCurso #ColIzq ul li.ultimo {
	border:none;
}
#FichaCurso #ColIzq ul li ul li {
	padding-left:15px;
	font-size:11px;
	border:none;
	margin:0px;
}
#FichaCurso #ColIzq ul li ul li a {
	color:#828082;
}

#FichaCurso #ColDer {
	float:left;
	width:548px;
	margin-left:20px;
}
#ColDerecha #ViaTwitter, #ColDerecha #ViaFacebook {
	background-color:#F0F0F0;
	margin:0px 10px;
}
#ColDerecha #ViaTwitter ul, #ColDerecha #ViaFacebook ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	height:450px;
}
#ColDerecha #ViaTwitter ul li, #ColDerecha #ViaFacebook ul li {
	border-bottom:1px dotted #D7D7D7;
	width:215px;
	margin:5px;
	padding:0px 5px;
}
#ColDerecha #ViaTwitter ul li.primero, #ColDerecha #ViaFacebook ul li.primero {
	border-left:none;
	margin-left:0px;
}
#ColDerecha #ViaTwitter ul li.ultimo, #ColDerecha #ViaFacebook ul li.ultimo {
	margin-right:0px;
}

.act-siguiente, .act-anterior {
	cursor:pointer;
}

.act-siguiente.disabled, .act-anterior.disabled {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.60; -moz-opacity:0.60;
	cursor:inherit;
}
.botonoff {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40; -moz-opacity:0.40;
}
/*--------- Pie ----------*/

#Pie {
	background:url(../img/bg/lineapie.gif) repeat-x top;
	background-color:#333333;
	height:220px;
}
#Pie > ul {
	list-style:none;
	width:980px;
	margin:10px auto;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	/*background-color:#063;*/
	padding:20px 0px;
}
#Pie > ul > li {
	float:left;
	width:177px;
	height:180px;
	border-left:1px solid #FFF;
	padding:0px 0px 0px 5px;
	margin:0px;
}
#Pie ul li ul {
	list-style:none;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#Pie ul li ul li {
	border:none;
	padding:5px 0px;
	float:none;
	width:inherit;
	height:inherit;
	margin:0px;
}
#Pie a {
	color:#FFF;
}
#Pie #CuadroRedes {
	float:left;
	margin-left:10px;
	width:225px;
/*	background-color:#09C;*/
	border:none;
	padding:0px;
	font-size:16px;
	font-weight:bold;
}

#Pie #CuadroRedes  ul {
	list-style:none;
	float:left;
	width:225px;
	margin:0;
	padding:0;
}

#Pie #CuadroRedes  li {
	float:left;
	width:225px;
	margin:5px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}

#Pie #CuadroRedes a.mail {
	font-size:16px;
	font-size:bold !important;
}

#PieFirma {
	background-color:#5C5C5C;
	color:#FFF;
	text-align:center;
	line-height:30px;
}

/******************************************************************************
	Plantillas
******************************************************************************/
.plantilla {
	line-height:18px;	
}
.plantilla h3 {
	margin-top:25px;
}
.tpl .img-cabecera {
	padding-bottom:15px;
}
.tpl .img-izq {
	float:left;
	padding:0 10px 10px 0;
}
.tpl .img-der {
	float:right;
	padding:0 0 10px 10px;
}

/******************************************************************************/
.tpl.layout1, .tpl.layout2, .tpl.layout3 {
	width:558px;
}

/******************************************************************************/
.tpl.layout4 .columna-izq {
	width:274px;
	padding-right:5px;
	vertical-align:top;
}

.tpl.layout4 .columna-der {
	width:274px;
	padding-left:5px;
	vertical-align:top;
}

/*----------  Clases de texto ---------------*/
.u12 {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:12px;
}
.u16 {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:16px;
}
.u18 {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:18px;
}
.u20 {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:20px;
}
.u24 {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:24px;
}
.u28 {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size:28px;
}
.a12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.a14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.a18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}
.a26 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
}
.a28 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
}

/*----------  Clases ---------------*/

.fl { float:left !important; }
.fr { float:right !important; }
.clear { clear:both; }
.oh { overflow:hidden; }

.sepleft10 {
	margin-left:10px;
}
.sepleft15 {
	margin-left:15px;
}
.sepleft20 {
	margin-left:20px;
}

.septop10 {
	margin-top:10px;
}
.septop20 {
	margin-top:20px;
}
.sepbottom10 {
	margin-bottom:10px;
}
.sepbottom20 {
	margin-bottom:20px;
}
.sepright10 {
	margin-right:10px;
}
.sepright20 {
	margin-right:20px;
}

.error {
	color:#DA251C;
}
span.error {
	margin-left:120px;
}

.color1 {
	color:#003C69;
	
}
.color2 {
	color:#0080B6;
}
.color3 {
	color:#333333;
}
.color4 {
	color:#FFF;
}
.color5 {
	color:#C90062;
}
.color6 {
	color:#B2B2B2;	
}
.matricula {
	text-decoration:underline;
}

.punteadoSupInf {
	border-top:1px dotted #B2B2B2;
	border-bottom:1px dotted #B2B2B2;
	padding:3px 0px;
}

a.enlaceSeguir {
	font-size:11px;
	padding:3px 20px 3px 5px;
	background:url(../img/ico/flechaazul15.gif)  no-repeat right;
	line-height:15px;
}
a.enlaceAnt {
	font-size:11px;
	padding:3px 5px 3px 20px;
	background:url(../img/ico/flechaazul15inv.gif)  no-repeat left;
	line-height:15px;
}




/* PARA PAGINAS DE INSCRIPCIÓN, RECUPERACIÓN DE CONTRASEÑA, PAGO... */
.fondogris2 {
	background-color:#EDEDED;
}

.fondoazul2 {
	background-color: #D7E4F1;
}

.bordeazul{
border-top:1px solid #0770AC;border-left:1px solid #0770AC;border-right:1px solid #0770AC;border-bottom:0px;
font-size:11px
color:#0770AC;
}

.bordetd{
border-bottom:1px solid #0770AC;
color:#0770AC;
font-size:11px;
}

.titulocursosazul {
	padding-top:10px;
}

input[type="submit"].btn {
    background-color: #0080B6;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
   margin-top: 5px;
    padding: 5px;
    text-decoration: none;
	float:right;
}

input[type="submit"].btn:hover {
    background-color: #033C69;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    text-decoration: none;
}

@media only screen and (max-width: 768px){
 #Contenido {width: 100%;}
 #CabeceraLogos {width: 100%;}
 #logos img {width: 360px;}
 #listadoCursos p {font-size: 16px; margin-bottom: 20px;}
 #listadoCursos li a {
    background-color: #033C69;
    color: #FFF;
    font-size: 12px;
    border: none;
    cursor: pointer;
    padding: 10px 20px !important;}
 #listadoCursos li {
    padding: 20px 20px !important;
    border: 1px solid #999;
    font-size: 14px;
    height: 74px;
 }
 #PieFirma {
    background-color: #5C5C5C;
    color: #FFF;
    text-align: center;
    line-height: 18px;
	font-size: 12px !important;
	padding: 20px;
}
}

.text-confirmation-request{
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: #575756;
	text-align: justify;
	
}