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

/*******TOP*********/

#top_menu{
	height:110px;
}

#top_menu img{
	height:80%;
	margin-top:15px;
	margin-left:15px;
}

#top_logo{
	width:106px;
	height:84px;
	margin-left:25px;
	margin-top:15px;
}




#top_buttons{
	font-size:13px;
	/*margin-top:77px;
	margin-right:25px;*/
	bottom:5px;
	right:5px;
}

#top_buttons span{
	height:10px;
}

#space{
	height:770px;
}

#home_mouse_content{
	display:none;
}


/******TECNOLOGIA*********/

.tecnologia_front{
	width:500px !important;
	height:460px !important;
	margin-left:calc(50% - 250px);
}


/******SERVICIOS******/

.servicios {
	background-size:340px auto;
}

/********CONTACTO*******/

.contactop{
	height:auto !important;
	padding-bottom:90px;
}

#contacto_content_data{
	width:95%;
	margin-left:3%;
}

#contacto_content_data:last-child{
	margin-top:20px;
	width:95%;
	margin-left:3%;
}

#contacto_content_data iframe{
	width:99% !important;
}

/**********NEWSLETTER*********/

.newsletter{
	height:185px !important;
}

#newsletter_content{
	margin-top:30px;
}

#newsletter_content_left{
	width:90%;
	margin-left:5%;
}

#newsletter_content_right{
	width:90%;
	margin-left:5%;
	margin-top:25px;
}

#newsletter_content_right form input[type='text']{
	width:calc(49% - 10px);
	margin:0;
}

#newsletter_content_right form input:nth-of-type(2){
	margin-left:1%;
}

#newsletter_content_right form input[type='submit']{
	float:right;
	margin-top:10px;
}

/********PIE********/

.pie{
	height:285px !important;
	background:#FFF;
}

#pie_content{
	margin-top:45px;
}

#pie_content_info{
	width:100%;
}

#pie_content_info:last-of-type{
	margin-top:30px;
}

#pie_content_info p{
	text-align:center;
}

#pie_content_info p:first-of-type{
	margin-top:0;
}

#top_navigation{
	bottom:190px;
}

#top_navigation h1{
	font-size:28px;
}

#home_mouse{
	bottom:255px;
}



@media screen and (max-width:500px) 
/*and (orientation: portrait) */ {
	
	
	/*#top_menu{
		display:none;	
	}
	
	#phone_menu{
		display:block;
		position:fixed;
		top:0;
		width:100%;
		height:55px;
		background-color:rgba(3,3,3,0.35);
		z-index:1000;
		overflow:hidden;
	}
	
	#phone_menu a{
		margin:auto;
		padding-right:30px;
		height:20px;
		padding-top:6px;
		text-decoration:none;
		color:#FFF;
		font-family:"Roboto";
		font-weight:lighter;
		font-weight:100;
		font-size:16px;
		background:url(../images/menu_image.png) no-repeat center right;
		display:table;
		margin-top:17px;
		overflow:hidden;
	}
	
	#phone_menu a:hover{
		color:#CCC;
	}
	
	#phone_buttons{
		width:98%;
		margin-left:1%;
		border-top:1px dashed #FFFFFF;
		margin-top:15px;
	}
	
	#phone_buttons a{
		width:100%;
		text-align:center;
		background:none;
		margin-top:12px;
		font-size:14px;
		padding:0;
		height:auto;
	}
	
	#phone_buttons a:hover{
		color:#009bdb;
	}
	
	#space{
		height:370px;
	}
	
	.home{
		margin-top:0px;
		height:370px;
	}
	
	#phone_logo{
		position:absolute;
		top:80px;
		display:block;
		margin:auto;
		z-index:100;
		margin-left:calc(50% - 78px);
	}
	
	#top_navigation{
		bottom:-60px;
	}
	
	#home_mouse{
		bottom:10px;
	}
	
	#top_navigation h1{
		font-size:21px;
	}
	
	#moda_copete h2{
		font-size:26px;
	}
	
	#moda_copete span{
		font-size:21px;
	}*/
	
	/*****MODA*****/
	
	#moda_buttons{
		display:none;
	}
	
	#moda_texts p{
		display:table;
		width:90%;
		margin-left:5%;
		margin-top:20px;
	}
	
	
	#moda_texts span{
		display:table;
		padding:6px 10px;
		border-radius:5px;
		font-family:"Roboto";
		font-weight:lighter;
		font-size:14px;
		color:#FFF;
		text-decoration:none;
		position:relative;
		margin:auto;
		margin-top:20px;
	}
	
	#moda_texts span.desarrollo{
		background-color:#aea8a2;
	}
	
	#moda_texts span.desarrollo img{
		margin-left:32px;
	}
	
	#moda_texts span.modelaje{
		background-color:#008c9f;
	}
	
	#moda_texts span.modelaje img{
		margin-left:25px;
	}
	
	#moda_texts span.tendencias{
		background-color:#5bca79;
	}
	
	#moda_texts span.tendencias img{
		margin-left:31px;
	}
	
	#moda_texts span img{
		position:absolute;
		display:block;
		margin-top:12px;
	}
	
	.proceso{
		height:890px !important;
	}
	
	.proceso_copete{
		margin-top:60px !important;
	}
	
	#proceso_info{
		margin-top:50px;
	}
	
	#proceso_info_conteiner{
		width:100%;
		margin-bottom:20px;
	}
	
	#proceso_info_conteiner img{
		width:30%;
	}
	
	#proceso_info_conteiner h2{
		font-size:19px;
		margin-top:15px;
	}
	
	#proceso_info_conteiner span{
		font-size:14px;
		margin-top:0;
	}
	
	/********TEXNOLOGIA******/
	
	.tecnologia_front{
		width:90% !important;
		height:290px !important;
		background-color:rgba(0,0,0,0.5);
		margin-left:5%;
		
	}
	
	.tecnologia_copete{
		margin-top:60px !important;
	}
	
	#tecnologia_texts{
		font-size:13px;
		line-height:16px;
		padding:20px;
	}
	
	/**********SERVICIOS*********/
	
	.servicios{
		height:800px !important;
	}
	
	.servicios div:first-of-type{
		margin-top:60px !important;
	}
	
	#moda_texts span.horma{
		background-color:#87c0d9;
	}
	
	#moda_texts span.horma img{
		margin-left:15px;
	}
	
	#moda_texts span.disenio{
		background-color:#7b9aa3;
	}
	
	#moda_texts span.disenio img{
		margin-left:16px;
	}
	
	#moda_texts span.zapato{
		background-color:#aea8a2;
	}
	
	#moda_texts span.zapato img{
		margin-left:52px;
	}
	
	#moda_texts span.plantilla{
		background-color:#008c9f;
	}
	
	#moda_texts span.plantilla img{
		margin-left:25px;
	}
	
	/*********CONTACTO**********/
	
	#moda_copete.contacto_copete{
		margin-top:65px !important;
	}
	
	#contacto_content_data form label{
		display:none;
	}
	
	#contacto_content_data form input[type="text"], #contacto_content_data form textarea{
		width:96%;
	}
	
	/******NEWSLETTER******/
	
	.newsletter{
		height:215px !important;
	}
	
	#newsletter_content_left{
		width:80%;
		margin-left:10%;
		font-size:19px;
		float:left;
		padding-top:0;
		height:33px;
	}
	
	#newsletter_content_right{
		margin-left:0;
		width:100%;
	}
	
	#newsletter_content_right form input[type="text"]{
		width:calc(90% - 10px);
		margin-left:5%;
	}
	
	#newsletter_content_right form input: nth-of-type(2){
		margin-left:5%;
		margin-top:5px;
	}
	
	#newsletter_content_right form input[type="submit"]{
		margin-right:5%;
	}
	
	/*********SINERGIA**************/
	
	.sinergia{
		height:570px !important;
	}
	
	#moda_copete.sinergia_copete{
		margin-top:60px !important;
	}
	
	#sinergia_hp p{
		margin:auto;
		width:80%;
		margin-top:30px;
	}
	
}

