@import url("normalize.css");

/* =Global
----------------------------------------------- */
body { background: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center;}

h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5em;
}
h2 {
	font-family: "Open Sans", sans-serif;
}
h3 {
	font-family: "Open Sans", sans-serif;
}
p {
	font-family: "Open Sans", sans-serif;
}

a{ color:#333;}

.clear{ clear:both;}

small {
	line-height: 1;
	font-style: italic;
	font-size: 20px;
	font-size: 2rem;
	text-shadow: 0 1px 0 #fff;
}

.download {
	padding-left: 15px;
	padding-left: 1.5rem;
}

.pro-tip {
	display: block;
	padding: 20px;
	padding: 2rem;
	text-shadow: 0 1px 0 #fff;
}

pre {
	font-size: 18px;
	font-size: 1.8rem;
}

blockquote {
	text-align: left;
	width: 70%;
	margin: 10px auto;
	margin: 1rem auto;
	background: #fff;
	border: solid 3px #959db5;
	padding: 0 40px;
	padding: 0 4rem;
	border-radius: 6px;
	border-radius: .6rem;
}

code {
	font-style: normal;
	padding-left: 5px;
	padding-left: .5rem;
}

/*----------------------------------------  HEADER  */

/*
.wrapper{ max-width:960px; height:auto; margin:0 auto 0 auto; display:inline-block;}


*/


#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: #fff;
	border-bottom: 1px solid #E16007;
	padding: 5px;
	padding: .5rem;
	opacity: .9;
}

.logo {
	padding: 10px 0px 20px 0;
	margin: 0 160px 0 -50px;
	text-decoration: none;

}
.nav-button {
	padding: 8px;
	text-decoration: none;
	color: #959db5;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-style: normal;
}

.current, a.nav-button:hover {
	/*color: #E16007 !important;*/
}

#resize-graphic {
	position: fixed;
	bottom: 0;
	right: 0;
	opacity: .6;
}

/*----------------------------------------  SLIDES  */

.slide {
	margin: 150px auto 0 auto;
	width: 99%;
	padding: 0px 0 0 0;
	/*padding: 130px 0 0 0\0/;*/
	min-height:800px;
	position:relative !important;
}
.slidehome {
	margin: 0px auto 0 auto;
	width: 99%;
	padding: 0px 0 0 0;
	/*padding: 130px 0 0 0\0/;*/
	min-height:800px;
	position:relative !important;
}

.slide .container, .slidehome .container{
	max-width:960px;
	margin:0px auto 0;
	position:relative;
	text-align:left;
	padding-top:72px;
	
	}

/*------------------------  BASE-REM SIZING  */


@media (min-width: 1401px) {
	html {
		
	}
}

@media (max-width: 1400px) {
	html {
		
	}
}

/* target screen width  */
@media (max-width: 1280px) {
	html {
		
	}
}
	
@media (max-width: 1160px) {
	html {
		
	}
}
	
@media (max-width: 1040px) {
	html {
		
	}
}
	
@media (max-width: 920px) {
	html {
		
	}
}
	
@media (max-width: 800px) {
	html {
		
	}
}
	
@media (max-width: 680px) {
	html {
		
	}
}
	
@media (max-width: 560px) {
	html {
		
	}
}
	
@media (max-width: 440px) {
	html {
		
	}
}

