/*
	HeavyIndustry by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

html, body
{
}

body
{
	margin: 0em;
	padding: 0em;
	background: #FFF url(images/main-bg.jpg) repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #353535;
}

h1, h2, h3 {
	padding: 0em 0em 1em 0em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #353535;
}

h2
{
	font-size: 2.0em;
}

h4
{
	padding: 0em 0em 0em 0em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #353535;
	font-size: 2.0em;
}

p, ol, ul
{
	margin-top: 1em;
	font-size: 1em;
}

p
{
	line-height: 1.75em;
}

.subcapitulo
	{
		margin: 1em 0 0 0;
		padding: 1em 0 0 0;
		font-size: 1.15em;
		font-weight: 600;
		color: #1B4F72;
		text-transform: uppercase;
	}

a
{
	text-decoration: none;
	color: #1B4F72;
}

a:hover
{
	text-decoration: none;
}


/* esto convierte texto en 3 columnas, se queda aqui xq viene de una web y puede servir despues */
.three-columns
{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
   
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	column-gap: 20px;
   
	-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
	-moz-column-gap: 2rem; /* Firefox */
	column-gap: 2rem;
   
	-webkit-column-rule: 2px solid #FFF; /* Chrome, Safari, Opera */
	-moz-column-rule: 2px solid #FFF; /* Firefox */
	column-rule: 2px solid #FFF;
   
	-webkit-column-rule: 0.1rem solid #FFF; /* Chrome, Safari, Opera */
	-moz-column-rule: 0.1rem solid #FFF; /* Firefox */
	column-rule: 0.1rem solid #FFF;
   
	margin: 20px;
	margin: 2rem;
}

/* List Style 1 */

	ul.style1
	{
	}
	
	ul.style1 li
	{
		padding: 0.7em 0em 0.7em 2em;
		background: url(images/check.png) no-repeat left 50%;
	}
	
	ul.style1 a
	{
		display: block;
		padding-left: 1.50em;
		text-decoration: none;
		color: #676767;
	}
	
	ul.style1 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style1 p
	{
		padding-left: 1.50em;
	}

/* List Style 2 */

	ul.style2 {
		overflow: hidden;
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	ul.style2 li {
		padding: 1.50em 0em 1.75em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	ul.style2 a {
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style2 a:hover {
		text-decoration: underline;
	}
	
	
	ul.style2 img {
		float: left;
		margin-right: 1.5em;
	}
	
	ul.style2 .first {
		padding-top: 0;
		border-top: none;
	}
	ul.style2 h3
	{
		padding: 0.3em 0 0 0;
		font-size: 1.10em;
		font-weight: 700;
		color: #333;
	}
	ul.style2 img
	{
		float: left;
		margin: 5px 15px 15px 0px;
		width: 87px;
		height: 113px;
		border: 2px solid #E2E2E2;
	}
	
/* List style 3 */

	ul.style3 {
		margin: 0em;
		padding: 0em 0em 0em 0em;
		list-style: none;
	}
	
	
	ul.style3 li {
		padding: 1.25em 0em 1.25em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	ul.style3 .heading-title {
		font-size: 1.10em;
		font-weight: bold;
		color: #333333;
	}
	
	ul.style3 .date {
		display: inline-block;
		margin: 0em 1em 1em 0em;
		text-transform: uppercase;
		font-size: .80em;
		background: #1B4F72;		
		border: 2px solid #1B4F72;		
		color: #FFFFFF;
	}
	
	ul.style3 .date a
	{
		display: inline-block;
		padding: .5em 1em;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.10em;
		font-weight: 400;
		color: #FFFFFF;		
	}

	ul.style3 a 
	{
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style3 a:hover 
	{
		text-decoration: underline;
	}
	
	ul.style3 .first {
		border-top: none;
	}

/* List style 4 */

	ul.style4 {
		overflow: hidden;
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	ul.style4 li {
		padding: 1.50em 0em 1.50em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	ul.style4 a {
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style4 a:hover {
		text-decoration: underline;
	}
	
	ul.style4 h3
	{
		padding: 0 0 0.75em 0;
		font-size: 1.10em;
		font-weight: 700;
		color: #333;
	}
	
	
	ul.style4 .first {
		padding-top: 0em;
		border-top: none;
	}

/* List style 5 */

	ul.style5 {
		overflow: hidden;
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	ul.style5 li {
		padding: 1.50em 0em 1.50em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	ul.style5 a {
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style5 a:hover {
		text-decoration: underline;
	}
	
	ul.style5 h3
	{
		padding: 0 0 0.75em 0;
		font-size: 1.10em;
		font-weight: 700;
		color: #333;
	}
	
	
	ul.style5 .first {
		padding-top: 5em;
		border-top: none;
	}

/* List style 6 */

	ul.style6
	{
		list-style: none;
	}
	
	ul.style6 li
	{
		float: left;
		/*width: 10.5%; ...para que se extienda uniformemente si no se pone queda a la izquierda*/
	}

	@media (max-width: 400px)
	{
		ul.style6 li
		{
			float: none;
          		text-align: left;
		        width: 100%;
			/*width: 10.5%; ... si se pone se extiende uniforme a lo ancho en desktop, pero en mobile se apretuja*/
		}
	}

	ul.style6 li
	{
		display: block;
	}	

	ul.style6 a
	{
		text-decoration: none;
		margin: 5px;
		padding: 1px 15px 1px 15px;
		color: #1B4F72;
	}

/* List Style 7 */

	ul.style7 {
		overflow: hidden;
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	ul.style7 li {
		padding: 1.50em 0em 1.75em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	ul.style7 a {
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style7 a:hover {
		text-decoration: underline;
	}
		
	ul.style7 img {
		float: center;
		margin: 1em 1.5em 0em 1.5em;
	}
	
	ul.style7 .first {
		padding-top: 0;
		border-top: none;
	}
	ul.style7 h3
	{
		padding: 0.3em 0 0 0;
		font-size: 1.10em;
		font-weight: 700;
		color: #333;
	}
		
/* List Style 8 */

	ul.style8
	{
	}
	
	ul.style8 li
	{
		padding: 0em 0 0.25em 0em;
		background: url(images/check.png);
		background-repeat: no-repeat;
		background-position: left top 0.25em;
	}
	
	ul.style8 p
	{
		padding-left: 1.50em;
	}
		
/* List style 9 */

	ul.style9 {
		margin: 0em;
		padding: 0em 0em 0em 0em;
		list-style: none;
	}
		
	ul.style9 li {
		padding: 0em 0em 2.5em 0em;
	}
	
	ul.style9 .heading-title {
		font-size: 1.10em;
		font-weight: bold;
		color: #333333;
	}
	
	ul.style9 .date {
		display: inline-block;
		margin: 0em 1em 0em 0em;
		text-transform: uppercase;
		font-size: .80em;
		background: #1B4F72;		
		border: 2px solid #1B4F72;		
		color: #FFFFFF;
	}
	
	ul.style9 .date a
	{
		display: inline-block;
		padding: .5em 1em;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.10em;
		font-weight: 400;
		color: #FFFFFF;		
	}

	ul.style9 a 
	{
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style9 a:hover 
	{
		text-decoration: underline;
	}
	
	ul.style9 .first {
		border-top: none;
	}	


/* List Style 10 */

	ul.style10
	{
	}
	
	ul.style10 li
	{
		padding: 0em 0 0.25em 0em;
		background: url(images/check.png);
		background-repeat: no-repeat;
		background-position: left top 0.25em;
	}
	
	ul.style10 p
	{
		padding-left: 1.50em;
	}

	ul.style10 a
	{
		text-decoration: none;
		color: #4e4e4e;
	}

	
	ul.style10 a:hover
	{
		text-decoration: none;
	}
	
	
/* Button Style 1 */

	.button
	{
		display: inline-block;
		margin-top: 0.5em;
		background: #1B4F72;
		letter-spacing: 2px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		font-size: 1.10em;
		font-weight: 400;
		color: #FFF;
	}
	
	.button a
	{
		display: inline-block;
		padding: 0.75em 2.00em;			
		text-decoration: none;
		color: #FFF;
	}
	.button span
	{
		display: inline-block;
		padding: 0.75em 2.00em;		
	}
	
	
/* Header Wrapper */

	#header-wrapper
	{
		overflow: hidden;
		margin-bottom: 3em;
		padding: 2em 0em 5em 0em; /* aqui el primer padding indica margen superior = define altura de encabezado */
		background: #1B4F72;
	}

/* Page Wrapper */

	#wrapper
	{
		overflow: hidden;
		padding: 0em 0em 3em 0em;
		background: #FFF;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .05);
	}

/* Page */

	#page
	{
		overflow: hidden;
		padding: 5em 0em 0em 0em;
	}
	
	.homepage #page
	{
		padding: 3em 0em 0em 0em;
	}

/* Content */

	#content
	{
	}

	#content h2
	{
		letter-spacing: -2px;
		font-size: 2.50em;
	}

	#content section
	{
		padding: 0em 2em 0em 2em;
	}

	#content a img
	{
		display: block;
		width: 100%;
		margin-bottom: 1.50em;		
	}

/* Sidebar */

	#sidebar
	{
	}

	#sidebar #box1
	{
	}

	#sidebar #box2
	{
		padding: 3em 0em 0em 0em;
	}

/* Marketing */

	#marketing
	{
		overflow: hidden;
		padding: 1em 0em 0em 0em;
	}

	#marketing h2
	{
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-size: 1.75em;
		font-weight: 700;
		color: #1B4F72;
	}
	
	#marketing .subtitle
	{
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border-bottom: 2px solid #E2E2E2;
		font-size: 1.25em;
		font-weight: 600;
		color: #3D3D3D;
	}
	
	#marketing .box
	{
		padding: 0 2em;
	}


/* One Column */

	#one-column
	{
		overflow: hidden;
		margin: 3em 0em 0em 0em;
		padding: 3em 0em 0em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	#one-column section
	{
		padding: 0em 0em 0em 0em !important;
	}
	
	#one-column h3
	{
		margin-top: 1em;
	}

	
/* Two Column */

	#two-column
	{
		overflow: hidden;
		margin: 3em 0em 0em 0em;
		padding: 4em 0em 0em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	#two-column section
	{
		padding: 0em 0em 0em 0em !important;
	}
	
	#two-column h3
	{
		margin-top: 1em;
	}

/* Three Column */

	#three-column
	{
		overflow: hidden;
		margin: 3em 0em 0em 0em;
		padding: 3em 0em 0em 0em;
		border-top: 2px solid #E2E2E2;
	}
	
	#three-column section
	{
		padding: 0em 0em 0em 0em !important;
	}

/* Banner */

	#banner
	{
	}

	#banner a img
	{
		display: block;
		width: 100%;
	}

/* Copyright */

	#copyright
	{
		overflow: hidden;
		padding: 2em 0em 2em 0em;
		text-shadow: 1px 1px 0px #FFFFFF;
		text-align: center;
		font-size: 1em;
		color: #949494;
	}
	
	#copyright a
	{
		color: #949494;
	}
	
	#copyright a:hover
	{
		text-decoration: none;
}

/* Footer */
	#footer
	{
		background: #1B4F72;
		overflow: hidden;
		padding: 0em 0em 2em 0em;		
		
		text-align: center;
		font-size: 1em;
	}
	#footer a
	{
		color: #FFF;
	}
	
	#footer a:hover
	{
		text-decoration: none;
	}

/* Menu */
	#menu
	{
		background: #1B4F72;
		overflow: hidden;
		margin: 5em 0em 0em 0em;
		padding: 1em 0em 2em 0em;		
		text-align: center;
		font-size: 1.0em;
	}
	#menu a
	{
		color: #FFF;
	}
	
	#menu a:hover
	{
		text-decoration: none;
	}

/* Enlaces */
	#enlaces
	{
		padding: 2em 0em 0em 0em;
	}
	
	#enlaces img
	{
		float: center;
		margin: 13px 10px 0px 10px;
	}

/* Siganos */
	#siganos
	{
		overflow: hidden; /* esto logra que se extienda en todo lo ancho de la pagina */
		padding: 0em 3em 0em 3em;
		background: #1B4F72;
		float: right; /* esto hace que todo siganos este a la derecha pero pierdefoco de "a" */
	}

	#siganos img
	{
		margin: 0px 4px 0px 4px;
		border: 1px solid;
		width: 23px;
		height: 23px;
		float: left;
	}

	#siganos p
	{
		color: #FFF;
		margin: 0px 4px 0px 0px;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 1.5em;
		font-family: 'Open Sans', sans-serif;
		float: left;
	}

	#siganos form
	{
		margin: 0px 0px 0px 2px;
		float: left;
	}

	#siganos a
	{
		display: block;
		float: left;
	}