@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.main {
	background: #ededed;
	width: 100%;	
}

/* inicio contenedor-1*/
.contenedor-1 {	
	width: 100%;
}

.cabecera {
	width: 100%;
	height: 70px;
	display: flex;
	background:#1a9fda;
}

.navegacion {	
	width: 100%;
	display: flex;
}

.logo {
	padding:2px 0 0 20px;
}

.logo img {
	border-radius: 5%;
}

.navegacion ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding-right: 40px;
	list-style: none;
}

.link {
	color: #fff;
	padding: 22px 30px;
	text-decoration: none;
	font-size: 22px;
}

.dropdown {
	height: 65px;
	display: flex;
	flex-direction: column;
}

.btn {
    display: inline-block;    
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375em .75em;
    font-size: 20px;  
    border-radius: .25em;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn {
	background-color: #1a9fda;
    color: #fff;
}

.btn:hover {
    background-color: #12588C;
    border-color: #0062cc;	
}

.caret:before {
    content: '\25BC';
    margin-left: 6px;
    color: #fff;
    font-size: .7em;

}

.dropdown-menu {
    position: relative;	
}

.navegacion ul .dropdown-menu {
    display: none;
}

#cb:checked ~ .dropdown-menu {
   display: block;		
}

#cb {
    visibility: hidden;    
}

#cb:checked ~ .btn {
    color: #fff;
    background-color: #12588C;    
}

.dropdown-menu {
    list-style: none;
    margin: 0;
	padding: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    background:	#FFF;
}

.dropdown-menu li {
    padding: 5px 0px;
}

.dropdown-menu a {
    display: block;
    padding: .25em .5em;
    clear: both;
    color: #000;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    text-decoration: none;   
}

.dropdown-menu li:hover {
    color: #000;
    text-decoration: none;
    background-color: #DCDCDC;
}

.link:hover {
	padding: .375em .75em;
	border-radius: .25em;
	background: #12588C;
	color: #fff;
}

.menu {
	cursor: pointer;
	display: none;
}

.banner {
	width: 100%;
}

.banner h2 { font-size: 32px; padding: 20px 0 0 20px; }

.principal {
	width: 100%;	
	display: flex;
}

.banner-textos {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 50px 20px;
	text-align: justify;
}

.banner-textos h2 {
	font-size: 32px;
	color: SteelBlue;	
}

.banner-textos p {
	margin: 20px 0 0 0;
	font-size: 22px;
}

.textos h3 { margin: 10px 0; }

.textos p {
	margin: 0;
	font-size: 18px;
}

.banner-imagen {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 60px 0 20px 20px;
}

