/**********************************************************************************/
/* 				standard                                                          */
/*********************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic);

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}
.clearfix:before, .clearfix:after { content: " "; display: table; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section	{	display: block;  	}
h1 {	font-size: 28px; text-transform: uppercase; color:  #2c3e50; text-align: left; 
				margin: 50px 0 20px 0; letter-spacing: -1px;} 

.bg-body 	{ background: #182939; text-align: justify; padding-bottom: 20px;}

body	 {	width: 100%; height: auto; /* FONDO */
			font-family: "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif; 
			position: relative;
			background: 
			url(../img/bg-light.png) #fff repeat top left;
			}					


* 			{ padding: 0; margin: 0; border: none;}

.clear 		{ clear: both;}

.full 		{ width: 1000px; height: auto; margin: auto; position: relative;  }
.full h2	{ 	color: #fc4c3c; font-size: 1.7em; text-transform: uppercase; padding: 20px 0; text-align: center; }

.full-2		{ 	width: 900px; height: auto; margin: auto; position: relative; padding: 30px 0px; 
				text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
.full-2 p 	{	color: #595959; font-size: 0.8em; padding: 10px 0 ; line-height: 1.6em;}
.full-2 ul 	{	color: #595959; font-size: 0.8em; padding: 10px 0 10px 25px; }
.full-2 ul li	{	list-style-image: url(../img/arrow_small.png) ;  }
.full-2 ul li a { 	color: #fc4c3c; text-decoration: none; font-size: 1em;
					-ms-transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;
					}
.full-2 ul li a:hover	{color:  #2c3e50;}
.full-2 li 	{	line-height: 2.5em; list-style: none; list-style-position: outside; }
.full-2 p a 	{	text-align: center;	padding: 15px 20px;  
				display: inline-block; background: #fc4c3c;	
				color: #fff; text-decoration: none;
				text-shadow: none;
				-ms-transition: 	all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-moz-transition: 	all 0.5s ease;
				-o-transition: 		all 0.5s ease;
				transition: 		all 0.5s ease;
				}
.full-2 p a:hover 	{ 	background: #2c3e50; }

.full-2	h2			{ 	color: #fc4c3c; font-size: 1.4em; text-transform: uppercase; padding: 0 40px 15px 0;
						letter-spacing: -1px; }

.full-2 h3 			{ 	color: #2c3e50; text-transform: uppercase; 
						border-bottom: 1px dotted #2c3e50; padding: 30px 0 10px 0; font-size: 1.2em;}
.full-2 h3 a 		{ 	color: #2c3e50; text-decoration: none;
						-ms-transition: 	all 0.5s ease;
						-webkit-transition: all 0.5s ease;
						-moz-transition: 	all 0.5s ease;
						-o-transition: 		all 0.5s ease;
						transition: 		all 0.5s ease;
						}
.full-2 h3 a:hover	{ 	color: #fc4c3c; }

.full-2 h4			{ 	color: #fc4c3c; padding: 30px 0 15px 0; font-size: 1em; text-transform: uppercase;}

.full-2 h5 			{	color: #5d6e81; padding: 30px 0 15px 0;  font-size: 0.9em; text-transform: uppercase;}

.full-2 h5:before 	{	content: url(../img/point.png) center center ; padding: 0 20px 0 0;}

.full-2 span 		{ 	color: #fc4c3c; }

.img-gar 	{width: 203px; height: 203px; position: absolute; top: -150px; right: -150px; }

#attention {	width: 100%; 
				padding: 10px 0;
				height: auto; 
				background: 
				url(../img/bg_destac2.jpg)		no-repeat center 70px,
				url(../img/bg-dark-blue2.jpg) 	repeat-x left bottom,
				url(../img/bg-light.png) 		#f7f5f4 repeat top left;
				}
#licencias {	width: 100%;
				height: auto; 
				background: 
				url(../img/bg_destac.png) 		no-repeat center 10px ,
				url(../img/bg-dark-blue2.jpg) 	repeat-x left bottom,
				url(../img/bg-light.png) 		#f7f5f4 repeat top left;
				}
#autoCad {	width: 100%; 
				padding: 10px 0;
				height: 240px;
				background: 
				url(../img/auto_cad_lt.jpg)	no-repeat center 70px;
				}


#licencias h1, #attention h1 {	font-size: 28px; text-transform: uppercase; color:  #f7f5f4; text-align: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
				margin: 50px 0 20px 0; letter-spacing: -1px;} 


header 		{ 	width: 100%; height: 167px; background: repeat url(../img/bg-dark-blue.png) #2c3e50;
				border-bottom: 3px solid  #fc4c3c;}


.col-1 		{	width: 100%; height: 55px;  background: #fc4c3c; max-width: 1000px; 
				margin: auto;
				border-radius: 5px;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;}
.col-1 > h3 {	font-size: 1.5em; color: #fff; font-weight: normal; 
				text-align: right; font-family: "Georgia", serif; line-height: 55px; 
				letter-spacing: -1px; font-style: italic;}

.col-1 > img {	display: inline-block; float: right; position: relative; margin: 3px 30px 0 20px;}

.claro 		 {	font-weight: bold; font-size: 1.3em;}


.col-2		{ 	width: 49%; height: 170px; float: left;  position: relative; margin-bottom: 0;} /* para header */

.col-2c		{ 	width: 48%; height: auto; padding-left: 30px; float: left;  position: relative; } /* para abajo de header */

.col-3		{	width: 32%; float: left; margin: 20px 0;}

.col-3c		{	width			: 65%; 
				float			: right;
				display			: block;
				margin 			: 20px 10px 20px 10px;
				}

.col-3c h4 	{	padding-left: 10px;}

.link { 	color: #fc4c3c; text-decoration: none; font-size: 0.9em; 						
						-ms-transition: 	all 0.5s ease;
						-webkit-transition: all 0.5s ease;
						-moz-transition: 	all 0.5s ease;
						-o-transition: 		all 0.5s ease;
						transition: 		all 0.5s ease;
						}

.link:hover	{color:  #2c3e50;}


.col-3 hr, .col-3c hr { margin: 20px 0; border:1px solid #e8e8e8;}

.col-3 li 	{	line-height: 2em; list-style: none;  }

.col-3 ul, .col-3c ul 	{	color: #595959; font-size: 0.8em; padding: 15px 0 0 30px; }


.col-3 ul li a, .col-3c ul li a { 	color: #fc4c3c; text-decoration: none; font-size: 1em;
									-ms-transition: 	all 0.5s ease;
									-webkit-transition: all 0.5s ease;
									-moz-transition: 	all 0.5s ease;
									-o-transition: 		all 0.5s ease;
									transition: 		all 0.5s ease;
									}

.col-3 ul li a:hover, .col-3c ul li a:hover	{color:  #2c3e50;}

.col-3  td, .col-3c  td {padding-left: 15px; padding-top: 10px; color: #595959; font-size: 0.9em; }




.col-3c input,  .col-3c  textarea

	{	width: 60%; 
		height: 50px;
		padding: 20px 10px;
		margin: 3px 0; 
		border: 1px solid  #fc4c3c; 
		background:  #fff;
		border-radius: 3px; 
		color: #595959;
		font-size: 0.9em;
		float: right;}

.col-3c  label	{		color: #595959; 
						font-size: 0.8em;
						width: 29%; 
						height: 50px;
						padding: 20px 10px;
						display: inline-block;
						float: left; 
						margin: 3px 0; 
						margin-left: 20px; 					
						}

.col-3c input[type="submit"] { 	width: 45%; background: #fc4c3c; height: 60px;
								color: #fff; text-transform: uppercase; cursor: pointer;
								font-weight: bold;
								border: none;
								-ms-transition: 	all 0.5s ease;
								-webkit-transition: all 0.5s ease;
								-moz-transition: 	all 0.5s ease;
								-o-transition: 		all 0.5s ease;
								transition: 		all 0.5s ease;
								}				

.col-3c input[type="submit"]:hover { background: #2c3e50;}





 /**********************************************************************************/
/* 			 nav 		                                                          */
/*********************************************************************************/

nav { width: 100%; height: 170px; position: absolute; top: 0; right: 0;  }

nav li {

	width: 20%;
	position: relative;
	float: left;
	display: block;
	outline: none;
	color: #a6a3a0;
	text-transform: uppercase;
	letter-spacing: -0.3px;	
	font-size: 0.75em;
	text-align: center;
	line-height: 167px;
	-ms-transition: 	all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: 	all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 		all 0.5s ease;
	}
	

nav li a { 
	text-decoration: none;
	color: #f7f5f4;
	text-shadow: 0 0 1px rgba(255,255,255,0.5);
	cursor: pointer;
	display: block;

	}

nav li:hover { background:  #fc4c3c; width: 20%;}

.active {
	width: 20%;	
	line-height: 167px;
	background:  #fc4c3c;
	cursor: pointer;
	display: block;
	}



.myButton 	{margin: 10px 0 20px 0;}
#myButton 	{position: relative; margin-left: 325px; width: 250px; height: 50%; text-align: center;}

.myButton, #myButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f7c5c0;
	box-shadow:inset 0px 0px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb4b3b), color-stop(1, #e02e27));
	background:-moz-linear-gradient(top, #fb4b3b 5%, #e02e27 100%);
	background:-webkit-linear-gradient(top, #fb4b3b 5%, #e02e27 100%);
	background:-o-linear-gradient(top, #fb4b3b 5%, #e02e27 100%);
	background:-ms-linear-gradient(top, #fb4b3b 5%, #e02e27 100%);
	background:linear-gradient(to bottom, #fb4b3b 5%, #e02e27 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4b3b', endColorstr='#e02e27',GradientType=0);
	background-color:#fb4b3b;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	padding:15px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	text-transform: uppercase;
	}

.myButton:hover, #myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e02e27), color-stop(1, #fb4b3b));
	background:-moz-linear-gradient(top, #e02e27 5%, #fb4b3b 100%);
	background:-webkit-linear-gradient(top, #e02e27 5%, #fb4b3b 100%);
	background:-o-linear-gradient(top, #e02e27 5%, #fb4b3b 100%);
	background:-ms-linear-gradient(top, #e02e27 5%, #fb4b3b 100%);
	background:linear-gradient(to bottom, #e02e27 5%, #fb4b3b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02e27', endColorstr='#fb4b3b',GradientType=0);
	background-color:#e02e27;
	}

.myButton:active, #myButton:active {
	position:relative;
	top:1px;
}

.entidades  		{ list-style: none; }

.entidades  figure 	{	width: 32%;
						height: auto;
						position: relative;
						float: left;
						margin-right: 1%;
						margin-top: 20px;
						list-style: none;
						}

.entidades figure img 	{	-ms-transition: 	all 0.5s ease;
							-webkit-transition: all 0.5s ease;
							-moz-transition: 	all 0.5s ease;
							-o-transition: 		all 0.5s ease;
							transition: 		all 0.5s ease;
							}

	#box {
		width:100%;
		display: none;
		padding:30px;
		color: #182939;

		}

	#box p {
		padding-top: 20px;
		line-height:30px;
		font-size: 14px;
		color:  #182939;
	}

.title 				{	text-align: center; text-transform: uppercase;  
						width: 100%; border-bottom: 1px solid #8c8c8c; color: #595959; letter-spacing: -1px;
						font-size: 1.6em; font-weight: 500;  
						text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);  
						padding: 20px 0 15px 0; margin-top: 20px; }

.title2				{	text-align: center; text-transform: uppercase;  width: 100%; border-bottom: 1px solid #eee; 
						color: #eee; letter-spacing: -1px; font-size: 1.6em; font-weight: normal; 
						text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); padding: 20px 0 15px 0 ; }

blockquote			{ 	font-size: 1.5em; font-weight: 500; text-align: center; color: #595959; font-family: Georgia;
					  	font-style: italic; padding: 15px 0 10px 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}

footer 				{  	width: 100%; 
						height: auto; 
						background: repeat url(../img/bg-dark-blue.png) #2c3e50; 
						border-top: 3px solid  #fc4c3c; 
						z-index: 999;
						padding: 10px 0 20px 0;}

footer p 			{ 	font-size: 12px; color: #798b9f;  
						text-align: center; 
						border-bottom:1px dotted #2c3e50;  
						border-top:1px dotted #2c3e50; 
						padding: 20px 0;
						text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }

.navBotton 		{  width: 80%; height: 70px; margin: auto;  position: relative;}
.navBotton ul 	{ margin-left: 45px; }

.navBotton li 	{	
	position: relative;
	float: left;
	display: inline;
	outline: none;
	color: #fff;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;
	line-height: 70px;
	}

.navBotton li a {	text-decoration: none; 
					color: #798b9f;
					border: none;
					-ms-transition: 	all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-moz-transition: 	all 0.5s ease;
					-o-transition: 		all 0.5s ease;
					transition: 		all 0.5s ease;
					padding: 20px 0 ;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
					} 

.navBotton li a:hover {margin-bottom: 1px solid #fc4c3c; color: #fc4c3c;}

.flag-ar img { width: 50px; height: 50px;	position: absolute; top: -35px; right: -20px;}

.logo-footer {	width: 150px; height: 47px; margin: 10px auto 0; 
				
				background: no-repeat url(../img/logo_footer1.png);
				position: relative;
				-ms-transition: 	all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-moz-transition: 	all 0.5s ease;
				-o-transition: 		all 0.5s ease;
				transition: 		all 0.5s ease;}

.logo-footer:hover {background: no-repeat url(../img/logo_footer.png);}

.logo-footer-chile {width: 150px; height: 47px; margin: 10px auto; background: no-repeat url(../img/logo_footer-chile.png);
				position: relative;
				-ms-transition: 	all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-moz-transition: 	all 0.5s ease;
				-o-transition: 		all 0.5s ease;
				transition: 		all 0.5s ease;}

.logo-footer-chile:hover {background: no-repeat url(../img/logo_footer-chile1.png);}

 	
	.modalDialog {	position: fixed;
					display: none;
					font-family: "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif; 
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background: rgba(0,0,0,0.8);
					z-index: 99999;
					opacity:0;
					-ms-transition: 	opacity 400ms ease-in;
					-webkit-transition: opacity 400ms ease-in;
					-moz-transition: 	opacity 400ms ease-in;
					transition: 		opacity 400ms ease-in;
					}

	.modalDialog:target {
					opacity:1;
					display: block;
				}
			
	.modalDialog > div

					{
					width: 1000px;
					max-height: 500px;
					position: relative;
					margin: 5% auto;
					padding: 40px;
					border-radius: 5px;
					background: url(../img/bg-light.png) #fff repeat top left;
					border: 5px solid #fff;
					overflow: auto;
					}

	.close {	background: no-repeat url(../img/closeInactive.png);
				position: absolute;
				right: 15%;
				top: 5%;
				width: 40px;
				height: 40px;
				display: block;
				cursor: pointer;
				text-decoration: none;
				z-index: 9999;
				-ms-transition: 	all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-moz-transition: 	all 0.5s ease;
				-o-transition: 		all 0.5s ease;
				transition: 		all 0.5s ease;}

.close:hover {background: no-repeat url(../img/closeHover.png);}

.img-producto { width: 24%; height: auto; margin-right: 1%;  position: relative; float: left; display: block;}
div.info-producto { display: block; margin: 10px; width: 70%; float: right;}
.img-producto img  {width: 100%; display: block; border: 1px solid #efefef; float: left;
					border-radius: 5px; margin: 15px 0; position: relative; 
					-ms-transition: 	all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-moz-transition: 	all 0.5s ease;
					-o-transition: 		all 0.5s ease;
					transition: 		all 0.5s ease;
					 }

.img-producto img:hover {	transform: 			scale(1.1,1.1);
							-webkit-transform: 	scale(1.1,1.1);
							-moz-transition: 	scale(1.1,1.1);
							-ms-transform: 		scale(1.1,1.1); 
							z-index: 9999;
							-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.4);
							-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.4);
							box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.4);
							}


.inter-producto 		{ 	width: 24%; height: auto; margin-right: 1%;  position: relative; float: left; display: block;}
.inter-producto > img  	{	width: 100%; height: 100%; display: block; 
							border: 1px solid #efefef; 
							float: left;
							border-radius: 5px; margin: 15px 0; position: relative; }
	
.inter-producto > figcaption {	width: 100%; display: block; float: left; position: relative;
								background: #fff;
								text-align: center;border-radius: 5px;
								margin-top: 10px;
								-ms-transition: 	all 0.5s ease;
								-webkit-transition: all 0.5s ease;
								-moz-transition: 	all 0.5s ease;
								-o-transition: 		all 0.5s ease;
								transition: 		all 0.5s ease; }

.inter-producto > figcaption p {	color: #2c3e50; font-weight: bold; text-shadow: none; 
								font-size: 1em; line-height: 1em;
								-ms-transition: 	all 0.5s ease;
								-webkit-transition: all 0.5s ease;
								-moz-transition: 	all 0.5s ease;
								-o-transition: 		all 0.5s ease;
								transition: 		all 0.5s ease; }
	
.inter-producto > figcaption:hover {background: #2c3e50;}
.inter-producto > figcaption p:hover {color: #fff;}