/*
azul: #3584a2
magenta: #cd0067

*/


body, html {
/*background: #662382 url(../img/fondo-3.jpg) center center no-repeat;

  -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;*/
     /*   background-size: 100hv;*/
		
		/*background-attachment:fixed;*/


 margin: 0 0 0 0;
 height:100%;

image-rendering: optimizequality;
image-rendering: -webkit-optimize-contrast;


}

.fondo_anis {
	background: #662382 url(../img/fondo-3.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_menu_1 {
background: #B2C5C4 url(../img/fondo-2.jpg) center center no-repeat;	
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
		   }

.fondo_menu_2 { 
background: #B2C5C4 url(../img/fondo-2.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
/*background-size: 100hv;*/ }


.fondo_anis_1 {
	background: #009ee3 url(../img/fondo-mano.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}
.fondo_anis_2 {
	background: #f39200 url(../img/fondo-alpie.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}
.fondo_anis_3 {
	background: #e6332a url(../img/fondo-mejor.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}
.fondo_anis_4 {
	background: #95c11e url(../img/fondo-barrita.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_anis_5 {
	background: #e7d200 url(../img/fondo-contar.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_anis_6 {
	background: #dddc00 url(../img/fondo-digan.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_anis_7 {
	background: #b6ce3e url(../img/fondo-auto.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_anis_8 {
	background: #e5007d url(../img/fondo-bano.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_anis_9 {
	background: #36a9e0 url(../img/fondo-familia.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}

.fondo_anis_10 {
	background: #951b81 url(../img/fondo-corre.jpg) center center no-repeat fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		  background-size: cover;
	
}




h1 { font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 21px; font-weight:300; color:#FFF;
text-align:center; padding-bottom:0px; /*border-bottom:#FFF solid 1px;*/ max-width:800px;
position:relative; margin:25px auto; padding:0px 25px; box-sizing:border-box;

 }
 
strong { font-weight:400; } 
 
 #boton { margin:35px auto; }
 
 .boton { font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 19px; font-weight:300; color:#FFF;
text-align:center;  border-radius:20px; padding:7px 14px;
position:relative; margin:25px auto; background:rgba(0,0,0,0.7);
}

 .boton i { font-size:26px; margin-right:5px; font-weight:400; }
 
  .boton:hover { background:#FFF; color:rgba(0,0,0,0.7); }
  
.ani1 { background:#009ee3; }   
.ani2 { background:#f39200; }  
.ani3 { background:#e6332a; } 
.ani4 { background:#95c11e; } 
.ani5 { background:#e7d200; } 
.ani6 { background:#dddc00; } 
.ani7 { background:#b6ce3e; } 
.ani8 { background:#e5007d; } 
.ani9 { background:#36a9e0; } 
.ani10 { background:#951b81; } 

.ani1:hover { color:#009ee3; } 
.ani2:hover { color:#f39200; }  
.ani3:hover { color:#e6332a; } 
.ani4:hover { color:#95c11e; } 
.ani5:hover { color:#e7d200; } 
.ani6:hover { color:#dddc00; } 
.ani7:hover { color:#b6ce3e; } 
.ani8:hover { color:#e5007d; } 
.ani9:hover { color:#36a9e0; } 
.ani10:hover { color:#951b81; }

.atras, .atras:visited { background:#fff; color:rgba(0,0,0,0.7); }
.atras:hover { background:rgba(0,0,0,0.7); color:#fff; } 
 
 a, a:visited, a:active { color:#FFF; }
 
 a:hover { color:rgba(0,0,0,0.7); border-color:rgba(0,0,0,0.7); }

.tx:before { content:"Hainbat hobe..."; }

.tx2:before { content:"Korrika egin eta..."; }

.tx3:before { content:"Esaten dutena..."; }

.tx4:before { content:"Automobilek loditzen..."; }

.tx5:before { content:"Komunaren..."; }

p {
  margin: 10px;
   font: 14px/20px Helvetica, Arial, sans-serif;
   text-align: left;
}

#section { display:table; width:100%; height:100%; }

#login { margin:0; text-align:center; position:relative;  display:table-cell; vertical-align:middle;
   }

input { background:#FFF; padding:10px; font-size:14px; border:none; width:200px;

border-radius: 25px; 
-webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
margin:0px 0; text-align:center; color:#666; }

input:focus{
	outline:0px;
}

label { text-align:center; color:#FFF; 
font: 14px/20px Helvetica, Arial, sans-serif;
 letter-spacing:1px;
 display:none;
   }
    

input[type=submit]{
	margin-top:30px;
 background-color:#EBBA17;
 height:50px;
 width:220px;
 border:none;
 font-weight:400;
 letter-spacing:1px;
 color:#fff;
  -webkit-appearance: none;
 -moz-appearance: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #EBBA17;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #EBBA17;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #EBBA17;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #EBBA17;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #EBBA17;
}


#div_mensaje_acceso{
	
	max-width:200px;
	
	
	margin: 25px auto 0 auto;
	background: #cd0067;
/*	position: absolute;
	top: 50%;
	left: 50%; */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:12px;
	border-radius:5px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

#div_mensaje_acceso p{
	text-align:center;
		padding: 15px;
		margin: 0 !important;
	}
	

#footer {
/*
background-image:url(img/sombrita.gif);
	background-repeat:repeat-x;

background:#8cb11d url(../img/sombrita.gif) top repeat-x;*/

display:block;
/*max-width:220px;*/
max-width:800px;
position:relative;

margin:80px auto 40px;
text-align:center;
border-top:#FFF solid 1px;

padding:0px 25px;
box-sizing:border-box;



}

.footer_logo { width:85px; height:auto; text-align:center; margin:15px 0 10px -10px;  }

.footer_logo_GV { width:295px; height:auto; text-align:center; margin:25px 0 10px -10px;  }

.footer_tex {
  margin-bottom: 10px;
 /* margin-left: 20px;*/
   font: 11px Helvetica, Arial, sans-serif;
   color:rgba(255,255,255,0.7);
   text-align:center;
   padding:0;
   margin:0;

}

.footer_tex2 {
  margin-bottom: 10px;
  margin-left: 10px;
   font: 11px Helvetica, Arial, sans-serif;
   color:#38470c;
}

.footer_ani { max-width:875px !important; width:70% !important; margin:60px auto 30px auto !important; border-top:rgba(255,255,255,0.6) solid 1px !important; }

.filete_der {
	color:#38470c;
	border-right: solid #38470c 1px;
}

a { text-decoration:none; }


#menu {  display:table; width:100%; height:100%;  }

#menu_child { margin:0; text-align:center; position:relative;  display:table-cell; vertical-align:middle; }

.centro { position:relative; margin:0 auto; max-width:1250px;}

.container { position:relative; margin:0 auto; width:70%; max-width:960px;}

#menu h1 { max-width:1250px; text-align:center; margin:25px 25px; position:relative;  }

i { position:relative; font-size:39px; bottom:-5px; }

/*#menu h2 { font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 19px; font-weight:300; color:#FFF;
text-align:center; padding-bottom:10px; border-bottom:#FFF solid 1px; max-width:220px;
position:relative; margin:25px auto; }*/

#menu h2 {  
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 19px; font-weight:400;
text-align:center; max-width:220px;
position:relative; margin:25px auto;

border-bottom:#444 solid 3px; color:#3584a2; text-decoration:none; background:#FFF; padding:7px 20px; border-radius: 25px; 
-webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  display:block;
  
}

#menu a h2 {  border-bottom:#444 solid 3px; color:#3584a2; text-decoration:none; background:#FFF; padding:7px 20px; border-radius: 25px; 
-webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  display:block;
  
}

#menu a h2:hover { background:#cd0067; color:#FFF; }

.grid1, .grid2, .grid3, .grid4 { display:inline-block; vertical-align:top;  width:220px; margin:0 10px 10px; }

ul { color:#FFF; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size:14px; font-weight:300; list-style:none; text-align:left; margin:0; padding:0; }

li { margin:0 0 10px 0; padding:0 0 10px 10px; border-bottom:rgba(255,255,255,0.5) solid 1px; }

li a { color:#FFF; padding:5px 10px; 
border-radius: 4px; 
-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  display: block;
  
  }
  
li a:hover { color:#fff; background:#444;  }

   
 #menu #footer { max-width:1250px; margin:0 25px 25px;  } 
 

 
 .video-responsive {
    position: relative;
    margin-bottom: 20px;
    /*padding-top: 56.25%;*/ /* para vídeos 16:9*/
	/*padding-top: 75%;*/ /* para vídeos 3:4*/
	padding-top: 80%; /* para vídeos 1920x1536*/
	margin-right:0px;
	margin-left:0px;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
	outline:#fff solid 5px;
	
-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.3);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.3);
}

.mancheta_videos_fs {
	float:right; position:relative; margin-bottom:-150px;
}


/* MENÚ RECURSOS */


.boton_menu {
	display: inline-block;
	
 background-color:#EBBA17;
/* height:50px;*/
 width:220px;
 border:none;

 /*letter-spacing:1px;*/
 
border-radius: 35px; 
-webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -o-border-radius: 35px;
  
margin:30px 15px 0 15px;
text-align:center;



font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 19px; font-weight:300; color:#333 !important;
text-align:center; padding:14px 0px 16px;


}

.boton_menu:hover {
	color:#FFF !important;  font-weight:300;
}


.boton_menu i { font-size:24px; margin-right:10px; color:#333;
bottom:-3px;

  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */

}
.boton_menu:hover > i { font-size:24px; margin-right:10px; color:#fff;}

.boton_menu span { display: inline-block; text-align:left; }

/*.boton_menu i { top:-5px; }*/


/* EXTRAS */

header,nav, a, li{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

nav img, footer img {
	  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

  /*@media only screen and (max-width: 1200px) { .fondo_menu_2 { background-attachment:fixed; background-size: cover; } }*/
 
/* @media only screen and (max-width: 979px) { .grid1, .grid2, .grid3, .grid4 { width:45%; } body, html, .fondo_anis, .fondo_menu_1, .fondo_menu_2 { background-attachment:fixed; background-size: cover; }
 .tx:before { content:"Una barrita con un puntito"; } .tx2:before { content:"Una familia muy normal"; } .tx3:before { content:"Los automóviles engordan"; } }
 
  @media only screen and (max-width: 768px) { .grid1, .grid2, .grid3, .grid4 { width:90%; } .mancheta_videos_fs { width:125px; height:auto; } .mancheta { max-width:250px; height:auto; } .footer_ani { width:100% !important; } }*/
  

 @media only screen and (max-width: 979px) { .grid1, .grid2, .grid3, .grid4 { width:45%; } body, html, .fondo_anis, .fondo_menu_1, .fondo_menu_2 { background-attachment:fixed; background-size: cover; }
 .tx:before { content:"Hainbat hobe norbaitekin"; } .tx2:before { content:"Korrika egin eta kontatzea"; } .tx3:before { content:"Esaten dutena esaten dutela"; } .tx4:before { content:"Automobilek loditzen dute"; } .tx5:before { content:"Komunaren hondamena"; } }
 
  @media only screen and (max-width: 768px) { .grid1, .grid2, .grid3, .grid4 { width:90%; } .mancheta_videos_fs { width:125px; height:auto; } .mancheta { max-width:250px; height:auto; } .footer_ani { width:100% !important; } }