@charset "utf-8";
a{cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;margin:0 auto	}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt; font-family:'Terminal Dosis', sans-serif;}
legend{color:#000;}a:focus{outline-style: none;}
.clear {clear:both}
strong{ font-weight:700;}
em{ font-style:italic;}

*:link, *:visited, *:hover, *:active, *:focus { -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear, border-width .25s linear; -moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear, border-width .25s linear; transition: color .25s linear, background-color .25s linear, border-color .25s linear, border-width .25s linear;}
a:focus {outline:none !important;}

html, body 	{ position:relative;	height:100%;min-width:980px;font:400 12px/18px 'Terminal Dosis', sans-serif; text-align:center; color:#555;background:#f2f2f2}
body{ overflow-y: scroll}

/*  HEADER  */
#header						{ position:relative; min-width:980px; height: auto; overflow:hidden;background:#081828 url(../grp/bg.png) repeat-y center; box-shadow:0 2px 5px rgba(0,0,0,.5);}
#header-container	{ width:960px; height: auto; position:relative; margin:0 auto; padding:225px 0 0px; min-height:50px;}
#header .logo			{	position:absolute; top:75px; left:10px; z-index:5}
#header .logo	img	{ width:318px; height:134px}

/*   TOP   */
.top-1					{ position:relative;width:960px;height:auto;margin:0 auto}

					
.top-1 dl				{ position:relative;margin:0 auto;display:block;width:480px;height:302px; float:left}					
.top-1 dd				{ position:absolute; top:302px; left:0px; width:480px;height:302px;-webkit-perspective:1000; display:none}
.top-1 dd.first	{ top:0; display:block}		
.top-1 img			{ position:absolute; top:-0px; right:0px;display:block; z-index:1;border:solid 6px #fff; box-shadow:0 0 10px rgba(0,0,0,.4);}
.img-top				{ border:solid 6px #fff; box-shadow:0 0 10px rgba(0,0,0,.4);display:block;  z-index:1}	


.title					{ margin:20px 50px; text-align:left; height:260px; font-size:27px; line-height:36px; text-transform:uppercase;  color:#fff; display:table}
.title h2				{ display:table-cell; vertical-align:middle;font-weight:700; text-shadow:0 0 10px rgba(0,0,0,.6)}
.title h2	strong{ font-weight:400}
		
				
.top-2										{ position:relative; width:960px; height:auto; overflow:hidden}
.top-2 .graphic 					{ position:absolute; top:0px; left:0px;width:480px;height:auto;z-index:1}
.top-2 .title2						{ position:relative; width:580px; margin:20px 0 80px 380px; text-align: left; height: auto; font-size:27px; line-height:36px;  color:#fff; display:table; z-index:2}
.top-2 .title2 h2					{ font-weight:700; font-size:22px; line-height:22px; text-shadow:0 0 10px rgba(0,0,0,.6);text-transform:uppercase; width:480px; float:left }
.top-2 .title2 h2	strong	{ font-weight:400}

.top-2 .title2 h3					{ font-weight:700; text-shadow:0 0 10px rgba(0,0,0,.6); float:left}
.top-2 .title2 h3	strong	{ font-weight:400}

.top-2 .title2 a 					{ float:left; font-size:16px; line-height:22px; text-shadow:0 0 10px rgba(0,0,0,.6); color:#f0f0f0; text-decoration:none; border-bottom:dotted 1px #f0f0f0; clear:both}
.top-2 .title2 a:hover		{ border-bottom: solid 1px #fff; color:#fff}

/*  NAV  */

#nav							{ position:absolute; top:100px; right:0px; font-size:15px; text-align:left; width: auto; background:#ececec url(../grp/nav.png) repeat-x center; border-radius:10px; z-index:10;box-shadow:0 3px 8px rgba(0,0,0,.3); overflow:hidden}
#nav dd						{ position:relative; overflow:hidden; float:left; width: auto; height: auto; text-align:center}
#nav dd a					{ text-decoration: none; color:#205b78; font-weight:400; font-size:14px; line-height:33px; width:120px; margin:5px 0; display:block; float:left; border-right:solid 1px #c5d2d8}

#nav dd .bull 					{ position:absolute; top:60px; left:55px; width:0; height:0; border-top: 6px solid #2b779a; border-left: 6px solid transparent; border-right: 6px solid transparent;}
#nav dd:hover .bull 		{ top:32px;}
#nav dd.sel .bull				{	top:32px;}

#nav dd a.last		{ border-right:none}
#nav dd a:hover		{ color:#000}
#nav dd.sel a			{ color:#333}

/* SECTION */

.section					{ width:auto; min-width:980px; z-index:2; background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3); border-bottom:solid 1px #1c5873; border-top:solid 7px #00d2ff;

background:-moz-linear-gradient(#ffffff, #E8E8E8);background:-webkit-linear-gradient(#ffffff, #E8E8E8);background:-ms-linear-gradient(#ffffff, #E8E8E8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E8E8E8',GradientType=0 );

}
.section-2				{ width:auto; min-width:980px; z-index:2; background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3); border-bottom:solid 1px #1c5873;

background:-moz-linear-gradient(#ffffff, #E8E8E8);background:-webkit-linear-gradient(#ffffff, #E8E8E8);background:-ms-linear-gradient(#ffffff, #E8E8E8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E8E8E8',GradientType=0 );

}
.content					{ width:960px; height:auto; overflow:hidden; margin:0 auto; text-align:left; padding-bottom:70px}

/* FOOTER */

#footer							{ position: relative; min-width:980px;height: auto;}
#footer-content			{ width:960px; height:auto; margin:20px auto; text-align:left; padding-bottom:40px; overflow:hidden; border-top: dotted 1px #cdcdcd}
.footer1						{	padding:10px; margin:10px; color:#acacac; font-family:Helvetica, Arial, sans-serif; font-size:22px; font-weight:700}
.footer1 span				{ background:#2f2f2f; padding:0 5px}
.footer2						{ padding:10px; margin:-25px 10px 10px; border:dotted 1px #cdcdcd; box-shadow:0 3px 10px rgba(0,0,0,.1); min-height:130px; border-radius:12px; font-size:14px; color:#777; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-hyphenate-limit-lines:2; -moz-hyphenate-limit-lines:2; -ms-hyphenate-limit-lines:2;hyphenate-limit-lines: 2;}

.footer3						{ padding:10px; margin:10px; font-size:15px; color:#777; border-right:dotted 1px #cdcdcd; overflow:hidden}
.footer3	a					{ color:#999; text-decoration:none}
.footer3	a:hover		{ border-bottom:dotted 1px #999}

.rs									{ position:relative; float:left}
.rs li							{ width:45px; height:45px; margin:0 10px 0 0; float:left}
.rs li a						{ width:45px; height:45px; display:block; background:url(../grp/rs.png) no-repeat; color:#fff; overflow:hidden; text-decoration:none; position:relative;  box-shadow:0 2px 3px rgba(0,0,0,.3)}
.rs li a span				{ display:none}

.rs .facebook				{ }
.rs .facebook a			{ background-color:#1143b7; background-position: 0 0}

.rs .twitter				{ }
.rs .twitter a			{ background-color:#00c6ff; background-position: -44px 0}

.rs .pinterest			{ }
.rs .pinterest a		{ background-color:#df0d1e; background-position: -90px 0}

.rs .google					{ }
.rs .google a				{ background-color:#444; background-position: -135px 0}

.rs li	a:hover			{ background-color:#666}	

#nav-footer							{ font-size:12px; text-align:left; margin:10px; padding:10px; border-right:dotted 1px #cdcdcd;}
#nav-footer dd					{ margin-bottom:2px; overflow:hidden}
#nav-footer dd a				{ text-decoration: none; color:#777; font-weight:400; font-size:14px;text-shadow: 0 1px 3px rgba(0,0,0,.1)  }
#nav-footer dd a:hover	{ color:#1c5873;text-shadow: 0 1px 3px rgba(0,0,0,.3)}
#nav-footer dd.sel a		{ color:#1c5873; text-shadow: 0 1px 3px rgba(0,0,0,.3)}

/****		GRID	****/

.gr-1		{ float:left; width:80px;		}
.gr-2		{ float:left; width:160px;	}
.gr-3		{ float:left; width:240px;	}
.gr-4		{ float:left; width:320px;	}
.gr-5		{ float:left; width:480px; 	}
.gr-6		{ float:left; width:560px; 	}
.gr-7		{ float:left; width:640px;  }
.gr-8		{ float:left; width:720px;	}
.gr-9		{ float:left; width:800px;	}
.gr-10	{ float:left; width:960px 	}



/* HOME */
.ls1					{ border-bottom:solid 1px #cdcdcd; position:relative; overflow:hidden}
.ls1 .bull 		{ position:absolute; top:0px; left:10px; width:0; height:0; border-top: 6px solid #00d2ff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.ls1 .cont		{ position:relative; float:left; margin:10px; height:240px}

.ls1 .cont	a				{ text-decoration:none; display:block}

.ls1 .cont	a:hover	h2	{ color:#000}
.ls1 .cont	a:hover	.text	{ color:#999}

.ls1 h1				{ color:#1e617f; font-size:22px; height: auto; text-transform:uppercase; margin-top:20px}
.ls1 h2				{ color:#1e617f; font-size:16px; height:32px; text-transform:uppercase; margin-top:20px}
.ls1 .text		{ color:#646464; font-size:14px; line-height:20px; margin:10px 0;-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-hyphenate-limit-lines:2; -moz-hyphenate-limit-lines:2; -ms-hyphenate-limit-lines:2;hyphenate-limit-lines: 2;}

.ls2							{	position:relative; overflow:hidden}
.ls2 .cont				{ position:relative; float:left; margin:10px; height: auto}
.ls2 .bull				{ position:absolute; top:7px; left:2px; width: 0; height: 0; border-left: 6px solid #00d2ff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.ls2 .cont	a			{	color:#1c5873; text-decoration:none}

.ls2 .cont li						{ position:relative; float:left; margin:0px 0px 10px; line-height:21px; height: auto; clear:both; font-size:15px; padding-left:15px;-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-hyphenate-limit-lines:2; -moz-hyphenate-limit-lines:2; -ms-hyphenate-limit-lines:2;hyphenate-limit-lines: 2;}
.ls2 .cont li	a					{ color:#616d78; text-decoration:none}
.ls2 .cont li	a:hover		{ border-bottom:dotted 1px #666666; color:#000}

.ls2 h2									{ color:#1e617f; font-size:16px; height: auto; text-transform:uppercase; margin-top:10px; font-weight:700}
.ls2 .text							{ color:#646464; font-size:12px; margin:10px 0;-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-hyphenate-limit-lines:2; -moz-hyphenate-limit-lines:2; -ms-hyphenate-limit-lines:2;hyphenate-limit-lines: 2;}


/* EMPRESA */
.ls3							{ position:relative; overflow:hidden}
.ls3 .bull 				{ position:absolute; top:0px; left:10px; width:0; height:0; border-top: 6px solid #00d2ff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.ls3 .cont				{ position:relative; float:left; margin:10px; height: auto}
.ls3 dd						{ font-size:16px; height: auto; text-transform:uppercase; border-bottom:solid 1px #cdcdcd; padding:10px 10px;}
.ls3 dd:last-child{ border-bottom: none}
.ls3 dd	a					{ color:#738386; text-decoration:none; }
.ls3 dd	a:hover		{color:#1c5873;  }
.ls3 dd.sel	a			{color:#1c5873;  }
.ls3 .text				{ color:#646464; font-size:14px; line-height:20px; margin:10px 0;-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-hyphenate-limit-lines:2; -moz-hyphenate-limit-lines:2; -ms-hyphenate-limit-lines:2;hyphenate-limit-lines: 2;}


.ls4					{ position:relative; overflow:hidden}
.ls4 .bull 		{ position:absolute; top:0px; left:10px; width:0; height:0; border-top: 6px solid #00d2ff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.ls4 .cont		{ position:relative; float:left; margin:10px; height: auto}

.ls4 h1				{ color:#1e617f; font-size:22px; height: auto; text-transform:uppercase; margin:20px 0}
.ls4 h2				{ color:#1e617f; font-size:16px; height: auto; text-transform:uppercase; margin:20px 0 5px}
.ls4 dt				{ padding-left:15px; color:#1e617f; font-size:16px; height: auto; text-transform:uppercase; margin-top:20px; position:relative}
.ls4 dt	.bull	{ position:absolute; top:7px; left:2px; width: 0; height: 0; border-left: 6px solid #00d2ff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.ls4 dd				{ padding-left:15px}
.ls4 ul				{ margin:10px auto;}
.ls4 li				{ padding-left:15px; position:relative; margin-bottom:10px}
.ls4 li	.bull	{ position:absolute; top:8px; left:2px; width: 0; height: 0; border-left: 6px solid #00d2ff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.ls4 .text		{ color:#646464; font-size:14px; line-height:22px; margin:10px 0;-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-hyphenate-limit-lines:2; -moz-hyphenate-limit-lines:2; -ms-hyphenate-limit-lines:2;hyphenate-limit-lines: 2; font-family:'Open sans', Helvetica, Arial,sans-serif;}
.ls4 .text p	{ margin-bottom:20px;}



/* CONTACTO */

.ls5					{ position:relative; overflow:hidden}
.ls5 .bull 		{ position:absolute; top:0px; left:10px; width:0; height:0; border-top: 6px solid #00d2ff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.ls5 .cont		{ position:relative; float:left; margin:10px; height: auto}

.ls5 h1				{ color:#1e617f; font-size:22px; height: auto; text-transform:uppercase; margin:20px 0}
.ls5 h2				{ color:#1e617f; font-size:16px; height: auto; text-transform:uppercase; margin-top:20px}

form					{ clear:both}

.campos label					{ display:block; float:left; width:240px; margin-bottom:20px}
.campos input					{ display:block; margin:0 10px; width:210px; padding:3px 5px; background:#fff; border:solid 1px #00d2ff; -webkit-appearance:none; color:#444; font-weight:700; font:16px/20px 'Terminal Dosis', sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.2); border-radius:2px;

background:-moz-linear-gradient(#ffffff, #E8E8E8);background:-webkit-linear-gradient(#ffffff, #E8E8E8);background:-ms-linear-gradient(#ffffff, #E8E8E8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E8E8E8',GradientType=0 );

  }


.campos2 label				{ display:block; float:left; width:480px; margin-bottom:0px}
.campos2 textarea			{ display:block; margin:0 10px 0; width:450px; padding:5px; background:#fff; border:solid 1px #00d2ff; -webkit-appearance:none; color:#444;-webkit-overflow-scrolling: touch; height:166px; font-weight:700; font:16px/23px 'Terminal Dosis', sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.2); border-radius:3px;

background:-moz-linear-gradient(#ffffff, #E8E8E8);background:-webkit-linear-gradient(#ffffff, #E8E8E8);background:-ms-linear-gradient(#ffffff, #E8E8E8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E8E8E8',GradientType=0 );

}

label span		{ display: none; }

.robot					{ display:none;}
#send-form 			{color:#fff; border:0; float:right; margin:10px; padding:12px 20px; border-radius:4px; box-shadow:0 2px 3px rgba(0,0,0,.3); background:#232e47; background:-moz-linear-gradient(#232e47, #030b25);background:-webkit-linear-gradient(#232e47, #030b25);background:-ms-linear-gradient(#232e47, #030b25);}
#send-form:hover{ background:#333; cursor: pointer}

.map_canvas{ position:relative;width:460px; height:500px; margin-top:30px;box-shadow:0 2px 6px rgba(0,0,0,.2); }	

.none			{ display:none}