/*-----------------------------------------------------------------------------------IPAD*/

@media only screen and (max-width:1024px) {



	.wrap {
		top: 40px;
	}


	/*--------------------------------------------------TOP BAR*/

	#top_bar {
		height: 40px;
	}

	#top_bar .logo {
		width: 70px;
		top: 5px;
		height: 30px;
	}


	#top_bar .menu {
		width: 106%;
		height: 100%;
		position: absolute;
		left: -3%;
		right: 0%;
		top: 0px;
		display: table;
		z-index: -1;
		background-color: rgba(255, 255, 255, 0.8);
		transition: all 0.4s ease-in-out;

	}

	#top_bar .menu:before{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 5;
		background-color: white;
		top: 0px;
		transition: all 0.4s ease-in-out;
	}

	#top_bar .menu_activo {
		top: 40px;
	}

	#top_bar .menu_activo:before{
		content: "";
		top: -40px;
		transition: all 0.4s ease-in-out;
	}

	#top_bar .menu p {
		bottom: 15%
	}

	#top_bar .menu_movil_boton {
		width: 25px;
		height: 20px;
		position: absolute;
		right: 20px;
		display: block;
		top: 25%;
		cursor: pointer;
	}

	#top_bar .menu_movil_boton .boton {
		width: 100%;
		height: 3px;
		border-radius: 2px;
		position: absolute;
		top: 45%;
		background-color: #f5ac39;
		transition: all 0.2s ease-in-out;
	}

	#top_bar .menu_movil_boton .boton:before {
		content: "";
		width: 100%;
		height: 3px;
		position: absolute;
		top: -7px;
		background-color: #f5ac39;
		transition: all 0.2s ease-in-out;
	}

	#top_bar .menu_movil_boton .boton:after {
		content: "";
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: -7px;
		background-color: #f5ac39;
		transition: all 0.2s ease-in-out;
	}

	#top_bar .menu_movil_boton .cerrar {
		background-color: transparent;
	}

	#top_bar .menu_movil_boton .cerrar::before{
		transform: rotate(45deg);
		top: 0%;
	}

	#top_bar .menu_movil_boton .cerrar::after{
		transform: rotate(-45deg);
		bottom: 0%;
	}

	/*--------------------------------------------------PORTADA*/

	#portada {
		height: 400px;
	}

	#portada .timer {
		display: none
	}

	#portada .slide_1,
	#portada .slide_2,
	#portada .slide_3 {
		display: none
	}

	#portada .portada_movil {
		height: 100%;
		background-image: url(../images/bg_slide_1.jpg);
		background-size: cover;
		background-position: center;
		display: block;
	}

	#portada .portada_movil .cuadro {
		margin: 0 auto;
		width: 95%;
		max-width: 550px;
		background-color: #fff;
	}

	#portada .portada_movil .cn {
		width: 90%;	
		padding: 20px 0px 20px 0px
	}

	#portada .portada_movil .cuadro .text p {
		color: #f5ac39
	}

	#portada .portada_movil .text p:nth-child(1) {
		font-size: 42px;
		line-height: 50px;
		color: #5e5e5e
	}

	#portada .portada_movil .text p:nth-child(2) {
		font-size: 47px;
		line-height: 40px;
	}

	#portada .portada_movil .text p:nth-child(3) {
		font-size: 65px;
		font-weight: bold;
	}

	#portada .portada_movil .cuadro h1 {
		margin-top: 10px;
		font-size: 18px;
		line-height: 25px
	}

	#portada .portada_movil .cuadro img {
		width: 100px;
	    position: absolute;
	    top: 30px;
	    right: 25px;
	}

	/*--------------------------------------------------EMPRESA*/

	#empresa {
		overflow: hidden;
	}

	#empresa .titulo_empresa {
		font-size: 34px;
		line-height: 39px;
	}

	#empresa .silueta_cont {
	    max-width: 335px
	}

	#empresa .fumeta {
		max-width: 244px;
		height: 244px;
	}

	#empresa .fumeta p:nth-child(1){
		padding-top: 40px;
		width: 80%;
		font-size: 16px;
		line-height: 19px;
	}

	#empresa .fumeta p:nth-child(2) {
		font-size: 14px;
		line-height: 20px;
	}

	#empresa .informacion {
		max-width: 257px;
	}

	#empresa .informacion h1 {
		font-size: 23px;
		line-height: 28px;
	}

	#empresa .informacion p {
		font-size: 15px;
		line-height: 22px;
		margin-top: 25px;
	}

	#empresa .script h1 {
		font-size: 34px;
	}

	#empresa .script .secciones {
		width: 95%;
	}

	#empresa .script .info p {
		font-size: 16px;
    	line-height: 22px;
	}

	#empresa .script .cerebro img {
		max-width: 175px;
	}

	#empresa .script .cerebro .nuevo {
		width: 104px;
		right: 60px;
	}

	#empresa .script .cerebro .medio {
		width: 127px;
		right: 52px;
	}

	#empresa .script .cerebro .reptil {
		width: 107px;
		right: 85px;
	}

	/*--------------------------------------------------HABLEMOS*/

	#hablemos h1 {
		font-size: 30px;
	}

	/*--------------------------------------------------SERVICIOS*/

	#servicios {
		overflow: hidden;
		padding-bottom: 100px;
	}

	#servicios .info h1 {
		font-size: 40px;
		line-height: 43px;
	}

	#servicios .info p {
		font-size: 18px;
	}

	#servicios .persona img {
		max-width: 314px;
	}

	/*--------------------------------------------------CONTACTO*/

	#contacto {
		padding-top: 0px;
		background-image: none;
	}

	#contacto .espacio {
		display: none
	}

	#contacto h1 {
		font-size: 60px;
	}

	#contacto p {
		font-size: 26px;
	}


}

