﻿/***********************************************************

Copyright © Pcsignos (www.signos.com.ar)
Atención: Prohibida su reproducción parcial o total

************************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('font-awesome.min.css'); 
@import url('slides.css');
@import url('fancybox.css');

/*reset*/
* 													{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body												{font-family: 'Roboto', sans-serif; padding:0; margin:0; background:#fff;}
h1,h2,h3,h4,p,span									{font-family: 'Roboto', sans-serif; padding:0; margin:0; font-weight:normal;}
ul,li												{font-family: 'Roboto', sans-serif; padding:0; margin:0; list-style-type:none;}
a													{font-family: 'Roboto', sans-serif; text-decoration:none;}
img													{border:0;}
input,select,textarea,label,fieldset,button			{font-family: 'Roboto', sans-serif; padding:0; margin:0; border:0; border-radius:3px; -webkit-appearance: none;}
input,select,textarea								{border:1px solid #ddd; border-radius:3px; -webkit-appearance: none;}
a,input,select,textarea,img,button 					{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.clear 												{clear:both;}
::-ms-clear 										{display: none;}
:focus 												{outline:none;}
::-webkit-input-placeholder							{color:inherit;}


@media (min-width: 781px){


header												{position:fixed; width:100%; height: 80px; min-width:1300px; background:#000; z-index:999; top:0;}

header .m1											{width:100%; height:32px; background: linear-gradient(90deg,#000 30%,transparent 50%),linear-gradient(180deg,#000 0,#363738);}
header .m1 .b1										{width:1300px; height:32px; margin:0 auto; text-align: right;}
header .m1 .b1 li 									{font-size: 13px; color: #c8cbcc; line-height: 32px; display: inline-block; margin: 0 0 0 5px;}
header .m1 .b1 li a									{font-size: 13px; color: #c8cbcc; line-height: 32px;}
	
	
header .m2											{width:1300px; height:48px; margin:0 auto;}
	
header .m2 .b1										{width:100%; height:48px; text-align: right;}
	
header .m2 .b1 .logo								{float: left; position: relative; top: -22px; margin: 0 20px 0 0;}
header .m2 .b1 .logo img							{height:58px;}

header .m2 .b1 .links								{float:right; margin: 8px 0 0 0;}
header .m2 .b1 .links a 							{display: block; background: #0286cd; border-radius:2px; color: #fff; font-size: 14px; font-weight: 700; height: 32px; line-height: 32px; padding: 0 10px;}
header .m2 .b1 .links a i 							{font-size: 15px;}
header .m2 .b1 .links a:hover 						{opacity: .8}
	
header .m2 .b1 .menu 								{height:48px; display: inline-block;margin: 0 10px 0 0;}
header .m2 .b1 .menu li								{float:left; height: 48px; position: relative;}
header .m2 .b1 .menu li a							{display: block; font-size:14px; color:#fff; line-height:48px; text-transform:uppercase; font-weight:  700; padding: 0 6px;}
header .m2 .b1 .menu li a:hover						{background: #fff; color: #000;}
header .m2 .b1 .menu li:hover > a					{background: #fff; color: #000;}
header .m2 .b1 .menu li a:before 					{width: 1px; height: 24px; background: #3f3f3f; position: absolute; content: ""; top: 12px; right: -1px;}
header .m2 .b1 .menu li:hover ul					{opacity:1; top:48px; visibility:visible;}
header .m2 .b1 .menu li ul							{opacity:0; top:45px; visibility: hidden; transition:all .3s ease-in-out; width: 250px; display: block; position: absolute; background: #fff; padding:20px; box-shadow: 0 12px 24px rgba(0,0,0,.1)}
header .m2 .b1 .menu li ul li						{display: block; height: 30px; float: none; position: relative; text-align: left;}
header .m2 .b1 .menu li ul li a:before 				{display: none;}
header .m2 .b1 .menu li ul li a						{display: block; font-size:14px; color:#333; line-height:30px; text-transform:none; font-weight:400; padding:0;}
header .m2 .b1 .menu li ul li a:hover				{background: none; color: #0286cd;}
header .m2 .b1 .menu li ul li:last-child a 			{color:#0286cd;}
	
	
	
header .m4											{display:none;}

header .mask										{background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; display:none; top:0;}

#banner-home 										{width:100%;min-width:1300px; max-height:600px;overflow:hidden;position:relative;}
#banner-home img 									{width:100%;}

	
/*Contenido*/
#contenido  										{width:100%; min-width: 1300px; margin: 80px 0 0 0;}

/*home*/
#contenido .m1										{width:100%;}

#contenido .m1 .b1									{width:100%; position:relative; padding:10px 0 0 0;}
	
#contenido .m1 .b1 li								{float:left; width:25%; position: relative; overflow: hidden;}
#contenido .m1 .b1 li .title						{font-size: 24px;  text-align: center; color: #fff; width: 100%; height: 100%; top:50%; position: absolute; z-index: 10; text-transform: uppercase; font-weight: 600;}	
#contenido .m1 .b1 li .mask							{background:rgba(85, 85, 85, .4); width: 100%; height: 100%; position: absolute; z-index: 9;}
#contenido .m1 .b1 li img							{width:100%; margin:0 0 -5px 0;}
#contenido .m1 .b1 li a:hover .mask					{background:rgba(2, 134, 205, .6);}	
	
#contenido .m1 .b2 									{width:100%; padding:30px 0; background:#f0f0f0; text-align: center;}
#contenido .m1 .b2 .d2								{width:100%; line-height:40px; position: relative; text-align: center; font-size:30px; color:#000; font-weight:600; text-transform: uppercase; margin:0 0 30px 0;}
#contenido .m1 .b2 .d2 a							{color:#000;}
#contenido .m1 .b2 .d2:after 						{content: " "; border-bottom: 1px solid #ccc; width: 780px; left:30%; position: absolute;}	
	
#contenido .m1 .b2 li								{display:inline-table; text-align:center; background:#fff; width:24%; padding: 0 0 8px 0;}
#contenido .m1 .b2 li .img							{display:block;}
#contenido .m1 .b2 li .img a						{display:block; position:relative;}
#contenido .m1 .b2 li .img a button					{top:50%;width:100%; background: none; left: 0; z-index:2; color:#0286cd; cursor:pointer;display:none; font-size:30px; text-decoration: underline; font-weight:600; opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100); position:absolute;text-transform:uppercase;}
#contenido .m1 .b2 li .img a:hover button			{display:inline-block}
#contenido .m1 .b2 li .img a:after					{background:#fff; border: 10px solid #0286cd; content:"";height:100%;left:-10px; top:-10px; opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;width:100%;z-index:1;-webkit-transition:.5s ease opacity;transition:.5s ease opacity}
#contenido .m1 .b2 li .img a:hover:after			{opacity:.90;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}
#contenido .m1 .b2 li .img a img					{display:block;width:100%; margin: 0 0 -4px 0;}

#contenido .m1 .b2 li .img a .title					{background: #0286cd; position: absolute; width: 100%; bottom: 0; left:0; z-index: 99; padding:10px 20px 0 20px; opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0); -webkit-transition:.5s ease opacity;transition:.5s ease opacity}
#contenido .m1 .b2 li .img a .title p {font-size: 15px; color:#fff; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: normal; line-height:20px; }
#contenido .m1 .b2 li .img a:hover .title {opacity:.90;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}


#contenido .m6										{width:100%; min-width: 1300px; margin:20px 0 0 0;}

/*empresa*/	
#contenido .m6 .b1 									{width: 100%; max-height: 600px; position: relative; overflow: hidden;} 	
#contenido .m6 .b1 img 								{width: 100%;} 	

#contenido .m6 .b2 									{width: 1300px; margin: 0 auto 30px auto;} 	
#contenido .m6 .b2 h1 								{font-size:24px; color: #333; text-transform: uppercase; font-weight: 700; padding: 30px 0 10px 0;} 	
#contenido .m6 .b2 p 								{font-size:16px; color: #999; padding: 0 0 30px 0;} 	
#contenido .m6 .b2 li 								{width: 33%; display: inline-table; background: #f4f4f4;} 	
#contenido .m6 .b2 li img							{width: 100%;} 	
#contenido .m6 .b2 li .row							{padding: 20px;} 	
#contenido .m6 .b2 li .title						{font-size:16px; text-transform: uppercase; font-weight: 700; color:#333; padding:0 0 5px 0;} 	
#contenido .m6 .b2 li .content						{font-size:14px; color: #666; min-height: 60px;}  	
	

/*contacto*/	
#banner-mapa										{width:100%; height:350px; position:relative; margin: 0 auto;}
#banner-mapa #mapa									{width:100%; height:350px; position:absolute; z-index:99;}
#banner-mapa iframe  								{width:100%; height:350px;}

#contenido .m6 .b3									{width:1300px; margin:0 auto 20px auto;}
#contenido .m6 .b3 form 							{padding:30px; background: #f4f4f4}	
#contenido .m6 .b3 label 							{display:block;}
#contenido .m6 .b3 label:nth-of-type(1)				{font-size:24px; font-weight:600; letter-spacing: -1px;  color:#333;}
#contenido .m6 .b3 label:nth-of-type(2)				{font-size:16px; color:#666; margin:0 0 20px 0;}
#contenido .m6 .b3 input							{width:100%; height:45px; line-height:45px; font-size:14px; border:1px solid #c4c4c4; color:#666; padding:0 10px; margin:0 0 15px 0; border-radius: 3px;}
#contenido .m6 .b3 select							{width:100%; height:45px; line-height:45px; font-size:14px; border:1px solid #c4c4c4; color:#666; padding:0 10px; margin:0 0 15px 0; border-radius: 3px;}
#contenido .m6 .b3 textarea							{width:100%; height:80px; font-size:14px; border:1px solid #c4c4c4; color:#666; padding:10px; margin:0 0 15px 0; border-radius: 3px;}
#contenido .m6 .b3 button				 			{background:#0084e0; border-radius:3px; display:inline-block; height:45px; font-weight: 600; padding:0 30px; line-height:45px; font-size:16px; color:#fff; cursor:pointer;}
#contenido .m6 .b3 button:hover						{opacity: .8}
#contenido .m6 .b3 .error-msg						{color:#d50000; font-size: 13px; margin:5px 0 10px 0; display: block;}
#contenido .m6 .b3 input.error-msg		     		{border:1px solid #d50000; margin: 0; font-size:14px;}	
#contenido .m6 .b3 textarea.error-msg		     	{border:1px solid #d50000; margin: 0; font-size:14px;}		
#contenido .m6 .b3 select.error-msg		     		{border:1px solid #d50000; margin: 0; font-size:14px;}	
#contenido .m6 .b3 input:focus 						{border:1px solid #0084e0;}	
#contenido .m6 .b3 textarea:focus 					{border:1px solid #0084e0;}		
#contenido .m6 .b3 select:focus 					{border:1px solid #0084e0;}		

/*galeria*/
#contenido .m6 .b4 									{width:100%; padding:40px 0; background:#f0f0f0; text-align: center;}
#contenido .m6 .b4 .d2								{width:100%; line-height: 40px; position: relative; text-align: center; font-size:30px; color:#000; font-weight:600; text-transform: uppercase; margin:0 0 40px 0;}
#contenido .m6 .b4 .d2 a							{color:#000;}
#contenido .m6 .b4 .d2:after 						{content: " "; border-bottom: 1px solid #e0dfdf; width: 780px; left:30%; position: absolute;}	

#contenido .m6 .b4 .lg-1							{width:11%;}
#contenido .m6 .b4 .lg-2							{width:24%;}
	
#contenido .m6 .b4 li								{display:inline-table; text-align:center; background:#fff; padding: 0 0 8px 0;}
#contenido .m6 .b4 li .img							{display:block;}
#contenido .m6 .b4 li .img a						{display:block; position:relative;}
#contenido .m6 .b4 li .img a button					{top:50%;width:100%; background: none; left: 0; z-index:2; color:#0286cd; cursor:pointer;display:none; font-size:30px; text-decoration: underline; font-weight:600; opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100); position:absolute;text-transform:uppercase;}
#contenido .m6 .b4 li .img a:hover button			{display:inline-block}
#contenido .m6 .b4 li .img a:after					{background:#fff; border: 10px solid #0286cd; content:"";height:100%;left:-10px; top:-10px; opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;width:100%;z-index:1;-webkit-transition:.5s ease opacity;transition:.5s ease opacity}
#contenido .m6 .b4 li .img a:hover:after			{opacity:.90;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}
#contenido .m6 .b4 li .img a img					{display:block;width:100%; margin: 0 0 -4px 0;}
#contenido .m6 .b4 li .img a .title					{background: #0286cd; position: absolute; width: 100%; bottom: 0; left:0; z-index: 99; padding:10px 20px 0 20px; opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0); -webkit-transition:.5s ease opacity;transition:.5s ease opacity}
#contenido .m6 .b4 li .img a .title p {font-size: 15px; color:#fff; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: normal; line-height:20px; }
#contenido .m6 .b4 li .img a:hover .title {opacity:.90;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}

/*via-publica*/
#contenido .m6 .b5 									{width:100%; padding:30px 0; background:#f0f0f0; text-align: center;}
	
#contenido .m6 .b5 .d1								{width:100%; position: relative; text-align: center; margin:0 0 30px 0;}
#contenido .m6 .b5 .d1 label						{display: block; margin: 0 0 10px 0; font-size:30px; color:#000; font-weight:600; text-transform: uppercase;}
#contenido .m6 .b5 .d1 select						{border: 1px solid #ddd; padding: 0 10px; height: 40px; font-size: 16px; color: #333;}
#contenido .m6 .b5 .d1 button						{padding: 0 10px; height: 40px; font-size: 16px; color: #fff; background: #0084e0;cursor: pointer;}
#contenido .m6 .b5 .d1 button:hover					{opacity: .8;}

#contenido .m6 .b5 li								{display:inline-table; text-align:center; background:#fff; width: 20%;}
#contenido .m6 .b5 li .img							{width: 100%; height: 250px; position: relative; overflow: hidden; background: #fff;}
#contenido .m6 .b5 li .img .tag						{display: inline-block; height:30px; line-height: 30px; position: absolute; padding: 0 10px; font-size: 14px;  z-index: 10; left: 20px; top: 20px; font-weight: 700; color: #fff;}
#contenido .m6 .b5 li .img .disponible				{background: #39b54a;}
#contenido .m6 .b5 li .img .no-disponible			{background: #e3402f;}
	
#contenido .m6 .b5 li .img img						{display:block; width: 100%;}
#contenido .m6 .b5 li .img a button					{top:40%;width:100%; background: none; left: 0; z-index:12; color:#0286cd; cursor:pointer;display:none; font-size:30px; text-decoration: underline; font-weight:600; opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100); position:absolute;text-transform:uppercase;}
#contenido .m6 .b5 li .img a:hover button			{display:inline-block}
#contenido .m6 .b5 li .img a:after					{background:#fff; content:""; height:100%;left:0; top:0; opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;width:100%;z-index:11;-webkit-transition:.5s ease opacity;transition:.5s ease opacity}
#contenido .m6 .b5 li .img a:hover:after			{opacity:.90;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}
#contenido .m6 .b5 li .row							{padding: 20px;} 	
#contenido .m6 .b5 li .title						{font-size:16px; text-transform: uppercase; font-weight: 700; color:#333; padding:0 0 5px 0;} 	
#contenido .m6 .b5 li .content						{font-size:14px; color: #666; min-height: 60px; text-align: left;}  	
#contenido .m6 .b5 li .content strong				{display: block; text-transform: uppercase;}  	
#contenido .m6 .b5 li .content span					{display: block; margin: 0 0 15px 0; color: #999; font-weight: 300;}   	
#contenido .m6 .b5 li .content span a				{display: block; color: #999; font-weight: 300;}   	
	

/*footer*/
#footer												{width:100%; min-width:1200px; background:#fff;}

#footer .m1											{width:100%; min-width:1200px; padding:10px 0; background:#000;}
#footer .m1	.b1										{width:1200px; margin:0 auto; text-align:center;}
#footer .m1 .b1 p									{font-size:24px; line-height:42px; color:#fff; display:inline-block; text-transform: uppercase; font-weight: 700;}
#footer .m1 .b1 form								{margin:0 40px; display:inline-block; vertical-align: top; position: relative; width:325px;}
#footer .m1 .b1 input								{width:100%; background:#fff; color:#999; line-height:42px; font-size:14px; padding:0 20px; border-radius: 0;}
#footer .m1 .b1 button								{width:40px; background:#000; color:#fff; line-height:40px; font-size:26px; border: 2px solid #fff; cursor:pointer; border-radius: 0; position: absolute; right:0; top:0;}
#footer .m1 .b1 .d1									{display:inline-block;}
#footer .m1 .b1 .d1 a								{display:inline-block; width:34px; height:34px; margin:0 2px;}
#footer .m1 .b1 .d1 a i								{display:inline-block; width:34px; height:34px; color:#777; line-height:34px; border-radius:34px; background:#fff; font-size:18px;}
#footer .m1 .b1 .d1 a:hover i						{color:#000;}

#footer .m2											{width:100%; min-width:1200px; background:#fff;}
#footer .m2	.b2										{width:1200px; margin:0 auto; padding:40px 0;}
#footer .m2	.b2 .d1									{width:350px; float:left;}
#footer .m2	.b2 .d1 h2								{color:#000; font-size:16px; font-weight:700; display:block; margin:0 0 5px 0; text-transform: uppercase;}
#footer .m2	.b2 .d1 li a							{color:#333; display:block; line-height:25px; font-size:13px;}
#footer .m2	.b2 .d1 li a:hover						{text-decoration:underline;}
	
#footer .m2	.b2 .d2									{width:500px; float:left;}
#footer .m2	.b2 .d2 h2								{color:#000; font-size:16px; font-weight:700; display:block; margin:0 0 15px 0; text-transform: uppercase;}
#footer .m2	.b2 .d2 li								{display:block; margin:0 0 30px 0;}
#footer .m2	.b2 .d2 li i							{float:left; width:50px; height:50px; text-align:center; color:#fff; line-height:50px; border-radius:50px; background:#0084e0; font-size:20px; margin:0 20px 10px 0;}
#footer .m2	.b2 .d2 li h3							{color:#000; font-size:16px;}
#footer .m2	.b2 .d2 li a							{color:#333; font-size:13px; display:block;}
#footer .m2	.b2 .d2 li p							{color:#333; font-size:13px; display:block;}

#footer .m4											{width:100%; min-width:1200px; background: #363738; padding:20px 0;}
#footer .m4	.b1										{width:1200px; margin:0 auto;}
#footer .m4 .b1 .d1									{float:left; height: 20px; padding:10px 0;}
#footer .m4 .b1 .d1	a								{color:#ccc; font-size:13px; line-height:14px; line-height: 20px; float: left;}
#footer .m4 .b1 .d1	a img							{height: 20px;}
#footer .m4 .b1 .d1 a:first-child 					{border-right: 1px solid #555; padding:0 10px 0 0; margin: 0 10px 0 0;}
#footer .m4 .b1 .d2									{float:right; text-align: right;}	
#footer .m4 .b1 .d2	a								{display:inline-block;}
#footer .m4 .b1 .d2	img								{height:30px; margin:0 0 0 5px;}

/*alertas*/
.notification										{margin:0 0 20px 0; padding:15px; display:block; text-align:center; border-radius:3px; font-size:16px; letter-spacing:-1px;}
.notification.error									{border:1px solid #ebccd1; background:#f2dede; color:#a94442;}
.notification.success								{border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d;}
.notification.warning								{border:1px solid #f5e79e; background:#f8f0c3; color:#8a6d3b;}
.notification.info									{border:1px solid #bce8f1; background:#d9edf7; color:#31708f;}
.notification .alerTitle							{font-size:24px; font-weight:700; display:block;}
		
}


	
@media (max-width: 780px) {


#banner-home										{width:100%;}
#banner-home img									{height: 200px;}


body												{background:#fff;}

/*cabecera*/
header												{position:fixed; height:53px; background:#000; left:0; right:0; top:0; padding:0; z-index:999; color:#fff;}

header .m1											{display:none;}
header .m2											{display:none;}
header .m3 											{display:none;}


header .m4											{width:100%;}

header .m4 .b1										{float:left; padding:16px 0 0 0; margin:0 0 0 10px;}
header .m4 .b1 img									{height:20px;}

header .m4 .b3										{height:50px; float:right; padding:0;}
header .m4 .b3 .d1									{display:inline-block; width:50px; height:50px; padding:8px 0 0 0; text-align:center; position:relative; margin:0 5px 0 0;}
header .m4 .b3 .d1 i								{display:block; width:50px; font-size:18px; color:#fff;}
header .m4 .b3 .d1 span								{display:block; color:#fff; font-size:14px;}
	
header .m4 .b3 .d2									{display:inline-block; width:50px; height:50px; padding:8px 0 0 0; text-align:center; position:relative; margin: 0 10px 0 0;}
header .m4 .b3 .d2 i								{display:block; width:50px; font-size:18px; color:#fff;}
header .m4 .b3 .d2 span								{display:block; color:#fff; font-size:14px;}
	
header .m4 .navlayer								{width: 100%; overflow-y:auto; position:absolute; top:0; right:0; bottom: 0;}

header .m4 .menuBox									{position:fixed; z-index:4000; background-color:#fff; transition:transform .3s; width:80%; top: 0; bottom: 0; right:0; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%);}
header .m4 .menuBox.active							{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

header .m4 .c-mask									{position:fixed; z-index:3000; top:0; left:0; width:0; height:0; background-color:#000; opacity:0; -webkit-transition:opacity .3s,width 0s .3s,height 0s .3s;transition:opacity .3s,width 0s .3s,height 0s .3s}
header .m4 .c-mask.active							{width:100%; height:100%; opacity:.7; -webkit-transition:opacity .3s; transition:opacity .3s}

header .m4 .navTop									{position:relative; padding:15px; background:#3483fa;}
header .m4 .navTop .navClose						{position:absolute; right:10px; top:10px; font-size:16px; width:30px; text-align:center; line-height:30px; height:30px; color:#fff;}
header .m4 .navTop h3								{display:block; font-size:14px; font-family:'Oswald', sans-serif; color:#fff; font-weight:600; text-transform:uppercase; padding:0 0 10px 0;}
header .m4 .navTop ul li							{float:left; margin:0 15px 0 0;}
header .m4 .navTop ul li a							{display:block; line-height:14px; font-size:15px; color:#fff; cursor: pointer; font-weight: 700;}
header .m4 .navTop button							{width:100%; background:none; color:#fff; font-size:11px; text-transform:uppercase; cursor:pointer;}

header .m4 .navCategorias ul 						{display:block;}
header .m4 .navCategorias ul li 					{display:block; height:44px; padding:0 10px; border-top:1px solid #ddd;}
header .m4 .navCategorias ul li a 					{display:block; line-height:44px;font-size:14px;color:#000;cursor:pointer; font-weight: 700; text-transform:uppercase;}
header .m4 .navCategorias ul li a i 				{float:right; font-size:16px; line-height: 44px;}

header .m4 .navCategorias .header-common			{display:block; height: 53px; background: #3483fa; padding:0 0 0 20px;}
header .m4 .navCategorias .header-common .icon 		{float: left; width: 24px; height: 53px; margin: 0 12px 0 0; text-align: center;}
header .m4 .navCategorias .header-common .icon i 	{width: 24px; height: 53px; line-height: 53px; color: #fff; font-size: 16px;}	
header .m4 .navCategorias .header-common span 		{color:#fff; line-height: 53px; float: left; font-size:16px;}	
header .m4 .navCategorias ul li ul					{display: none; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 99; background:#fff;}
header .m4 .navCategorias ul li ul li				{display:block; height:52px; padding:16px; margin: 0; border-top: 0; border-bottom: 2px solid #ddd;}
header .m4 .navCategorias ul li ul li a				{display:block; line-height:22px; height: 22px; padding:0; font-size:15px; color:#000; cursor: pointer;}
header .m4 .navCategorias ul li ul li i 			{float:right; font-size:16px; line-height: 22px;}

header .m4 .navFooter								{background:#fff;border-bottom:1px solid #ddd; } 
header .m4 .navFooter li							{display:block; font-size:14px; color:#000; font-weight:600; line-height:44px; border-top:1px solid #ddd; padding:0 10px;}
header .m4 .navFooter li a							{display:block; font-size:14px; color:#000; height:44px; line-height:44px; cursor: pointer; text-transform:uppercase;}
header .m4 .navFooter ul ul							{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
header .m4 .navFooter ul ul.activo					{display:block;}
header .m4 .navFooter ul .navClose4					{display:block; color:#0084E0; line-height:44px; padding:0 10px; font-size:13px;}
header .m4 .navFooter ul ul li						{display:block; height:32px; padding:0 10px;}
header .m4 .navFooter ul ul li a					{display:block; line-height:32px; font-size:14px; color:#000; cursor: pointer;}
header .m4 .navFooter ul ul li:last-child			{border-bottom:1px solid #ddd;}



/*Contenido*/
#contenido  										{margin:53px 0 0 0;}

/*home*/
#contenido .m1 										{text-align:center;}

#contenido .m1 .b1									{width:100%;}
#contenido .m1 .b1 img								{width: 100%; height: auto;}
#contenido .m1 .b1 .te {width: 100%; display: block;position: relative;}	
#contenido .m1 .b1 .title							{font-size: 24px;  text-align: center; color: #fff; width: 100%; height: 100%; top:45%; position: absolute; z-index: 10; text-transform: uppercase; font-weight: 600;}	
#contenido .m1 .b1 .mask							{display:none;}	

#contenido .m1 .b2 									{width:100%;}
#contenido .m1 .b2 .d2								{position: relative; text-align: center; font-size:20px;  color: #333; letter-spacing: -1px; font-weight: 600; text-transform: uppercase; display: block; padding:20px 0;}
#contenido .m1 .b2 .d2 a							{color:#000;}
#contenido .m1 .b2 li								{text-align:center; background:#fff; width:50%; border: 1px solid #ddd; float:left; padding:20px;}
#contenido .m1 .b2 li .img							{display:block; margin:0 0 10px 0;}
#contenido .m1 .b2 li .img a						{display:block; position:relative;}
#contenido .m1 .b2 li .img a button					{display:none;}
#contenido .m1 .b2 li .img a img					{display:block;width:100%}

#contenido .m1 .b2 li .img a .title	{display: none;}



#contenido .m6										{width:100%;}

/*empresa*/	
#contenido .m6 .b1 									{width: 100%; position: relative; overflow: hidden;} 	
#contenido .m6 .b1 img 								{height:250px;} 	

#contenido .m6 .b2 									{width: 100%; padding: 20px 20px 0 20px;} 	
#contenido .m6 .b2 h1 								{font-size:24px; color: #333; text-transform: uppercase; font-weight: 700; padding:0 0 10px 0;} 	
#contenido .m6 .b2 p 								{font-size:16px; color: #999; padding: 0 0 30px 0;} 	
#contenido .m6 .b2 li 								{width:100%; display: block; background: #f4f4f4; margin: 0 0 20px 0; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);} 	
#contenido .m6 .b2 li img							{width: 100%;} 	
#contenido .m6 .b2 li .row							{padding: 20px;} 	
#contenido .m6 .b2 li .title						{font-size:16px; text-transform: uppercase; font-weight: 700; color:#333; padding:0 0 5px 0;} 	
#contenido .m6 .b2 li .content						{font-size:14px; color: #666; min-height: 60px;}  	
	

/*contacto*/	
#banner-mapa										{width:100%; height:250px; position:relative; margin: 0 auto;}
#banner-mapa #mapa									{width:100%; height:250px; position:absolute; z-index:99;}
#banner-mapa iframe  								{width:100%; height:250px;}

#contenido .m6 .b3									{width:100%; margin: 0 0 20px 0; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);}
#contenido .m6 .b3 form 							{padding:15px; background: #f4f4f4}	
#contenido .m6 .b3 label 							{display:block;}
#contenido .m6 .b3 label:nth-of-type(1)				{font-size:24px; font-weight:600; letter-spacing: -1px;  color:#333;}
#contenido .m6 .b3 label:nth-of-type(2)				{font-size:16px; color:#666; margin:0 0 20px 0;}
#contenido .m6 .b3 input							{width:100%; height:45px; line-height:45px; font-size:14px; border:1px solid #c4c4c4; color:#666; padding:0 10px; margin:0 0 15px 0; border-radius: 3px;}
#contenido .m6 .b3 select							{width:100%; height:45px; line-height:45px; font-size:14px; border:1px solid #c4c4c4; color:#666; padding:0 10px; margin:0 0 15px 0; border-radius: 3px;}
#contenido .m6 .b3 textarea							{width:100%; height:80px; font-size:14px; border:1px solid #c4c4c4; color:#666; padding:10px; margin:0 0 15px 0; border-radius: 3px;}
#contenido .m6 .b3 button				 			{background:#0084e0; border-radius:3px; width: 100%; display: block;height:45px; font-weight: 600; line-height:45px; font-size:16px; color:#fff; cursor:pointer;}
#contenido .m6 .b3 button:hover						{opacity: .8}
#contenido .m6 .b3 .error-msg						{color:#d50000; font-size: 13px; margin:5px 0 10px 0; display: block;}
#contenido .m6 .b3 input.error-msg		     		{border:1px solid #d50000; margin: 0; font-size:14px;}	
#contenido .m6 .b3 textarea.error-msg		     	{border:1px solid #d50000; margin: 0; font-size:14px;}		
#contenido .m6 .b3 select.error-msg		     		{border:1px solid #d50000; margin: 0; font-size:14px;}	
#contenido .m6 .b3 input:focus 						{border:1px solid #0084e0;}	
#contenido .m6 .b3 textarea:focus 					{border:1px solid #0084e0;}		
#contenido .m6 .b3 select:focus 					{border:1px solid #0084e0;}		

/*galeria*/
#contenido .m6 .b4 									{width:100%; padding:0; background:#f0f0f0; text-align: center;}
#contenido .m6 .b4 .d2								{width:100%; position: relative; text-align: center; font-size:30px; color:#000; font-weight:600; text-transform: uppercase; padding: 20px 0;}
#contenido .m6 .b4 .lg-1							{width:33.3333333%;}
#contenido .m6 .b4 .lg-2							{width:50%;}
#contenido .m6 .b4 li								{float: left; border: 1px solid #ddd; padding: 10px; text-align:center; background:#fff;}
#contenido .m6 .b4 li .img							{display:block;}
#contenido .m6 .b4 li .img a						{display:block; position:relative;}
#contenido .m6 .b4 li .img a button					{display: none;}
#contenido .m6 .b4 li .img a img					{display:block;width:100%;}
#contenido .m6 .b4 li .img a .title					{display: none;}

/*via-publica*/
#contenido .m6 .b5 									{width:100%; padding:0; background:#f0f0f0; text-align: center;}
	
#contenido .m6 .b5 .d1								{width:100%; position: relative; text-align: center; padding: 30px 10px;}
#contenido .m6 .b5 .d1 label						{display: block; margin: 0 0 10px 0; font-size:30px; color:#000; font-weight:600; text-transform: uppercase;}
#contenido .m6 .b5 .d1 select						{width: 100%; border: 1px solid #ddd; padding: 0 10px; height: 40px; font-size: 16px; color: #333; margin: 0 0 5px 0;}
#contenido .m6 .b5 .d1 button						{width: 100%; padding: 0 10px; height: 40px; font-size: 16px; color: #fff; background: #0084e0;cursor: pointer;}

#contenido .m6 .b5 li								{display:inline-table; text-align:center; background:#fff; width:100%; margin: 0 0 20px 0; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);}
#contenido .m6 .b5 li .img							{width: 100%; height: 250px; position: relative; overflow: hidden; background: #fff;}
#contenido .m6 .b5 li .img .tag						{display: inline-block; height:30px; line-height: 30px; position: absolute; padding: 0 10px; font-size: 14px;  z-index: 10; left: 20px; top: 20px; font-weight: 700; color: #fff;}
#contenido .m6 .b5 li .img .disponible				{background: #39b54a;}
#contenido .m6 .b5 li .img .no-disponible			{background: #e3402f;}	
#contenido .m6 .b5 li .img img						{display:block; width: 100%;}

#contenido .m6 .b5 li .row							{padding: 20px;} 	
#contenido .m6 .b5 li .title						{font-size:16px; text-transform: uppercase; font-weight: 700; color:#333; padding:0 0 5px 0;} 	
#contenido .m6 .b5 li .content						{font-size:14px; color: #666; min-height: 60px; text-align: left;}  	
#contenido .m6 .b5 li .content strong				{display: block; text-transform: uppercase;}  	
#contenido .m6 .b5 li .content span					{display: block; margin: 0 0 15px 0; color: #999; font-weight: 300;}   	
#contenido .m6 .b5 li .content span a				{display: block; color: #999; font-weight: 300;}   	
	


/*footer*/
#footer												{width:100%; background:#fff;}

#footer .m1											{padding:20px; background:#000;}
#footer .m1	.b1										{width:100%; text-align:center;}
	
#footer .m1 .b1 p									{font-size:18px; line-height:34px; font-weight:600; color:#fff; display:block; margin:0 0 20px 0;}
	
#footer .m1 .b1 form 								{width:100%; height: 40px; position: relative;}				
#footer .m1 .b1 input								{width:100%; height: 40px;  background:#fff; color:#aaa; display: block; line-height:40px; font-size:14px; padding:0 10px; border-radius:0; margin: 0 0 10px 0;}
#footer .m1 .b1 button								{position: absolute; right: 0; top: 0; background:#000; border: 2px solid #fff; color:#fff; width: 40px; height: 40px; line-height:40px; font-size:14px; font-weight:600; border-radius:0; cursor:pointer;}

#footer .m1 .b1 .d1									{display:inline-block; margin:20px 0 0 0;}
#footer .m1 .b1 .d1 a								{display:inline-block; width:34px; height:34px; margin:0 2px;}
#footer .m1 .b1 .d1 a i								{display:inline-block; width:34px; height:34px; color:#777; line-height:34px; border-radius:34px; background:#fff; font-size:18px;}
#footer .m1 .b1 .d1 a:hover i						{color:#000;}

#footer .m2											{width:100%; background:#fff;}

#footer .m2	.b1										{width:100%; border-bottom:1px solid #ddd; padding:40px 0; text-align:center;}
#footer .m2	.b1 li									{display:inline-table; margin:0 0 20px 0;}
#footer .m2	.b1 li i								{display:inline-block; width:50px; height:50px; color:#fff; line-height:50px; border-radius:50px; background:#0084e0; font-size:20px; margin:0 0 10px 0;}
#footer .m2	.b1 li h3								{color:#000; font-size:16px; font-weight:600; display:block;}
#footer .m2	.b1 li a								{color:#888; font-size:15px; display:inline-block; margin:0 4px;}

#footer .m2	.b2										{display: block;}
#footer .m2	.b2 .d1									{display: none;width:100%; margin:0 0 30px 0;}
#footer .m2	.b2 .d1:last-child						{display:block;}
#footer .m2	.b2 .d1 h2								{color:#000; font-size:16px; font-weight:600; display:block; margin:0 0 15px 0;}
#footer .m2	.b2 .d1 li a							{color:#888; display:block; line-height:25px; font-size:14px;}
#footer .m2	.b2 .d1 li p							{color:#888; display:block; line-height:25px; font-size:14px;}


#footer .m2	.b2 .d2									{width:100%; margin:0; padding: 20px 0 0 0; border-top: 1px solid #ddd;}
#footer .m2	.b2 .d2 h2								{display: none;}
	
#footer .m2	.b2 .d2 li								{display:block; margin:0 0 20px 0; border-bottom: 1px solid #ddd; padding:0 20px 20px 20px;}
#footer .m2	.b2 .d2 li i							{float:left; width:40px; height:40px; text-align:center; color:#fff; line-height:40px; border-radius:40px; background:#0084e0; font-size:16px; margin:0 10px 0 0;}
#footer .m2	.b2 .d2 li h3							{color:#000; font-size:16px;}
#footer .m2	.b2 .d2 li a							{color:#888; font-size:14px;}
#footer .m2	.b2 .d2 li p							{color:#888; font-size:14px;}
#footer .m2	.b2 .d2 li:last-child 					{margin: 0;}
	
#footer .m3											{width:100%;}
#footer .m3	.b1										{display:block; border-bottom: 1px solid #ddd;}
#footer .m3 .b1 .d1									{float:left; color:#777; font-size:13px; line-height:16px; padding:30px;}
#footer .m3 .b1 .d1 b 								{display:block;}	
#footer .m3 .b1 .d1	a								{color:#777;}

#footer .m4											{display:block; background:#f4f4f4; padding:30px; text-align: center;}
#footer .m4	.b1										{display:block;}
#footer .m4 .b1 .d1									{display:block; padding: 0 0 30px 0;}
#footer .m4 .b1 .d1	a								{color:#016ab3; font-size:13px; line-height: 20px; display: inline-block; vertical-align: middle}
#footer .m4 .b1 .d1	a img							{height:18px;}
#footer .m4 .b1 .d1 a:first-child 					{border-right: 1px solid #555; padding:0 10px 0 0; margin: 0 10px 0 0;}
#footer .m4 .b1 .d2									{display: block;}	
#footer .m4 .b1 .d2	a								{display:inline-block;}
#footer .m4 .b1 .d2	img								{height:35px; margin:0 2px;}

/*alertas*/
.notification										{margin:0 0 20px 0; padding:10px; display:block; text-align:center; border-radius:3px; font-size:14px; letter-spacing:-1px;}
.notification.error									{border:1px solid #ebccd1; background:#f2dede; color:#a94442;}
.notification.success								{border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d;}
.notification.warning								{border:1px solid #f5e79e; background:#f8f0c3; color:#8a6d3b;}
.notification.info									{border:1px solid #bce8f1; background:#d9edf7; color:#31708f;}
.notification .alerTitle							{font-size:18px; font-weight:700; display:block;}


}


