@charset "utf-8";
/* CSS Document */

.frases{
	width: 85%;
	margin: auto;
	margin-top: 1.5em;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
	overflow: hidden;
	height: 2.5em;

}


#texto01{
	-webkit-animation: muevetexto01 10s infinite;
	-moz-animation: muevetexto01 10s infinite;
	-ms-animation: muevetexto01 10s infinite;
	}
#texto02{
	-webkit-animation: muevetexto02 10s infinite;
	-moz-animation: muevetexto02 10s infinite;
	-ms-animation: muevetexto02 10s infinite;
	}					
#texto03{
	-webkit-animation: muevetexto03 10s infinite;
	-moz-animation: muevetexto03 10s infinite;
	-ms-animation: muevetexto03 10s infinite;
	}
#texto04{
	-webkit-animation: muevetexto04 10s infinite;
	-moz-animation: muevetexto04 10s infinite;
	-ms-animation: muevetexto04 10s infinite;
	}
				
@-webkit-keyframes muevetexto01 {
  0%    { margin-top: 0; }
 12.5%  { margin-top: 0; }
  25%   { margin-top: -62px; }
37.5%   { margin-top: -62px; }
  50%   { margin-top: -62px; }
62.5%   { margin-top: -62px; }
  75%   { margin-top: -62px; }
87.5%   { margin-top: -62px; }
 100%   { margin-top: -62px; }
/*opacity: 0.2;
		filter: Alpha(opacity=50);*/
}
@-webkit-keyframes muevetexto02 {
   0%    { margin-top: 0px; }
 12.5%   { margin-top: 0px; }
   25%   { margin-top: 24px; }
 37.5%   { margin-top: 24px; }
   50%   { margin-top: -38px; }
 62.5%   { margin-top: -38px; }
   75%   { margin-top: -38px; }
 87.5%   { margin-top: -38px; }
  100%   { margin-top: -38px; }
}
@-webkit-keyframes muevetexto03 {
    0%   { margin-top: 0px; }
 12.5%   { margin-top: 0px; }
   25%   { margin-top: 0px; }
 37.5%   { margin-top: 0px; }
   50%   { margin-top: 24px; }
 62.5%   { margin-top: 24px; }
   75%   { margin-top: -38px; }
 87.5%   { margin-top: -38px; }
  100%   { margin-top: -38px; }
}
@-webkit-keyframes muevetexto04 {
    0%   { margin-top: 0px; }
 12.5%   { margin-top: 0px; }
   25%   { margin-top: 0px; }
 37.5%   { margin-top: 0px; }
   50%   { margin-top: 0px; }
 62.5%   { margin-top: 0px; }
   75%   { margin-top: 24px; }
 87.5%   { margin-top: 24px; }
  100%   { margin-top: 24px; }
}

#cotizar{
	margin-top: 1.5em;
	padding-bottom: 1em;
}
.botonCotizar {
	display: block;
	text-align: center;
	padding-top: .35em;
    width: 55%;
	max-width: 12em;
	height: 2em;
    background-color: red;
	margin:auto;
	border-radius: 8px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	color: white;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
	font-size: 1.2em;
}
.meses{
	display: block;
	background-color: white;
	margin: auto;
	font-family: 'Roboto Condensed', sans-serif;
}
.botonCotizar:hover{
	background-color: black;
	}
.botonCotizar:link{
	text-decoration: none;
}
.botonCotizar:visited{
	text-decoration: none;
	}
.botonCotizar:hover{
	text-decoration: none;
	}
.botonCotizar:active{
	text-decoration: none;
    }

.cintillo{
 background-color: white;
	padding: 1em 2em 1em 2em;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400; 
	font-size: 1.4em;
	 line-height: 1.3;
}
.seccionPortadas{
	background-color: white;
	padding-bottom: 1em;
	float: left;
}
.portadas{
	width:33%;
	float: left;
	text-align: center;
}
.fotoPortada{
	max-width: 90%;
}
.contacto{
	background-color: white;
	text-align: center;
	margin:auto;
}
.cien{
	font-family: 'Roboto Condensed', sans-serif; font-weight: 100;
	font-size: 1.2em;
}
.signos{
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
	font-size:1.6em;
}
#whats, #contForm, #contTel{
	margin-bottom: 1em;
}
.direccion{
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#nom, #cor, textarea{
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
	font-size:1.2em;
	width:100%;
	padding: 10px;
	background-color:lightgray;
	border: none;
	border-radius: 3px;

	}
#limpiar,#enviar{
    background-color: white;
    padding: 4px 8px;
    border: 1px solid black;
	cursor: pointer;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
	font-size:1.2em;
	border-radius: 3px;
	}
#limpiar:hover,#enviar:hover{
    background-color: black;
    color:white;
    }

@media screen and (min-width: 800px){
	.frases{
		font-size: 2.2em;
	}
	

#texto01{
	-webkit-animation: muevetexto01 10s infinite;
	-moz-animation: muevetexto01 10s infinite;
	-ms-animation: muevetexto01 10s infinite;
	}
#texto02{
	-webkit-animation: muevetexto02 10s infinite;
	-moz-animation: muevetexto02 10s infinite;
	-ms-animation: muevetexto02 10s infinite;
	}					
#texto03{
	-webkit-animation: muevetexto03 10s infinite;
	-moz-animation: muevetexto03 10s infinite;
	-ms-animation: muevetexto03 10s infinite;
	}
#texto04{
	-webkit-animation: muevetexto04 10s infinite;
	-moz-animation: muevetexto04 10s infinite;
	-ms-animation: muevetexto04 10s infinite;
	}
				
@-webkit-keyframes muevetexto01 {
  0%    { margin-top: 0; }
 12.5%  { margin-top: 0; }
  25%   { margin-top: -150px; }
37.5%   { margin-top: -150px; }
  50%   { margin-top: -150px; }
62.5%   { margin-top: -150px; }
  75%   { margin-top: -150px; }
87.5%   { margin-top: -150px; }
 100%   { margin-top: -150px; }
/*opacity: 0.2;
		filter: Alpha(opacity=50);*/
}
@-webkit-keyframes muevetexto02 {
   0%    { margin-top: 0px; }
 12.5%   { margin-top: 0px; }
   25%   { margin-top: 66px; }
 37.5%   { margin-top: 66px; }
   50%   { margin-top: -70px; }
 62.5%   { margin-top: -70px; }
   75%   { margin-top: -70px; }
 87.5%   { margin-top: -70px; }
  100%   { margin-top: -70px; }
}
@-webkit-keyframes muevetexto03 {
    0%   { margin-top: 0px; }
 12.5%   { margin-top: 0px; }
   25%   { margin-top: 0px; }
 37.5%   { margin-top: 0px; }
   50%   { margin-top: 51px; }
 62.5%   { margin-top: 51px; }
   75%   { margin-top: -70px; }
 87.5%   { margin-top: -70px; }
  100%   { margin-top: -70px; }
}
@-webkit-keyframes muevetexto04 {
    0%   { margin-top: 0px; }
 12.5%   { margin-top: 0px; }
   25%   { margin-top: 0px; }
 37.5%   { margin-top: 0px; }
   50%   { margin-top: 0px; }
 62.5%   { margin-top: 0px; }
   75%   { margin-top: 37px; }
 87.5%   { margin-top: 37px; }
  100%   { margin-top: 37px; }
}
	#cotizar{
		margin-top: 3em;
	
	}
	.botonCotizar{
		font-size: 1.8em;
	}
	.cintillo{
		font-size: 2em;
	}

}