/*-----------------------------------------------------------------------------------OTROS*/

@media only screen and (max-width:480px) {

	/*--------------------------------------------------PORTADA*/

	#portada .portada_movil .text p:nth-child(1) {
		font-size: 37px;
		line-height: 50px;
	}

	#portada .portada_movil .text p:nth-child(2) {
		font-size: 42px;
		line-height: 32px;
	}

	#portada .portada_movil .text p:nth-child(3) {
		font-size: 47px;
	}

	#portada .portada_movil .cuadro h1 {
		font-size: 16px;
		line-height: 20px;
	}


	#portada .portada_movil .cuadro img {
		width: 75px;
	}
	
	/*--------------------------------------------------EMPRESA*/

	#empresa {
		padding-top: 50px;
		overflow: hidden;
	}

	#empresa .titulo_empresa {
		font-size: 29px;
		line-height: 35px;
	}

	#empresa .contact {
		margin-top: 45px;
	}

	#empresa .silueta_cont {
		display: none
	}

	#empresa .fumeta:before {
		display: none
	}

	#empresa .fumeta {
		position: inherit;
		margin: 0 auto;
		max-width: 315px;
		height: 303px;
	}

	#empresa .fumeta p:nth-child(1) {
		padding-top: 42px;
		font-size: 25px;
		line-height: 29px;
	}

	#empresa .fumeta p:nth-child(2) {
		font-size: 17px;
		line-height: 22px;
		margin-top: 13px;
	}

	#empresa .informacion {
		margin: 0 auto;
		margin-top: 40px;
		position: inherit;
		max-width: 90%;
	}

	#empresa .informacion h1 {
		font-size: 26px;
		line-height: 32px;
		text-align: center
	}

	#empresa .informacion p {
		text-align: justify;
		font-size: 17px;
		line-height: 25px;
	}

	#empresa .script {
		margin-top: 20px;
	}

	#empresa .script h1 {
		font-size: 32px;
	}

	#empresa .script .secciones {
		margin-top: 60px
	}

	#empresa .script .secciones .tbc {
		display: block;
		width: 100%;
	}

	#empresa .script .cerebro {
		margin-top: 50px
	}

	/*--------------------------------------------------HABLEMOS*/

	#hablemos h1 {
		padding: 90px 0px 90px 0px;
	}

	/*--------------------------------------------------SERVICIOS*/


	#servicios {
		padding-top: 70px;
	}

	#servicios .persona {
		display: none
	}

	#servicios .info h1 {
		font-size: 36px;
		line-height: 40px;
		text-align: center;
	}

	#servicios .info p {
		font-size: 17px;
		text-align: center
	}

	#servicios .puntos .tbc:first-child {
		font-size: 35px;
	}

	#servicios .puntos img {
		max-width: 32px;
	}

	#servicios .puntos {
		margin-top: 40px;
	}

	/*--------------------------------------------------CONTACTO*/

	#contacto .formulario .tbc {
		display: block;
		width: 100%
	}

	#contacto h1 {
		font-size: 50px;
		text-align: center
	}

	#contacto p {
		font-size: 16px;
		text-align: center
	}

	#contacto input[name="nombre"], 
	#contacto input[name="mail"] {
		display: block;
		margin: 0 auto;
	}

	#contacto input[name="mail"] {
		float: inherit;
		margin-top: 20px
	}

	#contacto textarea {
		display: block;
		margin: 0 auto;
		width: 90%;
		margin-top: 25px;
	}

	#contacto .contenedor {
		margin-top: 40px
	}

	#contacto .formulario .botones .tbc {
		width: 100%;
		margin-top: 15px
	}

	#contacto .formulario .botones .tbc:nth-child(1) {
		width: 100%;
	}

	#contacto .boton {
		margin: 0 auto;
	}

	#contacto .formulario .botones .tbc:nth-child(2) {
		margin-left: 20px;
		margin-top: 40px;
		width: 50%;
	}

	#contacto .formulario .botones .tbc:nth-child(3),
	#contacto .formulario .botones .tbc:nth-child(4) {
		margin-left: 20px;
		margin-top: 20px;
		width: 60%;
	}

}