@media (max-width: 320px) {
	html {
		
	}
}




























	/* =Section Productos
----------------------------------------------- */
		article.contentProducts {
			width: 100%;
			height: auto;
			overflow: hidden;
			float: left;
		}
			.columnProducts {
				width: 550px;
				height: auto;
				overflow: hidden;
				float: left;
				text-align: right;
				margin: 2em 0;
			}
			#tabsProduct { 
				width: 550px;
				overflow: hidden;
				float: left;
				margin: 2em 0;
			}
			.fadeProducts {
				width: 350px;
				height: auto;
				overflow: hidden;
				float: right;
				text-align: right;
				margin: 0 50px;
			}


	/* =Section Servicios
----------------------------------------------- */
		article.contentService {
			width: 100%;
			height: auto;
			overflow: hidden;
			float: left;
		}	
			.columnService {
				width: 293px;
				height: auto;
				overflow: hidden;
				padding: 20px;
				float: left;
			}
			.columnService h1 {
				font-weight: 700;
				color: #E16007;
				clear: both;
				padding: .5em 0;
			}
			.columnService p {
				font-style: italic;
				font-weight: 400;
				line-height: 1.5em;
				color: #89888E;
			}
			.fadeProducts {
				width: 350px;
				height: auto;
				overflow: hidden;
				float: right;
				text-align: right;
				margin: 0 50px;
			}



	/* =Section Galeria
----------------------------------------------- */
		article.contentGallery {
			width: 100%;
			height: auto;
			overflow: hidden;
			float: left;
		}
			article.contentGallery table {
				width: 100%;
				border-collapse: separate;
				border-spacing: .5px;

			}
			article.contentGallery table td.gallery { background: #FFFFFF; }
			article.contentGallery table td {
				width: 33%;
				height: auto;
				vertical-align: middle;
				text-align: center;
			}
			article.contentGallery table td a {
				text-decoration: none;
				border: 0;
				-webkit-transition: opacity .8s ease-in-out;
				-moz-transition: opacity .8s ease-in-out;
				-o-transition: opacity .8s ease-in-out;
				-ms-transition: opacity .8s ease-in-out;
				transition: opacity .8s ease-in-out;				
			}
			article.contentGallery table td a:hover {
				opacity: .7;
			}

			/*.thumb{ width: 80%; }	*/



	/* =Section Clientes
----------------------------------------------- */
		article.contentClients {
			width: 100%;
			height: auto;
			overflow: hidden;
			float: left;
		}
			article.contentClients table {
				width: 100%;
				border-collapse: separate;
				border-spacing: 7px;
			}
			article.contentClients table td.clients { background: #FFFFFF; }
			article.contentClients table td {
				width: 33%;
				height: 100px;
				background: #EEEEEE;
				vertical-align: middle;
				text-align: center;
			}
			article.contentClients table td.clients img { opacity: 1; }
			article.contentClients table td img { opacity: .6; }



	/* =Section Contacto
----------------------------------------------- */
		article.contentContact {
			width: 100%;
			height: auto;
			overflow: hidden;
			float: left;
		}

			.formContact {
				width: 559px;
				float: right;
				overflow: hidden;
				margin: 2em 0;
				position: relative;
			}
			.formContact p {
				font-weight: 400;
				color: #89888E;
				clear: both;
				line-height: 1.3em;
			}
/*
			.columnContact {
				width: 459px;
				height: auto;
				overflow: hidden;
				padding: 20px;
				float: left;
				border-right: 1px solid #E16007;
				text-align: right;
				margin: 2em 0 1em 0;
			}
			.columnContact:last-child { border-right: 0; text-align: left; }
			.columnContact h1 {
				font-weight: 700;
				color: #E57208;
				clear: both;
				padding: .5em 0;
				line-height: 1.3em;
			}
			.columnContact h2 {
				font-weight: 400;
				color: #E57208;
				clear: both;
				line-height: 1.3em;
			}
			.columnContact h2 span { font-weight: 700; }
			.columnContact p {
				font-weight: 400;
				color: #89888E;
				clear: both;
				line-height: 1.3em;
				padding: .3em 0 1em 0;
			}

			.contentContact a {
				color: #E57208;
				line-height: 1.3em;
				text-decoration: none;
				-webkit-transition: color .2s ease-in-out;
				-moz-transition: color .2s ease-in-out;
				-o-transition: color .2s ease-in-out;
				-ms-transition: color .2s ease-in-out;
				transition: color .2s ease-in-out;
			}
			.contentContact a:hover { color: #F3BF9C; }
			.contentContact .buttonSubmit {
				width: auto;
				overflow: hidden;
				float: left;
				bottom: .2em;
				right: 2em;
				position: absolute;
			}
*/
			/*gomap*/

			.seePoint {
				width: auto;
				overflow: hidden;
				margin: 1em 0 0 0;
			}
			.contentContact .seePoint img { vertical-align: middle; }
			.contentContact .seePoint a {
				color: #767479;
				margin: 0 .5em;
				cursor: pointer;
				font-family: "Open Sans", sans-serif;
				font-weight: 400;
				font-size: .9em;
				-webkit-transition: color .2s ease-in-out;
				-moz-transition: color .2s ease-in-out;
				-o-transition: color .2s ease-in-out;
				-ms-transition: color .2s ease-in-out;
				transition: color .2s ease-in-out;
			}
			.contentContact .seePoint a:hover { color: #E16007; }








	/* =Section Empresa
----------------------------------------------- */		
		article.contentCompany {
			width: 100%;
			height: auto;
			overflow: hidden;
			float: left;
		}	
		.columnCompany {
			float: left;
			height: auto;
			margin-right: 22px;
			overflow: hidden;
			padding-top: 0;
			width: 275px;
			}
			
			.columnCompany .type {
				padding-top:20px;
			}
			.columnCompanyLarge {
				width: 596px;
				height: auto;
				overflow: hidden;
				padding: 0px;
				float: left;
			}
			.columnCompany h1 {
				font-weight: 700;
				color: #E16007;
				clear: both;
				padding: 10px 0 0;
				margin:0px;
			}
			.columnCompanyLarge h2 {
				font-weight: normal;
				color: #E16007;
				clear: both;
				padding: .5em 0;
				font-style: italic;
				font-size:18px;
				line-height:22px;
			}
			.columnCompanyLarge p {
				color: #89888E;
				clear: both;
				font-style: italic;
			}
			.columnCompany p {
				font-style: italic;
				color: #89888E;
				font-size:12px;
			}























/**/
/**/
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: 0em;
}
.ui-tabs .ui-tabs-nav {
	margin: 20px 0 0 0;
	padding: 0;
	width:300px;
	text-transform:uppercase;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
	width:100%;
	font-size:13px;
}
.ui-tabs .ui-tabs-nav li a {
	float: right;
	padding: 0.3em 1em;
	text-decoration: none;
	font-weight:normal;
	color:#999;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
	background:url(../images/arrow.jpg) no-repeat 290px 0px;
	
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
	color:#000;
	
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 0;
	background: none;
}

#tabs .description{
	position:absolute;
	top:100px;
	left:10px;
    text-align: right;
    width: 280px;
	color:#000;
	font-size:12px;
	line-height:20px;}
	
#tabs img { margin:-241px 0 0 36px; margin:-241px 0 0 36px;}
	
	
	
	
	
#clientes .titulo{ float:left; width:15%;}
#clientes .tabla-clientes{ width:80%; float:right;}
#clientes .tabla-clientes td{background:#EEEEEE;border: 3px solid #FFFFFF;margin: 5px;padding: 10px;}
#clientes .tabla-clientes td img{zoom: 1;filter: alpha(opacity=60);opacity: 0.6;}

















				/* =Form
----------------------------------------------- */
				form {
					width: 79%;
					overflow: hidden;
					margin: 1em 0 0 0;
					font-family: "Open Sans", sans-serif;
				}
				label {
					width: 100px;
					height: 30px;
					float: left;
					font-size: .9em;
					font-weight: 400;
					color: #89888E;
					line-height: 1.3em;
					margin: .3em 0 .3em 0;
					clear: both;
					padding: .3em 0 0 0;
				}
				input, textarea {
					width: 70%;
					height: 30px;
					float: left;
					border: 0;
					border: 1px solid #DDDDDD;
					margin: .3em 0 .3em 0;
					padding: 0 0 0 .5em;
					font-size: .9em;

				}
				textarea { 
					height: auto;
					font-family: "Open Sans", sans-serif;
				}
				button {
					background: #E16007;
					border: 0;
					padding: 10px;
					margin-top:5px;
					cursor: pointer;
					float:right;
					color:#FFF;
					font-size:14px;
				}
				button .icon-chevron-right {
					color: #FFFFFF;
				}

				/*placeholder*/
				::-webkit-input-placeholder, ::-webkit-textarea-placeholder { color: #CCCCCC; }
				:-moz-placeholder { /* Firefox 18- */ color: #CCCCCC; }
				::-moz-placeholder { /* Firefox 19+ */ color: #CCCCCC; }
				:-ms-input-placeholder, :-ms-textarea-placeholder { color: #CCCCCC; }



.columnContact{ float:left; text-align:right;}
.columnContact img{ float:left;}
.columnContact .direccion{ float:right; text-align:left; margin-top:20px;}
.columnContact h2, .columnContact h2 a{ color: #E57208;  font-weight: normal;font-size:16px; text-decoration:none;margin:0; padding:0;}
.columnContact p{ color:#999;font-weight: 400; font-size:12px; margin:0; padding:0 0 25px 0;}
.columnForm {width: 48%;height: auto;padding: 0 0 0 4%;float: right; border-left: 1px solid #E16007; font-size:13px;}
#map{	border: 1px solid #E16007; float:left; height:120px; width:100%; clear:both; display:inline-block;}
.columnContInfo { float:left;
			width:150px; 
			height:500px;
			
			}
			
			
			
			
			
			
			
			
			
			
/* =Footer
----------------------------------------------- */
#footer {
	width: 100%;
	height: 40px;
	background: #E16007;
	position:absolute;
	bottom: 0px;
	left:0px;
	display:block;
	font-size:10px; color:#FFF; text-align:center;
	
}
/*
#footer 	.copyright {
	width: 1000px;
	clear: both;
	display: block
	font-size: .7em;
	overflow: hidden;
	padding: 2em 0 1em 0;
	margin: 0 auto;
	color: #FFFFFF;
	}
#footer 	.copyright li { padding: .3em 0; }
#footer 	.copyright li a {
		font-weight: bold;
		text-decoration: none;
		color: #EDA06A;
		margin-top: 2em;
		display: inline-block;

	}

*/
	
			
	
	
	
.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }