@charset "utf-8";
/* CSS Document */

/* --------------------------------- 
-------- PAGINA DE INICIO ---------- 
----------------------------------*/
#featured {background:url(../images/bg_featured.png) no-repeat left center; padding-left:17px;}
#featured-inner {width:940px; height:250px; overflow:hidden; border: 1px solid #CCCCCC;}

#featured-tabs {float:left;}
#featured-tabs li {}
#featured-tabs li a {
	display:block; float:left; 
	width:300px; height:41px; line-height:41px; overflow:hidden; padding-left:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
	text-decoration:none; color:#666;
	border-bottom:1px solid #e1e1e1;
}
#featured-tabs li a:hover {color:#000;}

.featured-panels {
	float:right; margin:5px; position:relative;
	width:600px; height:240px; overflow:hidden;	
	background:#FFF url(../images/home.jpg) no-repeat;		
}
.featured-fp {background-position: right -480px;}
.featured-certificados {background-position: right 0;}
.featured-masters {background-position: right -480px;}
.featured-profesionales {background-position: right -240px;}
.featured-gratis {background-position: right 0;}
.featured-cursos {background-position: right -240px;}

.featured-panels h2 {margin:25px; font-weight:normal; font-size:35px; word-spacing:2px;}
.featured-panels p {margin:25px; font-size:18px; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.featured-panels a.button-info {position:absolute; bottom:10px;}


#bottom {}
#bottom h2 {font-size:21px; padding-bottom:5px; color:#42bfd1; font-weight:normal;}
#bottom h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:10px;}
#bottom h3 a {text-decoration:none;}

#bottom .module {border:1px solid #405BAC;}
#bottom .module * {margin:0;}

.module_destacados .module {background-color:#e6e8fd;}
.module_destacados .module .destacado {width:180px; padding:2px; float:left; height:152px;}
.module_destacadoss .module .destacado {width: 220px; padding: 8px; float:left; text-align:center;}

.module_destacados .module .destacado_220 {width:220px; padding:2px; float:left; min-height:130px;}
.module_destacados .module .destacado_buscador {width:96%; padding:0 2%; float:left; min-height:95px; margin:0 auto; }


/*.destacado img {display:block; padding-bottom:10px;}*/
.destacado a {color:#62667f;}
.destacado a:hover {color:#333;}

.divfiltros50 { width:48%; float:left; margin: 2px 1%; }
.divfiltros40 { width:38%; float:left; margin: 2px 1%; }
.divfiltros25 { width:24%; float:left; margin: 2px 0.5%; }


.module_novedades li {padding:10px 15px; border-top:1px solid #c0c3cc;}
.module_novedades li:first-child {border-top:none;}
.module_novedades li span.date {color:#666; font:normal 11px Verdana, Geneva, sans-serif;}
.module_novedades li a {display:block; font-weight:bold; padding-top:5px; font-size:13px;}

/*.formulario { border: 1px solid #B7C8D8; padding: 5px; }*/
input.formulario { border: 1px solid #B7C8D8; max-width: 279px !important;width: 100% !important;  }
.formulario td {padding: 5px;}
.formulario   select { border: 1px solid #B7C8D8}
.formulario textarea { border: 1px solid #B7C8D8;  max-width: 500px !important; width:100% !important; }
.formulario  { font-size: 12px; }
.formulario button {background: url("../images/bg_button.jpg") no-repeat scroll center center #315665;
    color: #FFFFFF;}
select.formulario   { border: 1px solid #B7C8D8; font-size: 12px; max-width: 279px;width: 100%;}	
	
button  {background: url("../images/bg_button.jpg") no-repeat scroll center center #315665;
    color: #FFFFFF;}	
	
.nobackground { background: none !important; }
.border { border-bottom: 1px solid #4bd4eb; }
.desplegable { 
	width:90%;
	-moz-appearance: menulist;-moz-user-select: none;
	background-color: -moz-combobox;
	border-color: threedlightshadow; border-style: inset; border-width: 1px;
	box-sizing: border-box;
	color: -moz-comboboxtext; cursor: default; display: inline-block;
	line-height: normal !important; margin: 0;
	overflow: -moz-hidden-unscrollable; overflow-wrap: normal !important;
	page-break-inside: avoid;
	text-align: start; text-indent: 0; text-shadow: none; 
	white-space: nowrap !important;
}

.deshabilitado{ background-color:#ededed; color: #cdcdcd; } 
.divfiltros { width:98%; float:left; margin: 2px 1%; }
.centrar { padding: 20px 0; }

.columna1 { width: 40%; float: left; padding: 5px 0 5px 9px; }
.columna2 { width: 10%; float: left; padding: 5px 0; text-align: center; }
.columna3 { width: 5%; float: left; padding: 5px 0; text-align: center; }
.columna4 { width: 12%; float: left; padding: 5px 0; text-align: center; }
.columna5 { width: 10%; float: left; padding: 5px 0; text-align: center; }
.columna6 { width: 8%; float: left; padding: 5px 0; text-align: center; }
.columna7 { width: 8%; float: left; padding: 5px 0; text-align: center; }

.columna_auto1 { width: 55%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto2 { width: 46%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto3 { width: 15%; float: left; padding: 5px 0; text-align: center; }
.columna_auto4 { width: 8%; float: left; padding: 5px 0; text-align: center; }
.columna_auto6 { width: 14%; float: left; padding: 5px 0; text-align: center; }
.columna_auto7 { width: 14%; float: left; padding: 5px 0; text-align: center; }

#cabecera { float: left; width: 100%; }
.cabecera-tabla { background-color: #2694b0; color: #fff; float: left; width: 100%; }

.title { width: 100%; float: left; background-color: #577fb2; }
.filacab0 { background-color: #15969c !important; }
.filacab1  { background-color: #77a521 !important; }

.title .imgcategoria { float:left; width:120px; height: 60px; margin: 1px; }
.title .imgcategoriaauto { float:left; width:150px; height: 60px; margin: 1px; }
.title .txtcategoria { float:left; color: #fff; font-size: 15px; margin-top: 1.5%; max-width: 80%; }
.title .imgdespl { float:right; margin: 1.5% 1% 0; }
.acord3, .acord3:hover { color: #fff; text-decoration: none; }
.iconoacordeon { width:28px; }

.contenidoacordeon { width: 100%; float: left; }
.cuerpo-tabla { width: 100%; float: left; }

.btn_ic_mas, .btn_ic_ins { border: 0; /*width: 30px;*/ vertical-align: middle; }

.lineaseparadora { clear: both; margin-bottom: 2%; }

/* quitamos de la ventana modal los cirsulos de la lista*/
.datos_del_curso_planes li { list-style:none; }
.msgadvertencia { font-weight: bold; color: #f70;}

@media (max-width: 900px) {

.divfiltros50 { width:48%; float:left; margin: 2px 1%; }
.divfiltros40 { width:38%; float:left; margin: 2px 1%; }
.divfiltros25 { width:24%; float:left; margin: 2px 0.5%; }
.desplegable40 { width:40%; }

.lineaseparadora { clear: both; margin-bottom: 2%; }

.columna1 { width: 40%; float: left; padding: 5px 0 5px 9px; }
.columna2 { width: 10%; float: left; padding: 5px 0; text-align: center; }
.columna3 { width: 5%; float: left; padding: 5px 0; text-align: center; }
.columna4 { width: 12%; float: left; padding: 5px 0; text-align: center; }
.columna5 { width: 10%; float: left; padding: 5px 0; text-align: center; }
.columna6 { width: 8%; float: left; padding: 5px 0; text-align: center; }
.columna7 { width: 8%; float: left; padding: 5px 0; text-align: center; }

.columna_auto1 { width: 55%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto2 { width: 46%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto3 { width: 15%; float: left; padding: 5px 0; text-align: center; }
.columna_auto4 { width: 8%; float: left; padding: 5px 0; text-align: center; }
.columna_auto6 { width: 14%; float: left; padding: 5px 0; text-align: center; }
.columna_auto7 { width: 14%; float: left; padding: 5px 0; text-align: center; }

}


@media (max-width:799px ) {

.divfiltros50 { width:100%; float:left; margin: 2px 1%; }
.divfiltros40 { width:100%; float:left; margin: 2px 1%; }
.divfiltros25 { width:48%; float:left; margin: 2px 0.5%; }
.desplegable40 { width:60%; }

.lineaseparadora { clear: both; margin-bottom: 1.5%; }

.columna1 { width: 98%; float: left; padding: 5px 0 5px 9px; }
.columna2 { width: 20%; float: left; padding: 5px 0; text-align: center; }
.columna3 { width: 8%; float: left; padding: 5px 0; text-align: center; }
.columna4 { width: 20%; float: left; padding: 5px 0; text-align: center; }
.columna5 { width: 20%; float: left; padding: 5px 0; text-align: center; }
.columna6 { width: 10%; float: left; padding: 5px 0; text-align: center; }
.columna7 { width: 10%; float: left; padding: 5px 0; text-align: center; }

.columna_auto1 { width: 98%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto2 { width: 98%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto3 { width: 20%; float: left; padding: 5px 0; text-align: center; }
.columna_auto4 { width: 20%; float: left; padding: 5px 0; text-align: center; }
.columna_auto6 { width: 20%; float: left; padding: 5px 0; text-align: center; }
.columna_auto7 { width: 20%; float: left; padding: 5px 0; text-align: center; }

}

@media	(max-width:399px ) {

.divfiltros50 { width:100%; float:left; margin: 2px 1%; }
.divfiltros40 { width:100%; float:left; margin: 2px 1%; }
.divfiltros25 { width:100%; float:left; margin: 2px 0.5%; }
.desplegable40 { width:80%; }

.lineaseparadora { clear: both; margin-bottom: 1%; }

.columna1 { width: 96%; float: left; padding: 5px 0 5px 9px; }
.columna2 { width: 33%; float: left; padding: 5px 0; text-align: center; }
.columna3 { width: 33%; float: left; padding: 5px 0; text-align: center; }
.columna4 { width: 33%; float: left; padding: 5px 0; text-align: center; }
.columna5 { width: 33%; float: left; padding: 5px 0; text-align: center; }
.columna6 { width: 16%; float: left; padding: 5px 0; text-align: center; }
.columna7 { width: 16%; float: left; padding: 5px 0; text-align: center; }

.columna_auto1 { width: 94%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto2 { width: 94%; float: left; padding: 5px 0 5px 9px; color: #3e3f44;}
.columna_auto3 { width: 33%; float: left; padding: 5px 0; text-align: center; }
.columna_auto4 { width: 33%; float: left; padding: 5px 0; text-align: center; }
.columna_auto6 { width: 50%; float: left; padding: 5px 0; text-align: center; }
.columna_auto7 { width: 50%; float: left; padding: 5px 0; text-align: center; }

}