.banner-imagen img{
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.articulo {
	width: 100%;	
	display: flex;
}

.articulo-textos {
	width: 100%;	
	display: flex;
	flex-direction: column;
	padding: 33px 20px;
}

.articulo-textos h2 {
	font-size: 32px;
	color: SteelBlue;
}

.articulo-textos p {
	margin: 20px 0 0 0;
	font-size: 22px;
}

.articulo .textos h3 {
	margin: 0 0 10px 20px;
}

.articulo .textos p {
	margin: 0 0 35px 20px;
}

/* fin contenedor-1*/

/* inicio contenedor-2*/

.contenedor-2 {
	background: #FFF;
	width: 100%;
	height: 74vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.formulario {
	width: 60%;
	height: 100%;
	padding: 50px 20px;
}

.msg-success { color: brown; }

.formulario-titulo {
	margin: 10px 0 0 0;
	font-size: 32px;
	color: SteelBlue;
	text-align: center;
}

.formulario p {
	margin: 40px 0 20px 0;
	font-size: 18px;	
}

.form {
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
}

.form p {
	font-size: 16px;
	width: 98%;
	margin: 10px;
	grid-column: 1/3;
	text-align: center;
}

.item-1 {
	width: 96%;
	height: 45px;
	margin: 7px;
	outline: none;
}

.textarea {
	width: 98%;
	height: 100px;
	margin: 7px;
	grid-column: 1/3;
	outline: none;
	resize: none;
}

.submit {
	width: 30%;
	height: 45px;
	margin: 7px auto;
	grid-column: 1/3;
}

.informacion {
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 20px;
}

.horario {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.horario h2 {
	margin: 12px 0 0 0;
	font-size: 22px;
}

.horario p {
	font-size: 18px;
}

.telefono {
	width: 100%;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}

.telefono p {
	margin: 12px 0 0 0;
	font-size: 18px;
}

.email {
	width: 100%;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.email p {
	margin: 12px 0 0 0;
	font-size: 18px;
}

.direccion {
	width: 100%;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.direccion h2 {
	margin: 12px 0 0 0;
	font-size: 20px;
	font-weight: normal;
}

.direccion p {	
	font-size: 18px;
}

/* fin contenedor-2 */

/* contenedor-3 */

.contenedor-3 {
	background: white;
	width: 100%;	
}

.contenedor-3 h1 {
	padding-top: 30px;
	text-align: center;
}

.contenedor-3 p {
	margin: 20px;
}


.privacidad {	
	width: 80%;	
	margin-left: 10%;
}

.privacidad p {
	margin: 20px 0 0 20px;
}

.privacidad-textos {	
	width: 100%;	
	display: flex;
	flex-direction: column;	
	padding: 0 20px;
}

.privacidad-textos h2 {
	padding: 20px 0;
	font-size: 22px;
}

.privacidad-textos p {
	margin: 0 0 3px 20px;
	padding: 0;
	
	
}

/* fin contenedor-3 */

/* contenedor-4 */

.contenedor-4 {
	background: white;
	width: 100%;	
}

.contenedor-4 h1 {
	padding: 30px 0;
	text-align: center;
}

.legal {	
	width: 80%;	
	margin-left: 10%;	
}

.legal p {
	margin: 20px 0 0 20px;
}

.legal-textos {	
	width: 100%;	
	display: flex;
	flex-direction: column;	
	padding: 0 20px;
}

.legal-textos h2 {
	padding: 20px 0;
	font-size: 22px;
}

.legal-textos p {
	margin: 0 0 3px 20px;
	padding: 0;	
}

/* fin contenedor-4 */

/* inicio contenedor-5 */
.contenedor-5 {
	background: white;
	width: 100%;
	min-height: 74vh;
	padding-bottom: 10px;
}

.contenedor-5 h1 {
	padding: 30px 0;
	text-align: center;
}

.gesaut {	
	width: 80%;	
	margin-left: 10%;
	/*border: 1px solid red;*/
	/*flex: 1;*/
}

.almacen,.taller,.comercial,.reloj {
	display: flex;
	flex-direction: column;
}
 
.gtcurso1,.gtcurso2,.gtcurso3,.gtcurso4 {
	/*width: 20%;*/
	/*display: inline-block;  */  
    /*text-align: center;*/
    /*vertical-align: middle;*/
    
    /*border: 1px solid transparent;*/
    /*padding: .375em .75em;*/
    font-size: 20px;  
    border-radius: .25em;
}

.lista:before {
	content: url("/wdslatlantic/dslimg/lista.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.leer:before {
	content: url("/wdslatlantic/dslimg/leer.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.gesaut-menu {	
    position: relative;
	display: none;
}

.gesaut-menu li {
	display: flex;
	flex-direction: row;
	margin-left: 20px;
}
 
#gtbox1:checked ~ .gesaut-menu,#gtbox2:checked ~ .gesaut-menu,#gtbox3:checked ~ .gesaut-menu, #gtbox4:checked ~ .gesaut-menu {
	display: block;
	margin: 0;
}

#gtbox1,#gtbox2,#gtbox3,#gtbox4 {
   visibility: hidden;
}

.gesaut-menu {
    list-style: none;
    margin: 0;
	padding: 0;
    /*border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;*/
    background:	#FFF;
	border: none;
}

.gesaut-menu li {
    padding: 5px 0px;	
}

.gesaut-menu li:hover {
    color: #000;
    text-decoration: none;
    background: #DCDCDC;
}

.contenedor-5 label {
	width: 30%;
	padding-top: 5px;
}

.articulos {
	width: 70%;
	text-align: justify;
}

#alma1,#alma2,#alma3,#alma4,#alma5,#alma6,#alma7,#alma8 {
  visibility: hidden;
}

#tall1,#tall2,#tall3,#tall4,#tall5,#tall6 {
  visibility: hidden;
}

#come1,#come2,#come3 {
  visibility: hidden;
}

#relo1,#relo2 {
  visibility: hidden;
}

#alma1:checked ~ .articulos,#alma2:checked ~ .articulos,#alma3:checked ~ .articulos,#alma4:checked ~ .articulos,#alma5:checked ~ .articulos,#alma6:checked ~ .articulos,#alma7:checked ~ .articulos,#alma8:checked ~ .articulos {
	display: block;
	margin: 0;
}

#tall1:checked ~ .articulos,#tall2:checked ~ .articulos,#tall3:checked ~ .articulos,#tall4:checked ~ .articulos,#tall5:checked ~ .articulos,#tall6:checked ~ .articulos {
	display: block;
	margin: 0;
}

#come1:checked ~ .articulos,#come2:checked ~ .articulos,#come3:checked ~ .articulos {
	display: block;
	margin: 0;
}

#relo1:checked ~ .articulos,#relo2:checked ~ .articulos {
	display: block;
	margin: 0;
}

.articulos {
	display:none
}

/* fin contenedor-5 */

/* inicio contenedor-6 */
.contenedor-6 {
	background: white;
	width: 100%;
	min-height: 74vh;
	padding-bottom: 10px;
}

.contenedor-6 h1 {
	padding: 30px 0;
	text-align: center;
}

.epublici {	
	width: 80%;	
	margin-left: 10%;
	/*border: 1px solid red;*/
	/*flex: 1;*/
}

.gestion {
	display: flex;
	flex-direction: column;
}
 
.gpcurso1 {	
    font-size: 20px;  
    border-radius: .25em;
}

.lista:before {
	content: url("/wdslatlantic/dslimg/lista.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.leer:before {
	content: url("/wdslatlantic/dslimg/leer.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.epublici-menu {	
    position: relative;
	display: none;
}

.epublici-menu li {
	display: flex;
	flex-direction: row;
	margin-left: 20px;
}
 
#gpbox1:checked ~ .epublici-menu {
	display: block;
	margin: 0;
}

#gpbox1 {
   visibility: hidden;
}

.epublici-menu {
    list-style: none;
    margin: 0;
	padding: 0;
    /*border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;*/
    background:	#FFF;
	border: none;
}

.epublici-menu li {
    padding: 5px 0px;	
}

.epublici-menu li:hover {
    color: #000;
    text-decoration: none;
    background: #DCDCDC;
}

.contenedor-6 label {
	width: 30%;
	padding-top: 5px;
}

.articulos {
	width: 70%;
	text-align: justify;
}

#gpub1,#gpub2,#gpub3,#gpub4,#gpub5,#gpub6,#gpub7 {
  visibility: hidden;
}

#gpub1:checked ~ .articulos,#gpub2:checked ~ .articulos,#gpub3:checked ~ .articulos,#gpub4:checked ~ .articulos,#gpub5:checked ~ .articulos,#gpub6:checked ~ .articulos,#gpub7:checked ~ .articulos {
	display: block;
	margin: 0;
}

.articulos {
	display:none
}

/* fin contenedor-6 */

/* inicio contenedor-7 */
.contenedor-7 {
	background: white;
	width: 100%;
	min-height: 74vh;
	padding-bottom: 10px;
}

.contenedor-7 h1 {
	padding: 30px 0;
	text-align: center;
}

.gesalq {	
	width: 80%;	
	margin-left: 10%;
	/*border: 1px solid red;*/
	/*flex: 1;*/
}

.alquiler {
	display: flex;
	flex-direction: column;
}
 
.gacurso1 {	
    font-size: 20px;  
    border-radius: .25em;
}

.lista:before {
	content: url("/wdslatlantic/dslimg/lista.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.leer:before {
	content: url("/wdslatlantic/dslimg/leer.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.gesalq-menu {	
    position: relative;
	display: none;
}

.gesalq-menu li {
	display: flex;
	flex-direction: row;
	margin-left: 20px;
}
 
#gabox1:checked ~ .gesalq-menu {
	display: block;
	margin: 0;
}

#gabox1 {
   visibility: hidden;
}

.gesalq-menu {
    list-style: none;
    margin: 0;
	padding: 0;
    /*border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;*/
    background:	#FFF;
	border: none;
}

.gesalq-menu li {
    padding: 5px 0px;	
}

.gesalq-menu li:hover {
    color: #000;
    text-decoration: none;
    background: #DCDCDC;
}

.contenedor-7 label {
	width: 30%;
	padding-top: 5px;
}

.articulos {
	width: 70%;
	text-align: justify;
}

#gaub1,#gaub2,#gaub3,#gaub4,#gaub5 {
  visibility: hidden;
}

#gaub1:checked ~ .articulos,#gaub2:checked ~ .articulos,#gaub3:checked ~ .articulos,#gaub4:checked ~ .articulos,#gaub5:checked ~ .articulos {
	display: block;
	margin: 0;
}

