@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Fredoka+One);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:700);

/* CSS Document */



body {


	background-image:url(../img/recursos/fondo.jpg);
	background-repeat: repeat;
	background-size:50%;
	background-position: center ;


    display: flex;
    min-height: 100vh;
    flex-direction: column;
	font-family: 'Fredoka One', cursive;
  }
  
@media only screen and (min-width : 601p x) {
 body {
	background-image:url(../img/recursos/fondo.jpg);
	background-repeat: repeat;


    display: flex;
    min-height: 100vh;
    flex-direction: column;
	font-family: 'Fredoka One', cursive;
  }}

/*#1e6a3c*/
/*#FFCC00*/
@media only screen and (min-width : 993px) {
body {
	background-image:url(../img/recursos/fondo.jpg);
	background-repeat: repeat;


    display: flex;
    min-height: 100vh;
    flex-direction: column;
	font-family: 'Fredoka One', cursive;

  }

  }
  
  nav,  footer.page-footer, hr{
	 background-color:#FFCC00; 
  }
  
 .fondoh1{
	  
	   background-color:#FFCC00;
	   color:rgba(255,255,255,0.8);
	   
	   border-radius: 1px;
	   text-align: center;
} 

  main {
    flex: 1 0 auto;
    background-color:#046939;

  }#1e6a3c
  
    main.sinfondo {
    flex: 1 0 auto;
    background-color:rgba(255,255,255,0);
  }
  
  footer{
	  margin-top:-7px;
	  
  }
  
  
#slider{
	width:100%;
}
#slider img{
	display: none;
}
#slider img:nth-child(1){
	display: block;
}
img.slider{
		width:100%;
		height:100%;
		
}


 
 .leftss, .rightss{
	
	cursor: pointer;
	
	transform: translateY(-45%);
	width: 0px;
	height: 0px;
	margin: 20px;
	opacity: 0.4;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
}
.leftss{
	left: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 27px solid #FFCC00;
}
.rightss{
	right: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 27px solid #FFCC00;
} 
 .leftss:hover, .rightss:hover{
	opacity: 1;
} 
  
/*  
.form_container{

	width: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}


.form_container .slideContainer{
	white-space: nowrap;
}
.form_container .slideContainer .slide{
	display: inline-block;
	margin-right: -4px;
margin-left:-3px;
	vertical-align: top;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 100%;
}

*/




div.newlog{
	width:80%;
	text-align:center;
	position:relative;
	left:10%;
	margin-bottom:5%;
	font-size:13px;
	color:#fff;
	
}
input.rellen{
	color:black;
	 background-color:rgba(255,204,0,1);
	 text-align:center;
	 border-radius:4px;
	 font-size:13px;
	 font-family: 'Noto Sans', sans-serif, bold;
	 
}

input.env{
	border-radius:5px;
	border-color:#FFCC00;
	color:black;
	background-color:#FFCC00;
	margin-bottom:2%;
	font-size:18px;
	
}


button.dialogo {
    border: 1px solid #910;
    background: #F00;
    color:#FFF;
    padding: 5px 10px;
	margin: 0 3px 0 0;
	font-weight: bold;
	
}

dialog {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

/*Definimos otro color como pantalla de bloqueo*/
dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
























.form-input, .error {
	display: block;
	height: 24px;
	padding: 6px 10px;
	margin-bottom: 20px;
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-radius:         8px;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	background-color: #646464;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	behavior: url(PIE.htc);
	width: 320px;
	background: #ededed;
	border: 5px solid #dbdbdb;
	color: #999;
	position: relative;
}
.error{
	background: #ff9197;
	border: 5px solid red;
}
textarea.form-input {
	height: 200px;
	overflow: auto;
	width: 380px; 
	position: relative;
}
.form-btn {
	padding: 0 15px;
	height: 30px;
	font: bold 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border: 1px solid #0d3d6a;
	background-color: #2F57B7;
	clear: both;
	float: right;
}
.form-btn:hover {
	color: #8598C6;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}
.contact-form {
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	position: relative;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, right bottom, 
										   color-stop(5%,  #bfd1E7), color-stop(5%,  #ed5737),
	                                       color-stop(15%, #ed5737), color-stop(15%, #bfd1E7),
	                                       color-stop(25%, #bfd1E7), color-stop(25%, #2f57b7),
	                                       color-stop(35%, #2f57b7), color-stop(35%, #bfd1E7),
	                                       color-stop(45%, #bfd1E7), color-stop(45%, #ed5737),
	                                       color-stop(55%, #ed5737), color-stop(55%, #bfd1E7),
	                                       color-stop(65%, #bfd1E7), color-stop(65%, #2f57b7),
	                                       color-stop(75%, #2f57b7), color-stop(75%, #bfd1E7),
	                                       color-stop(85%, #bfd1E7), color-stop(85%, #ed5737),
	                                       color-stop(95%, #ed5737), color-stop(95%, #bfd1E7));
	background-image: -webkit-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:    -moz-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:     -ms-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:      -o-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:         repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	-pie-background:          linear-gradient(135deg, 
										   #bfd1E7 5%,  #ed5737 5%,
	                                       #ed5737 15%, #bfd1E7 15%,
	                                       #bfd1E7 25%, #2f57b7 25%,
	                                       #2f57b7 35%, #bfd1E7 35%,
	                                       #bfd1E7 45%, #ed5737 45%,
	                                       #ed5737 55%, #bfd1E7 55%,
	                                       #bfd1E7 65%, #2f57b7 65%,
	                                       #2f57b7 75%, #bfd1E7 75%,
	                                       #bfd1E7 85%, #ed5737 85%,
	                                       #ed5737 95%, #bfd1E7 95%);
	behavior: url(PIE.htc);
	text-align: left;

}
.formulario {
	overflow: hidden;
	padding: 40px 20px;
	background-color: #fff;
}
.column:first-of-type {
	float: left;
	position: relative;
}

.column:last-of-type {
	float: right;
	margin: 0 0 20px 40px;
}
label {
	color: #444;
	font-size: 15px;
}
label span {
	color: #ff4141;
	font-size: 11px;
}

article{
	
	color:#FFFFFF;
}

#textopnosotros{
 text-align:center;	
}


#submenunos{
	text-align:center;
	background-color:#FFCC00;
	border: 2px solid;
    border-radius: 25px;
	color:#000000;

	
}
	#submenunos a{
		
		display:block;
	}
	#submenunos a:hover {
		background-color: #6600FF;
	    border: 2px solid;
        border-radius: 25px;
		cursor:default;
		height:40 px;
		
	}
	
#ftextdesc{
	text-align:justify;
	color:#000000;
	margin-top:20px;
	background-color:rgba(255,255,255,0.7);
	border: 2px solid;
    border-radius: 25px;	
}