@font-face {
	font-family: 'CenturyGothic';
	src:  url('../fonts/CenturyGothic/GOTHIC.TTF') format('truetype'),
	url('../fonts/CenturyGothic/GOTHIC.TTF.woff') format('woff'); 
	font-weight:normal;
}

@font-face {
	font-family: 'CenturyGothic';
	src:  url('../fonts/CenturyGothic/GOTHICB.TTF') format('truetype'),
	url('../fonts/CenturyGothic/GOTHICB.TTF.woff') format('woff'); 
	font-weight:bold;
}
	
html{
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	background:#F3F3F3;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:CenturyGothic;
	font-size:9.75pt;
	color:#4c4c4c;
}

div, header{
	box-sizing:border-box;
	/*border:dotted red 1px;	*/
}

ul{
	margin:0px;
	padding:0px;
}

a{
	text-decoration:none;
}

#whatsapp {
	background-image: url(../img/wp_button.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 18px;
	position: fixed;
	width: 42px;
	height: 50px;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}


header{
	width:1024px;
	height:136px;
	display:block;
	margin:0px auto;
}

	#logo{
		background-image:url(../img/logo.png);
		background-repeat:no-repeat;
		width:259px;
		height:112px;
		margin:22px 0px 0px 14px;
		float:left;
	}
	
	#menu{
		width:751px;
		height:136px;
		float:left;
		border:dotted 0px blue;
	}
	
		#menu>p{
			font-family:CenturyGothic;
			font-size:18pt;
			color:#3a3a3c;
			margin:0px;
			height:66px;
			width:751px;
			padding:19px 17px 0px 0px;
			text-align:right;
			display:block;
			overflow:hidden;
			box-sizing:border-box;
		}
			#menu>p a{
				color:#3a3a3c;
			}		
			#menu>p span{
				background-image:url(../img/sprite.png);
				background-repeat:no-repeat;
				padding-left:34px;
				margin-left:14px;
			}				
			
				#menu>p span:first-child{
					background-position:0px 2px;
				}					
				
				#menu>p span:last-child{
					background-position:0px -27px;
				}
		
		#menu>nav{
			width:751px;
			height:71px;
			border:dotted 0px red;
			margin:0px;
			padding:0px;
			font-family:CenturyGothic;
			font-size:11.25pt;
		}		
		
			#menu>nav ul{
				list-style-type:none;	
			}
			
				#menu>nav ul li{
					float:left;
					background-image:url(../img/sprite.png);
					background-position:0px -58px;
					background-repeat:no-repeat;
					height:41px;
					border:dotted 0px red;
					padding:12px 20px 0px 20px;
					overflow:hidden;
					box-sizing:border-box;
				}
				
					#menu>nav ul li:first-child{
						background-image:none;
					}
				
					#menu>nav ul li a{
						color:#636363;						
					}					
					
						#menu>nav ul li a:hover{
							font-weight:bold;
							color:#2582bf;
							border-bottom:solid 1px #e61d24;
						}

#contenido{
	width:1024px;
	min-height:600px;
	display:block;
	margin:0px auto;
	border:dotted 0px red;
	text-align:left;
}

/*
#contenido *,
#contenido:not(#map_canvas),
#contenido:not(option),
#contenido:not(.no-visible),
#contenido:not(#loading),
#contenido:not(#lugar_planta),
#contenido:not(#menu_tipo_productos),
#contenido:not(.non-animate *){
	opacity:0
}
*/

	.grafico{
		background-image:url(../img/loading-white.gif);
		background-position:center;
		background-repeat:no-repeat;
	}

	.tab_white{
		width:751px;
		background-color:#FFF;
		float:right;

	}
	
	.descripcion h3{
		text-align:left;
		font-family:CenturyGothic;
		font-size:19pt;
		color:#2582bf;
		font-weight:bold;
		margin:0px;
		overflow:hidden;
	}
	
		.descripcion h3 span{
			border:dotted 0px red;
			display:block;
			position:absolute;
			width:50%;
			height:24px;
			background-image:url(../img/tres_lineas.png);
			background-repeat:repeat-x;
			background-position:bottom;
		}
	
		.sub_rectangulo{
			width:100%;
			height:210px;
			border:solid 0px red;
			position:relative;
			overflow:hidden;
		}
		
			.sub_rectangulo .foto{
				background:#666666;
				height:100%;
				width:50%;
			}
			
			.sub_rectangulo .descripcion{
				font-family:'CenturyGothic';
				font-size:12pt;
				background:#FFF;
				height:100%;
				width:50%;
			}
			
			.sub_rectangulo .descripcion p{
				margin:10px ;
				text-align:justify;
				font-size:9pt;
			}
			
			.sub_rectangulo .descripcion h3{
				text-align:left;
				font-size:19pt;
				color:#2582bf;
				background-color:#FFF;
				padding:5px 10px 5px 10px;
				z-index:1;
				width:433px;
				box-sizing:border-box;
				position:relative;
				font-weight:bold;
			}
			
				.sub_rectangulo .descripcion h3 span{
					border:dotted 0px red;
					display:block;
					position:absolute;
					width:100%;
					height:24px;
					background-image:url(../img/tres_lineas.png);
					background-repeat:repeat-x;
					background-position:bottom;
				}
			
			.sub_rectangulo:nth-child(even){
				/*background:#066;*/
			}
			
			.sub_rectangulo:nth-child(even) .foto{
				
				float:right;
			
			}
			
			.sub_rectangulo:nth-child(even) .descripcion{
				float:left;
			}
			
			.sub_rectangulo:nth-child(odd) .descripcion h3{
				margin:10px 0px 0px -100px;
				width:150%;
			}
			
			.sub_rectangulo:nth-child(odd){
				/*background:#600;*/
			}
			
			.sub_rectangulo:nth-child(odd) .foto{
				float:left;
			}
			
			.sub_rectangulo:nth-child(odd) .descripcion{
				float:right;
			
			}
			
			.sub_rectangulo:nth-child(1){
				background:#e6d9ce;
			}
			.sub_rectangulo:nth-child(2){
				background:#5bd2d5;
			}			
			.sub_rectangulo:nth-child(3){
				background:#db1916;
			}
			.sub_rectangulo:nth-child(4){
				background:#bb917a;
			}
			.sub_rectangulo:nth-child(5){
				background:#144897;
			}			
			.sub_rectangulo:nth-child(6){
				background:#a18454;
			}			
					

#nosotros, #clientes, #contactenos, #productos{
	padding:35px 50px;
	position:relative;
}

#productos{
	display:inline-block;
}

	#nosotros h3{
		margin-top:20px;
	}
	
	#nosotros .grafico{
		position:absolute;
		bottom:0px;
		left:-273px;
	}
	
	#nosotros .descripcion:nth-child(2){
		margin-left:30px;
	}	
	
	#nosotros .descripcion:nth-child(3){
		margin-left:90px;
	}


#cliente{
}

	#clientes .lista_doble{
		border: dotted 0px red;
		display:inline-block;
		width:100%;
	}
	
		#clientes .lista_doble ul{
			list-style-type:disc;
			list-style-position:inside;
			border: dotted 0px red;
			display:block;
			width:50%;
			float:left;
			box-sizing:border-box;
			padding:16px 0px 16px 20px;
		}
		
		#img_cliente{
			border: dotted 0px red;
			width:651px;
			height:250px;
		}
		
		
			#img_cliente .frame{
				float:left;
				width:217px;
			}
			
				#img_cliente .frame>div{
					width:217px;
					height:217px;
					overflow:hidden;
				}
													
					
				#img_cliente p{
					border:dotted 0px red;
					width:100%;
					text-align:center;
					margin:5px 0px;
					color:#b0b0b0;
				}
				
	#clientes .grafico{
		position:absolute;
		bottom:0px;
		left:-273px;
	}	
	
#contactenos{
}
	#contactenos hr{
		border-top:solid 1px 4791c5;
		width:100%;
		margin:20px 0px 0px -50px;
	}
	
	#contactenos .lugar{
		border:dotted 0px red;
		display:inline-block;
		width:100%;
	}
	
		#contactenos .lugar h4{
			font-family:CenturyGothic;
			font-size:17.33pt;
			color:#4791c5;
			font-weight:normal;
			margin:20px;
		}
		
		#contactenos .lugar h2{
			width:273px;
		}	
	
	
		#contactenos .lugar>div{
			width:50%;
			float:left;
			border:dotted 0px red;
		}
		
			#contactenos .lugar ul{
				list-style-type:none;
				margin:0px 40px;
			}
			
				#contactenos .lugar ul li{
					background-image:url(../img/sprite.png);
					background-repeat:no-repeat;
					padding:0px 0px 4px 30px;
					
				}				
			
				#contactenos .lugar ul li.icon_carrito{
					background-position:0px -99px;
					
				}
				
				#contactenos .lugar ul li.dir_contacto{
					background-position:0px -140px;
				}
				
				#contactenos .lugar ul li.icon_telephone{
					background-position:0px -181px;
				}
											
				#contactenos .lugar ul li.icon_email{
					background-position:0px -222px;
				}
				
				#contactenos .lugar ul li.icon_herramienta{
					background-position:0px -263px;
				}															
	#contactenos .grafico{
		position:absolute;
		bottom:0px;
		left:-273px;
		width:273px;
		overflow:hidden;
	}	

#ubicacion{
	position:relative;
}

	#lugar_planta{
		opacity:0;
		left:273px;
	}
	
	#ubicacion .lugares{
		position:absolute;
		bottom:0px;
		left:-273px;
		width:273px;
		height:501px;
		overflow:hidden;
	}
	
	#ubicacion .lugares .lugar{
		position:absolute;
		bottom:0px;
	}	
		#ubicacion .lugares .lugar a{
			background-image:url(../img/sprite.png);
			background-repeat:no-repeat;
			background-position:10px -295px;
			padding:10px 20px 10px 30px;
			border:dotted 0px red;
			color:#4d4d4d;
			
		}
		
			#ubicacion .lugares .lugar a:hover{
				background-image:url(../img/sprite.png);
				background-position:10px -335px;
				color:#fff;
				background-color:#2582bf;
			}		
		
		
		#ubicacion .lugares h3{
			font-family:CenturyGothic;
			font-weight:normal;
			padding:10px;
			margin:0px;
		}
		
		#ubicacion .lugares h2{
			font-family:CenturyGothic;
			font-weight:normal;
			background-color:#4791c5;
			color:#FFF;
			font-size:17.3pt;
			padding:10px;
			margin:0px;
		}
		
		#ubicacion .lugares p{
			font-size:9pt;
			padding:10px 10px 10px 40px;
			margin:0px;
		}					

#productos{
}

	#productos .menu_productos{
		position:absolute;
		/*bottom:0px;*/
		left:-273px;
		width:273px;
		min-height:501px;
		overflow:hidden;
	}
	
	#productos .vitrina{
		display:inline-block;
	}
	
		#productos .vitrina img{
			display:inline-block;
			width:216;
			height:150;
			border:none;
			
		}
	
	
	
	.menu_cat{
	width:100%;
	border:0px solid red;
	text-align:center;
	height:37px;
	}
	.menu_cat ul{
		list-style-type:none;
		padding:0px;
		margin:0px auto 0px auto;
		display:inline-block;
		text-align:center;
	}
	.menu_cat ul li{
		font-family:'CenturyGothic';
		font-size:12pt;
		float:left;
		padding:0px 5px ;
		margin:8px 0px;
		text-align:center;
		width:auto;
		color:#78ABD3;
	}
	.menu_cat ul li a{
		font-size:12pt;
		text-decoration:none;
		color:#78ABD3;
		display:block;
		transition:all 0.3s;
		text-transform:capitalize;	
	}
	.menu_cat ul li a:hover, .menu_cat .selected{
		color:#E93F45;
	}
	
		.menu_cat .selected{
			cursor:default;
		}
	
	.galeria_productos{
	margin:30px -10px;
	width:687px;
	/*height:396px;*/
	border:0px solid red;
	text-align:center;
	float:left;
	display:inline-block;
	height:auto;
	}
	.galeria_img{
		background-image:url(../img/loading-white.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:229px;
		height:229px;
		border:0px solid red;
		text-align:center;
		display:inline-block;
		float:left;
		cursor:pointer;
		overflow:hidden;
		margin:0px;
	}
	.texto{
		font-family:'CenturyGothic';
		font-size:12pt;
		width:229px;
		height:27px;
		color:#FFF;
		border:0px solid red;
		text-align:center;
		position:relative;
		bottom:0px;
		transition:all 0.5s;
		background-color:rgba(37,130,191,0.5);
	}
	
	.galeria_img:hover .texto{
		bottom:30px;
	}
	
#menu_tipo_productos{
	width: 228px;
	min-height: 483px;
	border: 0px solid #808080;
	padding: 0px 0px 0px 0px;
	margin: 80px 0px 0px 28px;
	float: left;
}

#menu_tipo_productos a{
	color:#2582bf;
	border:dotted 0px red;
	text-transform:capitalize;
}

#menu_tipo_productos ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	border: 0px solid blue;
}
#menu_tipo_productos ul li{
	border: 0px solid green;
	font-family:'CenturyGothic';
	font-size:12pt;
	font-weight:bold;
	padding:0px 5px ;
	margin:8px 0px;
	text-align:left;
	width:95%;
	transition:all 1s;	
	color:#2682BF;
}

#menu_tipo_productos>ul>li>ul{
	display:none;	
}

#menu_tipo_productos>ul>li>span{
	width:100%;
	display:block;
}

#menu_tipo_productos>ul>li>span>a{
	display:block;
}

#menu_tipo_productos>ul>li>ul>li{
	font-weight:normal;
}

#menu_tipo_productos>ul>li>span>a:hover,
#menu_tipo_productos>ul>li>span>a.selected
{
	border: 0px solid red;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	width:100%;
	border-bottom:solid 1px red;
	cursor:pointer;
}

#menu_tipo_productos>ul>li>ul>li>span>a{
	padding-left:18px;
}

#menu_tipo_productos>ul>li>ul>li>span>a:hover{
	color:#e61d24;
}


#menu_tipo_productos>ul>li>ul>li>span.selected>a{
	color:#e61d24;
	background-image:url(../img/sprite.png);
	background-position:-6px -386px;
	background-repeat:no-repeat;
}

.clearfloat{
	clear:both;
}

#formulario_contacto{
	position:relative;
	border:dotted 0px blue;	
	margin:40px 10px;
	width:485px;
	min-height:407px;	
}

footer{
	clear:both;
	margin:50px 0px;
}

footer a{
	color:#666;
}

footer a:hover{
	color:#999;
	font-weight:bold;
}

#jumbotron{
	width:100%;
	border:dotted 0px red;
	height:479px;
	overflow:hidden;
	position:relative;
}

	#jumbotron .diapositiva{
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		opacity:0;
	}
	
		#jumbotron .diapositiva img{
			position:absolute;
		}
			
		#jumbotron .diapositiva .cartel{
			background-color:#b7050b;
			color:#FFF;
			display:inline-block;
			position:absolute;
			font-size:21.23pt;
			padding:5px 40px;
		}
	
			#jumbotron .diapositiva .cartel h2{
				font-size:40.53pt;
				font-weight:normal;
				display:block;
				margin:0px;
				padding:0px;
			}
			
			#jumbotron .diapositiva .cartel h3{
				margin:-10px  0px  0px 50px;
				font-weight:normal;
				display:block;
			}	

.hoja1{
	left:520px;
	top:40px;
}

.hoja2{
	left:0px;
	top:40px;
}

.hoja3{
	left:0px;
	top:40px;
	
}

#blue_border{
	width:100%;
	height:62px;
	position:absolute;
	background-color:#244f8a;
	top:386px;
	z-index:-1;
}

#blue_border_thin{
	width:100%;
	height:8px;
	position:absolute;
	background-color:#244f8a;
	top:1064px;
	z-index:-1;
}

/*fijos*/

#loading{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:500px;
	background-color:#f3f3f3;
	background-image:url(../img/loading_body.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#map_canvas{
	width:751px;
	height:515px;
	border:solid 1px #4791c5;
}
		
form{
	border:dotted 0px red;
	width:100%;

}
	form p label{
		margin:8px 0px;
		border:dotted 0px red;
		float:left;
		box-sizing:border-box;
	}
	
	form p{
		display:inline-block;
		width:100%;
		margin:0px 0px 11px 0px;
		border:dotted 0px red;
	}
	
	form p.dress{
		display:none;
	}	
	
	form p:last-child{
		margin:0px;
		text-align:right;
	}

	input[type="text"], input[type="tel"], input[type="email"], select, textarea{
		border:solid 1px #78b2c3;
		border-radius:5px;
		padding:8px;
		font-family:verdana;
		color:#4f636d;
		box-sizing:border-box;	
	}
	
	input[type="text"], input[type="tel"], input[type="email"], select{
		width:330px;
		float:right;		
	}
	
	select option{
		margin:10px;
	}
	
	input[type="reset"], input[type="submit"]{
		background-color:#4791c5;
		color:white;
		text-align:center;
		border-radius:5px;
		border:none;
		padding:10px 20px;
		margin:0px 0px 0px 10px;
		width:130px;
		cursor:pointer;
		font-family:CenturyGothic;
	}
	
		input[type="reset"]:hover, input[type="submit"]:hover{
			background-color:#e61d24;
		}	
	
	textarea{
		width:100%;
		height:115px;
		resize:none;
		box-sizing:border-box;
	}
	
	/**/
	.box_response{
		padding:50px;
		border:dotted 0px green;
		position:absolute;
		top:0px;
		left:0px;
		background-color:rgba(255,255,255,0.5);
		width:100%;
		height:100%;
		box-sizing:border-box;
		display:none;
		opacity:0;
	}
				
	.box_response p:last-child{
		margin:40px 2px 2px 2px;
	}
					
	.box_response a{
		padding:10px;
		background-color:#4f636d;
		border-radius:5px;
		color:#FFF;
		text-decoration:none;
		cursor:pointer;
	}	
	
	.box_response a:hover{
		background-color:#1791d0;
	}	

.loading_sending{
	text-align:center;
	display:block;
	width:100%;
	height:376px;
	border:dotted 0px #FF0000;
	position:absolute;
	top:0px;
	left:0px;
	padding-top:40%;
	display:none;
}

.loading_sending p{
	background-image:url(../img/mail_sending.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block!important;
	padding-left:30px!important;
	width:auto!important;
	font-family:Futura;	
	font-size:12pt;
	margin-top:-20px;
	/*color:blac;*/
}

#frm_contact{
	margin:0px 40px;
}

#cortina{
	background:rgba(0,0,0,0.75);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:10;
}

#cortina .frame{
	padding:13px;
	background-color:rgba(255,255,255,0.95);
	display:inline-block;
	margin-top:50px;
	min-height:200px;
	min-width:200px;
}

#cortina .frameIMG{
	position:relative;
}


#cortina .frameIMG>div{
	opacity:0;
	position:absolute;
	/*border:#F00 solid 1px;*/
	bottom:0px;
	width:100%;
	height:100%;
	transition:all 1s;
}

#cortina .frameIMG>div:hover{

	opacity:1;
}

#cortina .frameIMG>div>div{
	background-color:rgba(0,0,0,0.5);
	text-align:left;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px;
	width:100%;
}

#cortina .frameIMG>div>div p{
	padding:10px 20px;
	color:#FFF;
}

#cortina .descripcion p{
	padding:0px;
	margin:5px 3px;
	border:dotted 0px red;
}


#cortina .descripcion p:first-child{
	font-family:'CenturyGothic';
	font-weight:bold;
	font-size:13pt;
}

#cortina .descripcion p span{
	font-family:'CenturyGothic';
	font-weight:normal;
	font-size:11pt;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	padding:1px 0px 1px 22px;
	border:dotted 0px red;
	height:auto;
}

#span_medidas{
	background-position:0px -427px;
}

#span_material{
	background-position:0px -468px;
}

#cortina .frame img{
	background-image:url(../img/loading-white.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:50%;
	width:auto;
	min-width:250px;
	min-height:250px;
	background-color:#FFF;
}

#cortina .descripcion{
	background-image:url(../img/logo_cortina.png);
	height:62px;
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
}

#div_te_ofrecemos{
	border:dotted 0px red;
}

#div_te_ofrecemos .vitrina_servicios{
	width:100%;
	border:dotted 0px blue;
}

#div_te_ofrecemos .vitrina_servicios .square_servicio{
	display:inline-block;
	margin-right:30px;
	width:318px;
	border:dotted 0px maroon;
}

#div_te_ofrecemos .vitrina_servicios .square_servicio h4{
	font-family:CenturyGothic;
	font-weight:normal;
	color:#b7050b;
	font-size:22.5pt;
	margin:0px;
	padding:8px 30px;
}

#div_te_ofrecemos .vitrina_servicios .square_servicio h4 i{
	font-style:normal;
	font-size:17pt;
	color:#2582bf;
	display:block;
	padding:0px 18px;
	margin:-5px 0px;
}

#div_te_ofrecemos .vitrina_servicios .square_servicio img{
	border-bottom:solid 1px #2582bf;
}

#div_te_ofrecemos .vitrina_servicios .square_servicio:last-child{
	margin-right:0px;
}

#div_te_ofrecemos .vitrina_servicios .square_servicio:nth-child(2) h4 i{
	padding:0px 70px;
}

#div_te_ofrecemos h3,
#div_confian_en_nosotros h3{
				text-align:left;
				font-size:30pt;
				color:#2582bf;
				background-color:#f3f3f3;
				padding:0px;
				margin:25px 14px 15px 14px;
				z-index:1;
				box-sizing:border-box;
				position:relative;
				font-weight:bold;
			}
			
				#div_te_ofrecemos h3 span,
				#div_confian_en_nosotros h3 span{
					border:dotted 0px red;
					display:block;
					position:absolute;
					width:100%;
					height:38px;
					background-image:url(../img/tres_lineas_gris.png);
					background-repeat:repeat-x;
					background-position:bottom;
				}

#div_confian_en_nosotros{
	border:dotted 0px blue;
}
	
#div_confian_en_nosotros h3{
	text-align:center;
	width:510px;
	margin:25px auto 15px auto;
}

#div_confian_en_nosotros .vitrina_confian{
	width:100%;
}

#div_confian_en_nosotros .vitrina_confian .square_confian{
	display:inline-block;
	width:238px;
	margin-right:19px;
}

#div_confian_en_nosotros .vitrina_confian .square_confian:last-child{
	margin-right:0px;
}


#div_confian_en_nosotros .vitrina_confian .square_confian h4{
	text-align:right;
	color:#2587c4;
	font-weight:normal;
	font-size:14pt;
	margin:0px 10px;
}

#productos.tab_white{
		width:751px;
		background-color:#FFF;
		float:right;
		display:inline-block;

	}

.menu_categorias_2{
	list-style-type:none;
	width:100$%;
}

	.menu_categorias_2 li:nth-child(even){
		border:dotted 0px red;
		display:block;
		background-color:#3e8bc6;
	}
	
	.menu_categorias_2 li:nth-child(odd){
		background-color:#002a6d;
	}	
	
	.menu_categorias_2 li a{
		color:white;
		font-family:Futura;
		font-size:25pt;
		padding:8px 20px;
		box-sizing:border-box;
		width:100%;
		margin:0px;
		display:block;
		text-transform:capitalize;
		transition:all 0.3s;
	}	
	
	.menu_categorias_2 li a:hover{
		color:white;
		font-family:Futura;
		font-size:25pt;
		padding:8px 20px 8px 40px;
		box-sizing:border-box;
		width:100%;
		margin:0px;
		display:block;
		text-transform:capitalize;
	}	
		
.submenu_categorias_2{
	list-style-type:none;
	width:100$%;
}

	.submenu_categorias_2 li:nth-child(even){
		border:dotted 0px red;
		display:block;
		background-color:#dc0e17;
	}
	
	.submenu_categorias_2 li:nth-child(odd){
		background-color:#f7242d;
	}	
	
	.submenu_categorias_2 li a{
		color:white;
		font-family:Futura;
		font-size:25pt;
		padding:8px 20px;
		box-sizing:border-box;
		width:100%;
		margin:0px;
		display:block;
		text-transform:capitalize;
		transition:all 0.3s;
	}	
	
	.submenu_categorias_2 li a:hover{
		color:white;
		font-family:Futura;
		font-size:25pt;
		padding:8px 20px 8px 40px;
		box-sizing:border-box;
		width:100%;
		margin:0px;
		display:block;
		text-transform:capitalize;
	}

.galeria_cliente{
	display:inline-block;
	margin:0px auto;
}


.frameCliente, .foto_cliente{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	
}

.foto_cliente{
	display:none;	
}

.galeria_cliente img{
	border:solid 5px #FFF;
	margin:10px;
	cursor:pointer;
}

	
.foto_cliente img{
	border:solid 5px #FFF;
	margin:10px;
	background-image:url(../img/loading-white.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFF;
	min-height:200px;
	min-width:200px;
}

.frameCliente h2{
	color:#FFF;
	font-weight:normal;
}

#clientes .square_confian{
	width:212px;
	overflow:hidden;
	display:inline-block;
	}
	
#clientes .square_confian img{
	width:100%;
	}	

#clientes .square_confian h4{
	text-align:center;
	font-weight:normal;
	margin:2px;
	}
	

@media only screen and (max-width: 768px) {
	#contenido{
		width:100%;
		display:block;
		overflow-x:hidden;
		position:relative;
		margin-bottom:0px;
		height:auto!important;
		border:solid red 0px;
	}
	
	.tab_white{
		width:100%;!important
		padding:10px;
		display:inline-block;
		height:auto
	}
	.grafico{
		display:none;	
	}
	
	.sub_rectangulo{
			width:100%;
			height:auto;
			border:solid 0px red;
			position:relative;
			overflow:hidden;
		}
		
			.sub_rectangulo .foto{
				background:#666666;
				height:auto;
				width:100%;
			}
			
			.sub_rectangulo .descripcion{
				font-family:'CenturyGothic';
				font-size:12pt;
				background:#FFF;
				height:100%;
				width:100%;
			}
			
			.sub_rectangulo .descripcion p{
				margin:10px ;
				text-align:justify;
				font-size:9.75pt;
			}
			
			.sub_rectangulo .descripcion h3{
				text-align:left;
				font-size:19pt;
				color:#2582bf;
				background-color:#FFF;
				padding:5px 10px 5px 10px;
				z-index:1;
				width:100%;
				box-sizing:border-box;
				position:relative;
				font-weight:bold;
			}
			
				.sub_rectangulo .descripcion h3 span{
					border:dotted 0px red;
					display:block;
					position:absolute;
					width:100%;
					height:24px;
					background-image:url(../img/tres_lineas.png);
					background-repeat:repeat-x;
					background-position:bottom;
				}
			
			.sub_rectangulo:nth-child(even){
				/*background:#066;*/
			}
			
			.sub_rectangulo:nth-child(even) .foto{
				
				float:none;
			
			}
			
			.sub_rectangulo:nth-child(even) .descripcion{
				float:none;
				padding-bottom:20px;
			}
			
			.sub_rectangulo:nth-child(odd) .descripcion h3{
				margin:0px 0px 0px 0px;
				width:100%;
			}
			
			.sub_rectangulo:nth-child(odd){
				/*background:#600;*/
			}
			
			.sub_rectangulo:nth-child(odd) .foto{
				float:none;
			}
			
			.sub_rectangulo:nth-child(odd) .descripcion{
				float:none;
				padding-bottom:20px;
			
			}
			
			.sub_rectangulo:nth-child(1){
				background:#e6d9ce;
			}
			.sub_rectangulo:nth-child(2){
				background:#5bd2d5;
			}			
			.sub_rectangulo:nth-child(3){
				background:#db1916;
			}
			.sub_rectangulo:nth-child(4){
				background:#bb917a;
			}
			.sub_rectangulo:nth-child(5){
				background:#144897;
			}			
			.sub_rectangulo:nth-child(6){
				background:#a18454;
			}
	#nosotros, #clientes, #contactenos, #productos{
		padding:10px 20px;
		position:relative;
	}
	
	#nosotros .descripcion:nth-child(2){
		margin-left:0px;
	}	
	
	#nosotros .descripcion:nth-child(3){
		margin-left:0px;
	}
	
	#contactenos .lugar>div{
		width:100%;
		float:none;
		border:dotted 0px red;
		padding:0px;
	}
			
	#contactenos .lugar h2{
		width:100%;
	}
	
	#contactenos .lugar ul{
		list-style-type:none;
		margin:0px 10px;
	}
	
	#contactenos .lugar h4{
		font-family:CenturyGothic;
		font-size:17.33pt;
		color:#4791c5;
		font-weight:normal;
		margin:20px 0px;
	}
	
	
	#formulario_contacto{
		position:relative;
		border:dotted 0px blue;	
		margin:0px;
		padding:0px;
		width:100%;
		min-height:407px;
		box-sizing:border-box;	
	}
	
	form{
	border:dotted 0px red;
	margin:20px 0px 0px 0px!important;
	width:100%;

	}
	form p label{
		margin:8px 0px;
		border:dotted 0px red;
		float:none;
		box-sizing:border-box;
	}
	
	form p{
		display:inline-block;
		width:100%;
		margin:0px 0px 10px 0px;
		border:dotted 0px red;
	}
	
	form p.dress{
		display:none;
	}	
	
	form p:last-child{
		margin:0px;
		text-align:right;
	}

	input[type="text"], input[type="tel"], input[type="email"], select, textarea{
		border:solid 1px #78b2c3;
		border-radius:5px;
		padding:8px;
		font-family:verdana;
		color:#4f636d;
		box-sizing:border-box;	
	}
	
	input[type="text"], input[type="tel"], input[type="email"], select{
		width:100%;
		float:none;		
	}
	
	select option{
		margin:10px;
	}
	
	input[type="reset"], input[type="submit"]{
		background-color:#4791c5;
		color:white;
		text-align:center;
		border-radius:5px;
		border:none;
		padding:10px 20px;
		margin:0px 0px 0px 10px;
		width:40%;
		cursor:pointer;
		font-family:CenturyGothic;
	}
	
		input[type="reset"]:hover, input[type="submit"]:hover{
			background-color:#e61d24;
		}	
	
	textarea{
		width:100%;
		height:115px;
		resize:none;
		box-sizing:border-box;
	}
	
	#ubicacion{
	position:relative;
	}

	#lugar_planta{
		opacity:0;
		left:273px;
	}
	
	#ubicacion .lugares{
		position:relative;
		border:solid 0px red;
		left:0px;
		width:100%;
		height:200px;
		overflow:hidden;
	}

		#ubicacion .lugares h3{
			width:100%;
			left:0px:
			
		}
	
		#ubicacion .lugares h2{
			width:100%;
			left:0px;
		}
	
		#ubicacion .lugares img{
			display:none;
		}
	
	#ubicacion .lugares .lugar{
		position:absolute;
		bottom:auto;
		top:0px;
	}
	
	#map_canvas{
		width:100%;
		height:400px;
		display:block;
	}
	
	#lugar_planta{
		opacity:0;
		left:400px;
	}
	
	#productos{
		position:absolute;
		/*bottom:0px;*/
		left:0px;
		width:100%;!important
		min-height:auto;
		overflow:hidden;
	}
	
	#productos .menu_productos{
		position:relative;
		/*bottom:0px;*/
		left:0px;
		width:100%;
		min-height:auto;
		overflow:hidden;
	}
	
	#productos .descripcion{
		border:dotted 0px blue;
		display:block;
	}	
	
	
	
	#productos .descripcion .galeria_productos{
		margin-bottom:100px;
		padding-bottom:100px;
		border:dotted 0px green;
		display:block;
	}	
	
	#productos .descripcion h3,
	#productos .descripcion p{
		display:none;
	}	
	
	#menu_tipo_productos{
		width:100%;;
		min-height:auto;
		border: 0px solid #808080;
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 20px;
		float: left;
	}
	
	#menu_tipo_productos ul{
		border:solid 0px red;
		width:100%;
	}
	
	.galeria_productos{
	margin:0px;
	width:100%;
	/*height:396px;*/
	/*border:1px solid red;*/
	text-align:center;
	float:none;
	display:block;
	height:auto;
	}
	.galeria_img{
		background-image:url(../img/loading-white.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:130px;
		height:130px;
		border:0px solid red;
		text-align:center;
		display:block;
		float:left;
		cursor:pointer;
		overflow:hidden;
		margin:0px;
	}
	
	.galeria_img img{
		width:100%;
		height:100%;
	}
	
	#productos{
		/*height:auto!important;*/
		width:100%!important;
		border:solid 0px red;
	}
	
	#loading{
		width:100%;
		min-height:100px;
		background-color:#f3f3f3;
		background-image:url(../img/loading_body.gif);
		background-repeat:no-repeat;
		background-position:center;
	}

	header{
			width:100%;
			position:relative;
			height:auto;
			display:inline-block;
			overflow:hidden;
			padding:5px 0px 0px 0px;
	}
	
	#menu nav{
			width:100%;
			position:relative;
			height:10px;
			display:inline-block;
			overflow:hidden;
			border:dotted 0px red;
			box-sizing:border-box;
			
		}
			#menu nav ul{
				width:100%;
				background-color:#235a94;
				border:dotted 0px red;
				display:inline-block;
				box-sizing:border-box;
				text-align:center;
				padding:10px 0px;
				
			}
				#menu nav ul li{
					float:none;
					width:100%;
					text-align:left;
					border:dotted 0px yellow;
					padding:5px 10px;
					margin:0px;
					display:inline-block;
					box-sizing:border-box;
				}
				
				#menu nav ul li:first-child{
					padding:5px 10px;
				}
				
				#menu nav ul li:last-child{
					padding:5px 10px;
				}
				
				#menu nav ul li a{
					width:auto;
					display:block;
					font-size:12pt!important;
					padding:10px 0px 10px 15px!important;
					transition:all 0.25s;
					border:none;
					background-color:#FFF;
					border-radius:3px;
					box-sizing:border-box;
				}
	#logo{
		position:relative;	
		padding:5px;
		margin:0px;	
		width:100%;
		height:70px;	
		background-image:url(../img/servitecs_movil.png);
		background-repeat:no-repeat;				
	}
	
	#menu{
		width:100%;
		height:auto;
		float:none;
		border:dotted 0px blue;

	}
	
	#menu p{
		display:none;
	}
	
	#cortina .frame{
		padding:13px;
		background-color:rgba(255,255,255,0.95);
		display:inline-block;
		margin-top:50px;
		min-height:100px;
		min-width:100px;
	}
	
	#cortina .frame img{
	}
	
	footer{
		clear:none;
		margin:0px 0px;
		padding:50px 0px 50px 0px;
		display:inline-block;
		border:dotted 0px red;
	}
	
	#cortina .descripcion{
		background-image:url(../img/logo_cortinaMovil.png);
		height:auto;
		background-position:right;
		background-repeat:no-repeat;
		text-align:left;
	}
	
	
	.menu_cat{
		border-top:solid 1px #999999;
		border-bottom:solid 1px #999999;
		height:auto;
		display:inline-block;
		margin:5px 0px 5px 0px;
	}
	
	.menu_cat ul{
		display:block!important;
		
	}


	
}