.articulos {
	display:none
}

/* fin contenedor-7 */

/* inicio contenedor-8 */
.contenedor-8 {
	background: white;
	width: 100%;
	min-height: 74vh;
	padding-bottom: 10px;
}

.contenedor-8 h1 {
	padding: 30px 0;
	text-align: center;
}

.conta {	
	width: 80%;	
	margin-left: 10%;
	/*border: 1px solid red;*/
	/*flex: 1;*/
}

.contabilidad,.tesoreria {
	display: flex;
	flex-direction: column;
}
 
.gccurso1,.gctcurso1 {
	font-size: 20px;  
    border-radius: .25em;
}

.lista:before {
	content: url("/wdslatlantic/dslimg/lista.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.leer:before {
	content: url("/wdslatlantic/dslimg/leer.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.conta-menu,.tesoreria-menu {	
    position: relative;
	display: none;
}

.conta-menu li,.tesoreria-menu li {
	display: flex;
	flex-direction: row;
	margin-left: 20px;
}
 
#gcbox1:checked ~ .conta-menu,#gctbox1:checked ~ .tesoreria-menu {
	display: block;
	margin: 0;
}

#gcbox1,#gctbox1 {
   visibility: hidden;
}

.conta-menu,.tesoreria-menu {
    list-style: none;
    margin: 0;
	padding: 0;
    /*border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;*/
    background:	#FFF;
	border: none;
}

.conta-menu li,.tesoreria-menu li {
    padding: 5px 0px;	
}

.conta-menu li:hover,.tesoreria-menu li:hover {
    color: #000;
    text-decoration: none;
    background: #DCDCDC;
}

.contenedor-8 label {
	width: 30%;
	padding-top: 5px;
}

.articulos {
	width: 70%;
	text-align: justify;
}

#gcub1,#gcub2,#gcub3,#gcub4,#gcub5,#gcub6,#gcub7,#gcub8,#gcub9,#gctub1,#gctub2,#gctub3,#gctub4,#gctub5,#gctub6,#gctub7 {
  visibility: hidden;
}

#gcub1:checked ~ .articulos,#gcub2:checked ~ .articulos,#gcub3:checked ~ .articulos,#gcub4:checked ~ .articulos,#gcub5:checked ~ .articulos,#gcub6:checked ~ .articulos,#gcub7:checked ~ .articulos,#gcub8:checked ~ .articulos,#gcub9:checked ~ .articulos {
	display: block;
	margin: 0;
}

#gctub1:checked ~ .articulos,#gctub2:checked ~ .articulos,#gctub3:checked ~ .articulos,#gctub4:checked ~ .articulos,#gctub5:checked ~ .articulos,#gctub6:checked ~ .articulos,#gctub7:checked ~ .articulos {
	display: block;
	margin: 0;
}

.articulos {
	display:none
}

/* fin contenedor-8 */

/* inicio contenedor-z */
.contenedor-z {
	background: white;
	width: 100%;
	min-height: 74vh;
	padding-bottom: 10px;
}

.contenedor-z h1 {
	padding: 30px 0;
	text-align: center;
}

.param {	
	width: 80%;	
	margin-left: 10%;
	/*border: 1px solid red;*/
	/*flex: 1;*/
}

.param p { font-size: 20px; }

.parametros {
	display: flex;
	flex-direction: column;
}

.pacurso1 {
	font-size: 20px;
    border-radius: .25em;
}

.lista:before {
	content: url("/wdslatlantic/dslimg/lista.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.leer:before {
	content: url("/wdslatlantic/dslimg/leer.png");
    margin-right: 10px;    
	vertical-align: middle;
}

.parametros-menu {	
    position: relative;
	display: none;
}

.parametros-menu li {
	display: flex;
	flex-direction: row;
	margin-left: 20px;
}
 
#pabox1:checked ~ .parametros-menu {
	display: block;
	margin: 0;
}

#pabox1 {
   visibility: hidden;
}

.parametros-menu {
    list-style: none;
    margin: 0;
	padding: 0;
    /*border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;*/
    background:	#FFF;
	border: none;
}

.parametros-menu li {
    padding: 5px 0px;	
}

.parametros-menu li:hover {
    color: #000;
    text-decoration: none;
    background: #DCDCDC;
}

.contenedor-z label {
	width: 30%;
	padding-top: 5px;
}

.articulos {
	width: 70%;
	text-align: justify;
}

