/* Web Agrupados. Estilos básicos Sept. 2015 */

/* Basicos + Fixes */

html { margin: 0; padding: 0; overflow-x: hidden; }
body { font-family: 'Roboto 400'; color: #202020; }
a { text-decoration: none; color: #202020; }
p { width: 100%; }
.clear { clear: both; }
.cnt { margin: 0 auto; }
.separator { clear: both; margin: 2px auto; }
.separator-5 { clear: both; margin: 5px auto; }
.separator-10 { clear: both; margin: 10px auto; }
.separator-20 { clear: both; margin: 20px auto; }
.noexpand { margin: 0px; padding: 0px; }
.posfix { margin-left: 10px; cursor: pointer; }
.posfix:hover { color: #ACC393; } 
.veladoLINK { cursor: pointer; }
.outlined { outline: 1px solid #D4D4D4; }
.topH { display: block; width: 100%; height: 20px; /*background-color: #dadada;*/ }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCenter { text-align: center; }

.mlft10 { margin-right: 10px; } /* Margen para vectores */
.mlft20 { margin-right: 20px; } /* Margen para vectores */

.fa-list { margin-right: 20px; }.fa-graduation-cap { margin-right: 20px; }

.toBottom { vertical-align: bottom; } 

.fixin {position: absolute; height: auto; left: 0px; margin: 50px auto 0px auto;}

/* Envoltorios */
 
.wrapper { box-sizing: content-box; width: 100%; max-width: 1024px; height: auto; margin: 0 auto; }
.footer { box-sizing: content-box; width: 100%; max-width: 1024px; height: auto; margin: 0 auto; display: none; }

/* Images */

.std { width: 100%; display: block; }
.blocked { display: block; margin: 0 auto; }
.agrupadoLogo { display: block; margin: 15px auto; }
.agrupadoLogoFooter { display: block; text-align: left; }
.agrupadoBanner { width: 100%; }
.agrupadoBannerPersonalizado { width: 100%; }

/* Typos & Colors */

.encab { font-family: 'Roboto 700'; padding: 0px; margin: 0px; }
.encabsp { display: block; font-family: 'Roboto 700'; padding-top: 15px; margin: 0px; }
.cab-tf { padding: 15px 0px; margin: 0px; font-weight: 700; }
.cab-nof { padding-bottom: 15px; margin: 0px; font-weight: 700; min-width: 650px;}
.cab-nof-vacio { padding-bottom: 0px; margin: 0px; font-weight: 700; min-width: 650px;}

.temas { font-family: 'Roboto 300'; padding: 0px 15px; }
.innerCabecera { display: block; padding-bottom: 20px; }
.sideCabecera { display: block; padding-bottom: 0px; }
.current { background-color: #454545; color: #fff; cursor: pointer; }

.xxl  { font-size: 42px; } 
.xl { font-size: 32px; } 
.l { font-size: 26px; }
.bg { font-size: 25px; }
.md { font-size: 21px; }
.st { font-size: 18px; }
.sm { font-size: 13px; }


.lightgrey { color: #6f6f6f; }
.heavygrey { color: #595858; }

.content_tab ul li { padding: 7px 0px; }

.marker { padding: 2px 5px; background-color: #FFD800; }

.enlaceTarjeta a { text-align: right; padding: 5px 10px; font-weight: 700; display: block; width: 95%; }
.enlaceTarjeta a:hover { border-right: 2px solid #454545; } 

.vermas { display: block; width: 100%; text-align: center; background-color: #000; color: #fff; padding: 7px 0px; margin: 20px 0px; }
.vermas:hover { outline: 1px solid #000; color: #000; background-color: #fff; }

.flink:hover { color: #808080; }
.phoner { font-size: 17px; }

.bread { color: #454545; }
.bread:hover { color: #888888; }

.aligned { display: block; margin: 0 auto; width: 290px; font-weight: 700; text-align: center; text-decoration: underline; }

/* Navegacion */

.menu-Item { box-sizing: content-box; display: block; padding: 6px 20px; text-transform: uppercase; }
.menu-Item:hover { background-color: #454545; color: #fff; cursor: pointer; } 

.thisTabs { margin: 0px; padding: 0px; }
.thisTabs li { display: inline; padding: 0px 10px 10px 20px; font-family: 'Roboto 700'; cursor: pointer; }
.thisTabs li:hover { border-bottom: 5px solid #454545; }
.imtabbed { border-bottom: 5px solid #454545; }

.resp-menu { display: none; }
.resp-menu-interior { display: none; }
.resp-nav { width: 99%; padding: 5px; }
.resp-menu-container { display: none; background-color: #e9e9e9; width: 95.5%; padding: 10px 10px 50px 10px; margin: 0px 0px 20px 0px; }
.resp-menu-interior-container { display: none; background-color: #e9e9e9; padding: 10px 10px 50px 10px; margin: 0px 0px 20px 0px; }

.breadCrumbs { width: 98%; height: auto; padding: 5px 10px; background-color: #F5F5F5; }

/* Boxes */

.menuTopCampus { width: 100%; box-sizing: border-box;background-color: #000; padding: 5px 40px; color: #fff; height: 50px; }
.botonCampus { width: 145px;float: right;background-color: #639a63; border-radius: 2px;text-align: left; }
.botonCampus:hover { color: #454545; background-color: #dadada; -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
     -o-transition: 0.25s;
     transition: 0.25s;  }

.horizontal-container { box-sizing: content-box; display: block; width: 100%; height: auto; }
.horizontal-curso-thumb { box-sizing: content-box; display: table-cell; width: 30%; height: auto;  }
.horizontal-curso-txt { box-sizing: content-box;  display: table-cell; vertical-align: top; width: 70%; height: auto; padding-left: 30px; padding-right: 30px;}
.horizontal-95 { box-sizing: border-box; display: block; width: 95%; height: auto; margin: 0 auto; }
.horizontal-85 { box-sizing: border-box; display: block; width: 80%; height: auto; margin: 0 auto; }
.horizontal-50 { box-sizing: border-box; display: block; width: 50%; height: auto; margin: 0 auto; }

.sidebar { display: table-cell; vertical-align: top; width: 35%; height: auto;  padding-bottom: 30px; background-color: #E4E4E4; }

.square20-container { display: table-cell; vertical-align: top; width: 20%; height: auto; padding: 15px;  }
.square25-container { display: table-cell; vertical-align: top; width: 25%; height: auto; padding: 15px;  }
.square30-container { display: table-cell; vertical-align: top; width: 30%; height: auto; padding: 15px;  }
.square35-container { display: table-cell; vertical-align: top; width: 35%; height: auto; padding: 15px;  }
.square40-container { display: table-cell; vertical-align: top; width: 40%; height: auto; padding: 15px;  }
.square45-container { display: table-cell; vertical-align: top; width: 45%; height: auto; padding: 15px;  }
.square50-container { display: table-cell; vertical-align: top; width: 50%; height: auto; padding: 15px;  }
.square60-container { display: table-cell; vertical-align: top; width: 60%; height: auto; padding: 15px;  }
.square65-container { display: table-cell; vertical-align: top; width: 65%; height: auto; padding: 15px;  }
.square70-container { display: table-cell; vertical-align: top; width: 70%; height: auto; padding: 15px;  }
.square75-container { display: table-cell; vertical-align: top; width: 75%; height: auto; padding: 15px;  }
.square80-container { display: table-cell; vertical-align: top; width: 75%; height: auto; padding: 15px;  }
.square80-container-middle { display: table-cell; vertical-align: middle; width: 75%; height: auto; padding: 15px;  }

.square30-container-mid { display: block; vertical-align: middle;  height: auto; padding: 15px; }
.square50-container-mid { display: table-cell; vertical-align: middle; width: 50%; height: auto; padding: 15px; }

.square30-sp { display: table-cell; vertical-align: top; width: 30%; height: auto; padding: 0px 25px;  }
.square65-sp { display: table-cell; vertical-align: top; width: 65%; height: auto; padding: 0px 25px;  }
.square70-sp { display: table-cell; vertical-align: top; width: 70%; height: auto; padding: 0px 55px 0px 0px;  }
.square70-np { display: table-cell; vertical-align: top; width: 70%; height: auto; padding: 0px;  }
.square35-notop { display: table-cell; vertical-align: top; width: 35%; height: auto; padding: 0px 15px 0px 15px;  }
.square65-notop { display: table-cell; vertical-align: top; width: 65%; height: auto; padding: 0px 15px 0px 35px; }
.square65-mr { display: table-cell; text-align: right; vertical-align: middle; width: 65%; height: auto; padding: 0px 15px 0px 15px;  }

.square60-card { cursor: pointer; vertical-align: top; width: 98%; height: auto; padding: 15px; margin-bottom: 20px; background-color: #fff; outline: 5px solid #F7F7F7; }
.square60-card:hover { background-color: #F7F7F7; margin-left: 5px; }

.square60-g-card { cursor: pointer; vertical-align: top; width: 98%; height: auto; padding: 15px; display: table-cell; margin-bottom: 20px; background-color: #fff; outline: 5px solid #F7F7F7; }
.square60-g-card:hover { background-color: #F7F7F7; margin-left: 5px; }


.square40-footer-container { display: table-cell; width: 40%; height: auto; padding: 15px;  }
.square60-footer-container { display: table-cell; width: 60%; height: auto; padding: 15px;  }

.square-intro { width: 100%; background-color: #F5F5F5; padding: 25px; box-sizing: border-box; margin-bottom: 20px; }

.menu-container { display: table-cell; vertical-align: top; /*width: 35%;*/ width: 30%; height: auto; padding: 5px 10px 50px 10px; background-color: #E4E4E4; }
.menu-interior-container { display: table-cell; vertical-align: top; width: 35%; height: auto;  padding-bottom: 30px; outline: 1px solid #000;  }

.minList { width: 95%; display: block; margin: 10px 0px; padding: 15px 10px; background-color: #efefef; font-family: 'Roboto 700'; }
.minList:hover { border-left: 10px solid #454545; cursor: pointer; }

.infCursoTop { width: 99%; height: auto; padding: 15px 25px; margin-bottom: 10px; background-color: #dadada; box-sizing: border-box;  }
.tabContainer { display: block; width: 100%; height: 34px; border-bottom: 1px solid #454545; }
.ficha-informacion { display: none; }

.horizontal-elements-tb { display:table; border-collapse:separate; border-spacing: 10px; width: 100%; }
.horizontal-elements-80tb { display:table; border-collapse:separate; border-spacing: 10px; width: 80%; }
.horizontal-row { display:table-row; }
.taButtons { display: table-cell; width: 25%; padding: 5px 25px; outline: 1px solid #000; color: #000; text-align: center; }

#logosCabecera-Responsive { display: none; }
#logosImparte-Responsive { display: none; }
#datLegal-Responsive { display: none; }

.infoCentro { width: 100%; background-color: #dadada; height: 200px; margin-top: 20px; }
 
/* Botones */

.s-mas { padding: 10px 25px; display: block; width: 90px; outline: 1px solid #454545; cursor: pointer; }
.s-mas:hover { color: #fff; background-color: #000; outline: 1px solid #000; }
.resp-s-mas { padding: 10px 25px; display: none; width: 90%; outline: 1px solid #454545; cursor: pointer; }
.resp-s-mas:hover { color: #fff; background-color: #000; outline: 1px solid #000; }
#btnImprimir input { width: 98%; background-color: #fff; padding: 5px 10px; border: none; outline: 1px solid #c3c3c3; color: #ccc; margin: 20px 0px; }

.gradoBanner 
{ margin-bottom: 10px;
  cursor: pointer; 
  -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
     -o-transition: 0.25s;
     transition: 0.25s;
}
.gradoBanner:hover    
{
   margin-top: -5px; 
  -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
     -o-transition: 0.25s;
     transition: 0.25s;  }

/* Campus */

#dAccesoCampus {
    display: none;
    position: absolute; 
    z-index: 1000000;
    margin-left: 625px;
    -webkit-box-shadow: 0px -1px 19px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px -1px 19px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px -1px 19px 0px rgba(50, 50, 50, 0.5);
    right: 35px;
}
#dRecordarContrasenaCampus {
    display: none;
    position: absolute; 
    z-index: 1000000;
    margin-left: 625px;
    -webkit-box-shadow: 0px -1px 19px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px -1px 19px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px -1px 19px 0px rgba(50, 50, 50, 0.5);
    right: 35px;
}
 
.accesoPulsado { background-color: #dadada; color: #454545; }     
input#usuario, #EmailRecordarContrasenaCampus { background-color: #f1f1f1; width: 90%; box-sizing: border-box; border: none; padding: 7px; margin-top: 10px; }
input#pwd { width: 90%; box-sizing: border-box; border: none; padding: 7px; background-color: #f1f1f1;}

input#boton, #botonRecordarContrasena {
    background-color: #3a6490;
    border: none;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    width: 90px;
}
input#toggle, #toggleRecordarContrasena {
    background-color: #f16060;
    border: none;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    width: 70px;
}
.olvidoPass:hover { text-decoration: underline; }

/* Tablas */

table.tg {width: 100%; box-sizing:border-box;margin:20px 0px;padding:10px}
.tg {text-align:center;}
.tg tr:nth-child(even) {background-color:#edf6e4;} 
.tg tr:first-child th:first-child {background-color: rgba(22, 83, 35, 0.65);color:#fff;text-transform:uppercase;}
.tg td{font-size:15px;padding:10px 5px;word-break:normal;}
.tg th{font-size:15px;padding:10px 5px;word-break:normal;background-color: rgba(22, 83, 35, 0.28);}
.tg .tg-yw4l{vertical-align:top}
.tg tr:last-child {background-color: rgba(22, 83, 35, 0.44);color:#fff;text-transform:uppercase;}

/* Formulario */

.form {max-width: 98%; min-width: 25%; border-width: 2px; border-color: #CCCCCC; border-radius: 4px; color: #222222; font-size: 14px; margin: 0px; background-color: #FFFFFF; padding: 0px 20px; }
.form label {color: #424242; font-size: 16px; display: block; font-weight: 700; padding: 10px 0px; } 
.form input[type=radio], input[type=checkbox] { margin: 10px; width: 13px; }
.form div {display: block; }
.form input, form textarea, form select{border-width: 1px; border-style: solid; border-color: #666666; border-radius: 0px; padding: 3px; width: 98%; }
.form h1{font-size: 40px; color: #607A75; padding: 0px; margin: 0px; margin-bottom: 10px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; border-bottom-width: 2px; border-radius: 0px; background-color: #FFFFFF; } 
.form textarea{height: 220px; width: 98%; } 
.form input[type=submit]{width: 100%; background-color: #000; color: #fff; border: none; padding: 10px 0px; font-size: 18px; text-transform: uppercase;} 
.form input[type=submit]:hover{background-color:#fff;outline:1px solid #CCCCCC;color: #454545; }
.field {margin-bottom: 5px; }

input#AceptoCondiciones { border: 1px solid red; width: 20px; }
form#IdFormularioSolicitudFicha { margin-top: 30px; }
.freeCondiciones { padding: 10px 0px; }

table#tabla_captcha { border: none !important; }

/*Estilos Validación formulario*/
.field-validation-error{content:"";display:inline-block;}
.field-validation-valid{content:"";display:none;}
.input-validation-error{border:1px solid #ff0000;background-color:#EF4C4C;}
input[type=checkbox].input-validation-error{outline:1px solid #ff0000;}
.validation-summary-errors{font-weight:bold;color:#ff0000;}
.validation-summary-valid{display:none;}

/* Buscador */

.elast-search { /*display: table-cell;*/ vertical-align: middle; width: 83.5%; outline: 1px solid #A9A9A9; border: none; cursor: pointer; }
.elast-search-squared { /*display: table-cell;*/ vertical-align: middle; width: 100%; outline: 1px solid #A9A9A9; border: none; cursor: pointer; }
/*.elast-search:hover { width: 83.5%; border: 1px solid #ccc; background-color: #fff; }*/
.elasted { width: 83%; border: 1px solid #ccc; background-color: #fff; }

.resp-search { display: none; width: 97%; background-color: #fff; border: none; outline: 1px solid #A9A9A9; padding: 10px; cursor: pointer; }

/* FX */

.smooth { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; }
.fasty { -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; }

/* */

p.n-acceso.nbaccess { padding: 0px; margin: 10px; }

.m-bot-40 { margin-bottom: 40px;}

/*
 * RESPONSIVE. Boiler-Based
 */

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 890px) 
{

    #logosCabecera { display: none; }
 	#logosCabecera-Responsive { display: block; }
    #logosImparte { display: none; }  	
    #logosImparte-Responsive { display: block; } 	
    .square60-g-card {
        cursor: pointer;
        vertical-align: top;
        width: 98%;
        height: auto;
        padding: 15px;
        display: block;
        margin-bottom: 20px;
        background-color: #fff;
        outline: 5px solid #F7F7F7;
        box-sizing: border-box;
    }    
}

@media only screen and (max-width: 848px) 
{

 	.elasted { display: none; }  	 
 	.elast-search { width: 100%; } /* buscador */
 	/*.resp-search { display: block; } */
    
}


@media only screen and (max-width: 768px) {
 
 	/* == Especificos == */
 	
 	html { padding: 10px; }
 	h1 { font-size: 18px; } 
 	.elasted { display: none; }  	
 	.elast-search { display: block; } /* buscador */
 	/*.resp-search { display: block; width: 95%; }*/ /* buscador */  	 
	.horizontal-curso-thumb { width: 50%; display: block; margin: 0 auto; } 
	.horizontal-curso-txt {  text-align: center; }
	.s-mas { display: none; }
	.resp-s-mas { display: block; width: 60%; margin: 20px auto; }
	.temas { padding: 0px; }				
	.tabContainer { height: auto; }
	.thisTabs li { display: block; padding: 5px; width: 98%; outline: 1px solid #C1C1C1; margin: 10px 0px; font-size: 17px; }
	.imtabbed { background-color: #454545; color: #fff; font-weight: 700; text-transform: uppercase; }	
	.vermas { width: 95%; }
	#datLegal { display: none; }
	#datLegal-Responsive { display: block; }
	.square80-container-middle { display: block; width: 95%;}
	.square60-card { display: block; }
	.gradoBanner { display: block; margin: 0 auto;  }

	
	/* == Boxes == */

	.square35-notop { display: block; width: 95%; padding: 0px 0px 10px 0px; }	
	.square45-container { display: block; width: 96%; }			
	.square50-container { display: block; width: 80%; height: auto; padding: 5px 15px; margin: 0 auto; }
	.square50-container > img { border: 0; text-align: center; display: block; width: 70%; margin: 0px auto; padding: 0px; }	
	.square50-container > .agrupadoLogoFooter { width: 25%;  }
    .square60-card { vertical-align: top; width: 90%; height: auto; padding: 15px; background-color: #fff; margin-bottom: 30px; outline: 5px solid #F7F7F7; }
	.square65-mr { display: block; width: 98%; padding: 0px; }				
    .square65-sp { display: block; width: 100%; height: auto; padding: 0px 25px; box-sizing: border-box; }	
	.square70-sp { display: block; width: 99%; height: auto; }	
	.square70-np { display: block; width: 99%; height: auto; }
	.breadCrumbs { width: 95%; }	
	.form { max-width: 90%; }
	.taButtons { display: block; width: 90.2%; margin: 10px 0px; }
	
	/* == Navegacion == */	
	
	.menu-container	{ display: none; }
	.menu-interior-container { display: none; width: 96%; }
	.resp-menu-container { display: block; }
	.resp-menu-interior-container { display: block; }	
}
 
@media only screen and (max-width: 675px) {
 
 	/* == Especificos == */
 	
 	#logosCabecera-Responsive { width: 100% }
 	
	/* == Boxes == */

	/* == Navegacion == */	
	
 
}

/* Google Fonts */

@font-face {
    font-family: 'Roboto 300';
    font-style: normal;
    font-weight: 300;
    src: local('RobotoCondensed-Light'), local('RobotoCondensed-Light'), url(fonts/RobotoCondensed-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto 400';
    font-style: normal;
    font-weight: 400;
    src: local('RobotoCondensed-Regular'), local('RobotoCondensed-Regular'), url(fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto 700';
    font-style: normal;
    font-weight: 700;
    src: local('RobotoCondensed-Regular'), local('RobotoCondensed-Regular'), url(fonts/RobotoCondensed-Regular.ttf) format('truetype');   
} 
 
 
/*centrar el footer nebrija */ 
.centrado {
    display: block;
    margin-left: auto;
    margin-right: auto;
}