@media screen and (max-width:500px) and (orientation: landscape) {
	
	#top_menu{
		height:80px;
	}
	
	#top_menu.minimised{
		animation:none;
		height: 80px;
	}
	
	#top_buttons.minimised{
		bottom:0 !important;
	}
	
	#top_menu img.minimised{
		height:80%;
		margin-top:15px;
		margin-left:15px;
	}
	
	#top_buttons{
		font-size:9px;
		right:0;
	}
	
	#top_buttons span {
		height: 10px;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 0;
	}
	
	#top_navigation{
		bottom:-120px;
	}
	
	#top_navigation h1{
		font-size:18px;
	}
	
	#home_mouse {
		bottom: 5px;
	}
	
	#top_navigation_buttons{
		margin-top:4px;
	}
	
	#home_mouse p{
		font-size:10px;
		margin-bottom:0;
	}
}

@media screen and (max-width:500px) and (orientation: portrait) {
	#top_menu{
		display:none;	
	}
	
	#phone_menu{
		display:block;
		position:fixed;
		top:0;
		width:100%;
		height:55px;
		background-color:rgba(3,3,3,0.35);
		z-index:1000;
		overflow:hidden;
	}
	
	#phone_menu a{
		margin:auto;
		padding-right:30px;
		height:20px;
		padding-top:6px;
		text-decoration:none;
		color:#FFF;
		font-family:"Roboto";
		font-weight:lighter;
		font-weight:100;
		font-size:16px;
		background:url(../images/menu_image.png) no-repeat center right;
		display:table;
		margin-top:17px;
		overflow:hidden;
	}
	
	#phone_menu a:hover{
		color:#CCC;
	}
	
	#phone_buttons{
		width:98%;
		margin-left:1%;
		border-top:1px dashed #FFFFFF;
		margin-top:15px;
	}
	
	#phone_buttons a{
		width:100%;
		text-align:center;
		background:none;
		margin-top:12px;
		font-size:14px;
		padding:0;
		height:auto;
	}
	
	#phone_buttons a:hover{
		color:#009bdb;
	}
	
	#space{
		height:370px;
	}
	
	.home{
		margin-top:0px;
		height:370px;
	}
	
	#phone_logo{
		position:absolute;
		top:80px;
		display:block;
		margin:auto;
		z-index:100;
		margin-left:calc(50% - 78px);
	}
	
	#top_navigation{
		bottom:-60px;
	}
	
	#home_mouse{
		bottom:10px;
	}
	
	#top_navigation h1{
		font-size:21px;
	}
	
	#moda_copete h2{
		font-size:26px;
	}
	
	#moda_copete span{
		font-size:21px;
	}
}