/*Estilo para aspecto particular de Web MAEDT*/

/* General Micro reset */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
*{box-sizing: border-box;}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html, body { height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; margin:0; padding:0;}
a:link, a:visited, a:active {text-decoration:none;}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
/*de los estilos comunes web*/
/*html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}*/
html,body{font-family:Verdana,sans-serif;font-size:16px;line-height:1.2}html{overflow-x:hidden}
/*
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
*/

/*body {background-color:#EDEDED; entre crema y blanco} - #F0EDE6 crema - #FFFFFF blanco*/
body {background-color:#F0EDE6;}

/*EuskalFont*/
@font-face {font-family:EuskalFont;src:url('euskalfont.ttf'),}
/*	src:url('euskalfont.ttf')  format('truetype'),*/ /* Safari, Android, iOS */
.EuskalFont {font-family:EuskalFont;}
.EuskalFont h1 {font-family:EuskalFont; text-align:center!important; font-weight: bold; font-style: italic; color: purple; font-size: 48px;opacity:1}
.EuskalFont h2 {font-family:EuskalFont; text-align:center!important; font-weight: bold; font-style: italic; color: purple; font-size: 40px;opacity:1}
.EuskalFont h3 {font-family:EuskalFont; text-align:center!important; font-weight: bold; font-style: italic; color: purple; font-size: 36px;opacity:1}
.EuskalFont h5 {font-family:EuskalFont; text-align:center!important; font-weight: bold; font-style: italic; color: purple; font-size: 32px;opacity:1}
.EuskalFont h6 {font-family:EuskalFont; text-align:center!important; font-weight: bold; font-style: italic; color: purple; font-size: 26px;opacity:1}
.EuskalFont p {float:left;font-family:EuskalFont; color: black; font-size: 18px; text-align:left!important; font-style: normal; margin: 3px 2px;padding:2px 1px}
/*.EuskalFont p {font-family:EuskalFont; font-weight: bold; font-style: italic; color: black; font-size: 16px; text-align:left;}*/
/*La font face del menu.....................................................................*/
@font-face{font-family:referenciapara;src:url('Italianno-Regular.ttf')} /* Italiano */
/*La font del titulo control ....................................................................*/
@font-face{font-family:reftitulo;text-transform: lowercase;src:url('EUSKFN__.TTF')} /*otra euskal*/
@font-face{font-family:helbidea;src:url('Oswald-VariableFont_wght.ttf')}
/*Fin EuskalFont y otras*/

/*Cabecera, pie y menu*/
.cab-img{display:inline-block;position:absolute;top:0;left:0;right:0;z-index:-9;margin:0;padding:0;max-width:100%;}
.lineab{display:inline-block;position:absolute;bottom:0;left:0;right:0;z-index:-10;margin:0;padding:0;opacity:0}
.pie-img{display:inline-block;position:absolute;bottom:0;left:0;right:0;z-index:-9;margin:0;padding:0;background:rgba(200,200,200,0.4);max-width:100%;}

.bg00{background-image:url("../imagen/Presentacion/serantes1.jpg");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;
		position:absolute;opacity:0.15}
/*.bg000{background-image:url("../imagen/Portada/fondosp0.jpg");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;
		position:absolute;opacity:0}*/
.bg01{background-image:url("../imagen/Presentacion/puerto1.jpg");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;
		position:absolute;opacity:0.15}
.bg02{background-image:url("../imagen/Presentacion/carrejobolos1.jpg");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;
		position:absolute;opacity:0.15}
.bg03{background-image:url("../imagen/Presentacion/plazakabiezes1.jpg");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;
		position:absolute;opacity:0.15}
.video01{float:left;max-width: 70%;margin-top:4%;margin-left:15%}

/*Fin Cabecera, pie y menu*/

/*Noticias y Formulario*/
#contenido{height:100%;/*background:#F0EDE6;/*#F0EDE6 y ori#bfbfb0 y azul#59ABE3*/width:100%;}
.maedt-container:after,.maedt-container:before{content:"";display:table;clear:both}
.maedt-container{padding:0.01em 16px}
.maedt-half{float:left;width:100%}
@media (min-width:601px){.maedt-half{width:49.99999%}}
/*
#section{height:90%;width:45%;NObackground:#bfbfb0;background:#FAF0E6;float:left;margin-top:2%;margin-left:1%;border:3px solid black;border-radius:10px;}
#aside{height:90%;width:40%;background:#FAF0E6;float:right;margin-top:2%;margin-right:1%;border-color:black;border-width:4px;border-style:double;border-radius:10px;}
*/
#section{height:90%;width:100%;NObackground:#bfbfb0;background:#FAF0E6;float:left;margin-top:2%;margin-left:1%;border:3px solid black;border-radius:10px;}
#aside{height:90%;width:100%;background:#FAF0E6;float:right;margin-top:2%;margin-right:1%;border-color:black;border-width:4px;border-style:double;border-radius:10px;}

/*#formulario{height:30%;width:40%;background:#000000;float:right;margin:25%;}*/
div.formulario{width:90%;/*height:600px;*/background:#e6e6e6;border-radius:8px;box-shadow:0 0 40px -10px #000;margin:25px auto;/*margin:calc(30vh - 220px) auto;*/
			padding:20px 30px;max-width:calc(100vw - 40px);box-sizing:border-box;font-family:'EuskalFont';position:relative}
div.noticia{width:90%;margin:12px auto;background-color:#AAD1A5;color:#000;padding:10px;font-size:20px;box-shadow:0 0 40px -10px #000}
div.noticia img.izquierda{float:left;margin-right:5px;}
div.noticia img.derecha{float:right;margin-left:5px;}
div.reset{clear:both;}
/*
div.formulario div.contacto{position:absolute;bottom:-20px;right:-20px;background:#50505a;color:#fff;width:70%;
					padding:16px 4px 16px 0;border-radius:8px;font-size:13px;box-shadow:10px 10px 40px -14px #000}
*/
div.formulario div.contacto{/*content:'Hi';*/position:absolute;bottom:-20px;right:-20px;background:#50505a;color:#fff;width:70%;/*width:340px;*/
					padding:16px 4px 16px 0;border-radius:8px;font-size:13px;box-shadow:10px 10px 40px -14px #000;display:inline-block}
.error{color:#FF0000;}

div.formulario input{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:EuskalFont;
		transition:all .3s;border-bottom:2px solid #bebed2}
div.formulario input:focus{border-bottom:2px solid #78788c}
div.formulario textarea{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:EuskalFont;
		transition:all .3s;border-bottom:2px solid #bebed2}
div.formulario textarea:focus{border-bottom:2px solid #78788c}
div.formulario p:before{content:attr(type);display:block;margin:28px 0 0;font-size:14px;color:#5a5a5a}
div.formulario button{float:right;padding:8px 12px;margin:8px 0 0;font-family:EuskalFont;border:2px solid #78788c;border-radius:8px;background:0;color:#5a5a6e;
						cursor:pointer;transition:all .3s;margin:25px}
div.formulario button:hover{background:#78788c;color:#fff}
div.formulario div.resultado{position:absolute;bottom:20px;left:15px;background:none;color:#000;width:70%;/*width:340px;*/
					padding:16px 4px 16px 0;border-radius:none;font-size:16px;box-shadow:none}

/*Fin Noticias y Formulario*/

/*Cuerpo*/
/* CONTAINER................................................................. */
/*
.containergen{float:left;position:absolute;top:130px;bottom:0px;left:10px;right:10px;font-family:EuskalFont;font-size:18px;text-align:left;z-index:1;}
@media all and (min-width: 700px) and (max-width: 1100px){.containergen{top:120px;left:10px;font-size:18px}}
@media all and (min-width: 400px) and (max-width: 700px){.containergen{top:100px;left:8px;font-size:18px}}
@media all and (max-width: 400px){.containergen{top:80px;left:6px;font-size:16px}}
*/
/* COLUMNAS................................................................. */
.one-columns{-webkit-column-count:1;-moz-column-count:1;column-count:1;
				-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;
				-webkit-column-rule:5px solid rgb(233,188,178);-moz-column-rule:5px solid rgb(233,188,178);column-rule:5px solid rgb(233,188,178);
				-webkit-column-rule:0.5rem solid rgb(233,188,178);-moz-column-rule:0.5rem solid rgb(233,188,178);column-rule:0.5rem solid rgb(233,188,178);
				margin:20px;margin:2rem;}
.two-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2;
				-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;
				-webkit-column-rule:5px solid rgb(233,188,178);-moz-column-rule:5px solid rgb(233,188,178);column-rule:5px solid rgb(233,188,178);
				-webkit-column-rule:0.5rem solid rgb(233,188,178);-moz-column-rule:0.5rem solid rgb(233,188,178);column-rule:0.5rem solid rgb(233,188,178);
				margin:20px;margin:2rem;}
@media all and (max-width: 400px){.two-columns{-webkit-column-count:1;-moz-column-count:1;column-count:1}}
.three-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;
				-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;
				-webkit-column-rule:5px solid rgb(233,188,178);-moz-column-rule:5px solid rgb(233,188,178);column-rule:5px solid rgb(233,188,178);
				-webkit-column-rule:0.5rem solid rgb(233,188,178);-moz-column-rule:0.5rem solid rgb(233,188,178);column-rule:0.5rem solid rgb(233,188,178);
				margin:20px;margin:2rem;}
@media all and (min-width: 400px) and (max-width: 700px){.three-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}
@media all and (max-width: 400px){.three-columns{-webkit-column-count:1;-moz-column-count:1;column-count:1}}
.four-columns{-webkit-column-count:4;-moz-column-count:4;column-count:4;
				-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;
				-webkit-column-rule:5px solid rgb(233,188,178);-moz-column-rule:5px solid rgb(233,188,178);column-rule:5px solid rgb(233,188,178);
				-webkit-column-rule:0.5rem solid rgb(233,188,178);-moz-column-rule:0.5rem solid rgb(233,188,178);column-rule:0.5rem solid rgb(233,188,178);
				margin:20px;margin:2rem;}
@media all and (min-width: 700px) and (max-width: 1100px){.four-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3}}
@media all and (min-width: 400px) and (max-width: 700px){.four-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}
@media all and (max-width: 400px){.four-columns{-webkit-column-count:1;-moz-column-count:1;column-count:1}}

.one-columns img {border:4px double #000!important;margin: 3px 2px;}
.two-columns img {border:4px double #000!important;margin: 3px 2px;}
.three-columns img {border:4px double #000!important;margin: 3px 2px;}
.four-columns img {border:4px double #000!important;margin: 3px 2px;}
.one-columns img:hover {opacity: 0.7;}
.two-columns img:hover {opacity: 0.7;}
.three-columns img:hover {opacity: 0.7;}
.four-columns img:hover {opacity: 0.7;}

.ma-round-none{border:4px double #F0EDE6!important;margin: 3px 2px;;border-radius:32px}
.ma-round-xlarge{border-radius:16px}
.ma-center{text-align:center!important}
.ma-mobile{display:block;width:100%!important}
.centro{align:center;margin-top:15px;margin-bottom:15px;margin-left:10px;margin-right:10px;}
.ezkerra{float:left;margin-right:10px;margin-top:15px;margin-left:0px;width:48%;}
.ezkuma{float:right;margin-left:0px;margin-top:15px;width:48%;}
.ezkerraytexto{float:left;margin-right:10px;margin-top:15px;margin-left:0px;width:48%;}
.ma-lin:after,.ma-lin:before{content:"";display:table;clear:both}
.ma-col{float:left;width:100%}
/*años*/
.urtea { float: left; position: absolute; right: 0px; bottom: 0px; top:150px; left:10px; z-index:1; }
.carpeta{ float: left; position: absolute; right: 0px; bottom: 0px; top: 150px; left: 0px; z-index: 0;}

/*para Imagenes con ExpansionModal de fotos ampliables 2*/
/* The expanding image container (positioning is needed to position the close button and the text) */
.containermodal {/*  position:relative;display:none;*/
  display:none;/* Hidden by default */position:fixed;/* Stay in place */z-index:1;/* Sit on top */padding-top:55px;/* Location of the box */top:0px;left:290px;
  width:100%; /* Full width */max-width:1000px;height:100%;/* Full height */max-height:850px;overflow:auto;/* Enable scroll if needed */
  background-color:rgb(0,0,0);/* Fallback color */background-color:rgba(0,0,0,0.5);/* mayor mas Black w/ opacity */}
@media all and (max-width: 1400px){.containermodal{width:90%;left:120px}}
@media all and (max-width: 800px){.containermodal{width:80%;left:60px}}
@media all and (max-width: 400px){.containermodal{width:70%;left:20px}}
/* Expanding image text */
#imgtext1{position:absolute;top:25px;left:45px;color:white;font-family:'EuskalFont';font-size:20px;}
/*#imgtext2{position:absolute;top:25px;left:45px;color:white;font-family:'EuskalFont';font-size:20px;}*/
/* Closable button inside the image */
.closebtn {position:absolute;top:10px;left:10px;color:white;font-size:40px;font-weight: bold;cursor:pointer;}
.closebtn:hover,.closebtn:focus {color:#bbb;text-decoration:none;cursor:pointer;}
/*fin para Imagenes con ExpansionModal de fotos ampliables 2*/

/*Fin Cuerpo*/