#paub1,#paub2,#paub3,#paub4,#paub5,#paub6,#paub7,#paub8,#paub9,#paub10,#paub11,#paub12,#paub13,#paub14,#paub15,#paub16,#paub17,#paub18,#paub19,#paub20,#paub21,#paub22,#paub23,#paub24,#paub25,#paub26,#paub27,#paub28,#paub29,#paub30,#paub31,#paub32,#paub33,#paub34,#paub35,#paub36,#paub37,#paub38,#paub39,#paub40,#paub41,#paub42,#paub43,#paub44,#paub45,#paub46,#paub47,#paub48,#paub49,#paub50 {
  visibility: hidden;
}

#paub1:checked ~ .articulos,#paub2:checked ~ .articulos,#paub3:checked ~ .articulos,#paub4:checked ~ .articulos,#paub5:checked ~ .articulos,#paub6:checked ~ .articulos,#paub7:checked ~ .articulos,#paub8:checked ~ .articulos,#paub9:checked ~ .articulos,#paub10:checked ~ .articulos,#paub11:checked ~ .articulos,#paub12:checked ~ .articulos,#paub13:checked ~ .articulos,#paub14:checked ~ .articulos,#paub15:checked ~ .articulos,#paub16:checked ~ .articulos,#paub17:checked ~ .articulos,#paub18:checked ~ .articulos,#paub19:checked ~ .articulos,#paub20:checked ~ .articulos,#paub21:checked ~ .articulos,#paub22:checked ~ .articulos,#paub23:checked ~ .articulos,#paub24:checked ~ .articulos,#paub25:checked ~ .articulos,#paub26:checked ~ .articulos,#paub27:checked ~ .articulos,#paub28:checked ~ .articulos,#paub29:checked ~ .articulos,#paub30:checked ~ .articulos,#paub31:checked ~ .articulos,#paub32:checked ~ .articulos,#paub33:checked ~ .articulos,#paub34:checked ~ .articulos,#paub35:checked ~ .articulos,#paub36:checked ~ .articulos,#paub37:checked ~ .articulos,#paub38:checked ~ .articulos,#paub39:checked ~ .articulos,#paub40:checked ~ .articulos,#paub41:checked ~ .articulos,#paub42:checked ~ .articulos,#paub43:checked ~ .articulos,#paub44:checked ~ .articulos,#paub45:checked ~ .articulos,#paub46:checked ~ .articulos,#paub47:checked ~ .articulos,#paub48:checked ~ .articulos,#paub49:checked ~ .articulos,#paub50:checked ~ .articulos {
	display: block;
	margin: 0;
}

.articulos {
	display:none
}

/* fin contenedor-z */

/* pie */

.footer {
	background: #FFE1B5;
	height: calc(100vh - 82vh); /* 75 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.linkpie {
	color: #000000;
	text-decoration: none;
	font-size: 18px;
}

.barra { margin: 0 10px; }

/* fin pie */

/* media query */

@media screen and (max-width:1300px) {
	
	.principal {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.banner-textos { width: 100%; }

	.banner-imagen { width: 100%; }
	
}

@media screen and (max-width:768px) {
	
	.menu {
		position: absolute;
		display: flex;
		right: 20px;
	}
			
	.navegacion ul {
		position: absolute;
		width:100%;		
		flex-direction: column;
		justify-content: start;		
		align-items: center;		
		padding: 0;
		background: #999;
		top: 70px;
		transform: translate(-100%);
		transition: transform .5s;
	}
	
	.navegacion ul.aparecemenu {
		transform: translate(0);		
	}
	
	.btn {
		background: #999;
	}
	
	.dropdown-menu {
		margin: 10px 0 0 0;
		left: 100%;
	}
	
	.link {		
		padding: 0;		
	}
	
	.contenedor-2 {
		width: 100%;
		height: 100%;
		flex-direction: column;
	}
	
	.formulario { width: 100%; }
	
	.informacion { width: 100%; }
	
	/*.contenedor-5 label {
		width: 35%;
	}*/
	
	.contenedor-5 label,.contenedor-6 label,.contenedor-7 label,.contenedor-8 label,.contenedor-z label {
		width: 35%;
	}
	
	/*.contenedor-7 label {
		width: 35%;
	}
	
	.contenedor-8 label {
		width: 35%;
	}
	
	.contenedor-z label {
		width: 35%;
	}*/

	.articulos {
		width: 65%;
	}
	
	.footer { flex-direction: column; }
	
	.linkpie {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 5px 0;
	}	
	
	.footer .barra { display: none; }
}
