html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	
}
html {
	border: 0;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	overflow:scroll;
}
body {
	font-family: Arial, Verdana, sans-serif;
	border: 0;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	font-size:100%;
	width:100%;
	height:100%;
	color:black;
	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

 


/* GRUPO LA FE STYLE SHEET 2013*/

@media(orientation: landscape) { 

/*
 * Media Query Font Sizes
 */
 
@media screen and (min-width: 1500px) and (max-width:2200px) { 

p,p a {
	padding: 0;
	margin:0;
	font-size: .8em;
	line-height: 1;

	text-align:justify;
}
	
p2,p2 a {
	padding: 0;
	margin:0;
	font-size: .8em;
	line-height: 1.2;
	color:black;
}

h1, h1 a {
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.5em;
	
}

h2, h2 a {
	font-family: sans-serif;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.2em;
	font-weight:bolder;
}

h3, h3 a {
	display:inline-block;
	font-weight:lighter;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1em;
	
}

h4, h4 a {
	display:inline-block;
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1em;
	
}

input { 
	background-color: white ; 
	border-style:none;
	border-bottom-style:solid;
	border-color:#999999;
	border-width:1px;

}

textarea { 
	
	background-color: white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;

}

#emf-form textarea {
	background-color:white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;
    z-index: 10;
	max-width: 99%;
	height: 350px;
	width: 99%; /* ie8 fix*/
}

}

@media screen and (min-width: 900px) and (max-width:1499px) { 

p,p a {
	padding: 0;
	margin:0;
	font-size: .6em;
	line-height: 1;
	text-align:justify;
}
	
p2,p2 a {
	padding: 0;
	margin:0;
	font-size: .6em;
	line-height: 1.2;
	color:black;
}

h1, h1 a {
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.8em;
	
}

h2, h2 a {
	font-weight:bold;
	font-family: sans-serif;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .9em;
}

h3, h3 a {
	display:inline-block;
	font-weight:lighter;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1em;
	
}

h4, h4 a {
	display:inline-block;
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .8em;
	
}

input { 
	background-color: white ; 
	border-style:none;
	border-bottom-style:solid;
	border-color:#999999;
	border-width:1px;

}

textarea { 
	margin-top: 20px;
	background-color: white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;

}

#emf-form textarea {
	background-color:white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;
    z-index: 10;
	max-width: 99%;
	height: 180px;
	width: 99%; /* ie8 fix*/
}

}
@media screen and (min-width: 200px) and (max-width:899px) { 


p,p a {
	padding: 0;
	margin:0;
	font-size: .4em;
	line-height: 1;
	
	text-align:justify;
}
	
p2,p2 a {
	padding: 0;
	margin:0;
	font-size: .4em;
	line-height: 1.2;
	color:black;
}

h1, h1 a {
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.6em;
	
}

h2, h2 a {
	font-weight:bold;
	font-family: sans-serif;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .7em;
}

h3, h3 a {
	display:inline-block;
	font-weight:lighter;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .8em;
	
}

h4, h4 a {
	display:inline-block;
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .6em;
	
}

input { 
	background-color: white ; 
	border-style:none;
	border-bottom-style:solid;
	border-color:#999999;
	border-width:1px;

}

textarea { 
	margin-top: 20px;
	background-color: white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;

}

#emf-form textarea {
	background-color:white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;
    z-index: 10;
	max-width: 99%;
	height: 90px;
	width: 99%; /* ie8 fix*/
}

}

.aspectwrapper {

float:left;
display: inline-block; /* shrink to fit */

position: relative; /* so .content can use position: absolute */

border: 0px;
margin:2%;

width: 44%;
	
background-color: #f8bf14;
}

.aspectwrapper::after {
padding-top: 100%; /* percentage of containing block _width_ */
display: block;
content: '';
}

}

@media(orientation: portrait) { 

/*
 * Media Query Font Sizes
 */
 
@media screen and (min-width: 1500px) and (max-width:2200px) { 

p,p a {
	padding: 0;
	margin:0;
	font-size: .8em;
	line-height: 1;

	text-align:justify;
}
	
p2,p2 a {
	padding: 0;
	margin:0;
	font-size: .8em;
	line-height: 1.2;
	color:black;
}

h1, h1 a {
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.5em;
	
}

h2, h2 a {
	font-family: sans-serif;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.2em;
	font-weight:bolder;
}

h3, h3 a {
	display:inline-block;
	font-weight:lighter;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1em;
	
}

h4, h4 a {
	display:inline-block;
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1em;
	
}

input { 
	background-color: white ; 
	border-style:none;
	border-bottom-style:solid;
	border-color:#999999;
	border-width:1px;

}

textarea { 
	
	background-color: white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;

}

#emf-form textarea {
	background-color:white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;
    z-index: 10;
	max-width: 99%;
	height: 350px;
	width: 99%; /* ie8 fix*/
}

}

@media screen and (min-width: 900px) and (max-width:1499px) { 

p,p a {
	padding: 0;
	margin:0;
	font-size: 1.2em;
	line-height: 1.3;
	text-align:justify;
}
	
p2,p2 a {
	padding: 0;
	margin:0;
	font-size: 1.2em;
	line-height: 1.3;
	color:black;
}

h1, h1 a {
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:2.5;
	font-size: 2.4em;
	
}

h2, h2 a {
	font-weight:bold;
	font-family: sans-serif;
	padding: 0;
	margin:0;
	line-height:1.6;
	font-size: 1.5em;
}

h3, h3 a {
	display:inline-block;
	font-weight:lighter;
	padding: 0;
	margin:0;
	line-height:1.7;
	font-size: 1.6em;
	
}

h4, h4 a {
	display:inline-block;
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.5;
	font-size: 1.4em;
	
}

input { 
	background-color: white ; 
	border-style:none;
	border-bottom-style:solid;
	border-color:#999999;
	border-width:1px;

}

textarea { 
	margin-top: 20px;
	background-color: white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;

}

#emf-form textarea {
	background-color:white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;
    z-index: 10;
	max-width: 99%;
	height: 180px;
	width: 99%; /* ie8 fix*/
}

}
@media screen and (min-width: 200px) and (max-width:899px) { 


p,p a {
	padding: 0;
	margin:0;
	font-size: .4em;
	line-height: 1;
	
	text-align:justify;
}
	
p2,p2 a {
	padding: 0;
	margin:0;
	font-size: .4em;
	line-height: 1.2;
	color:black;
}

h1, h1 a {
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: 1.6em;
	
}

h2, h2 a {
	font-weight:bold;
	font-family: sans-serif;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .7em;
}

h3, h3 a {
	display:inline-block;
	font-weight:lighter;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .8em;
	
}

h4, h4 a {
	display:inline-block;
	font-weight:bold;
	padding: 0;
	margin:0;
	line-height:1.2;
	font-size: .6em;
	
}

input { 
	background-color: white ; 
	border-style:none;
	border-bottom-style:solid;
	border-color:#999999;
	border-width:1px;

}

textarea { 
	margin-top: 20px;
	background-color: white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;

}

#emf-form textarea {
	background-color:white ; 
	border-color:#999999;
	border-style:solid;
	border-width:1px;
    z-index: 10;
	max-width: 99%;
	height: 90px;
	width: 99%; /* ie8 fix*/
}

}

.aspectwrapper {

float:left;
display: inline-block; /* shrink to fit */
width:40%;
position: relative; /* so .content can use position: absolute */

border: 0px;
margin:2%;

width: 95%;
	
background-color: #f8bf14;
}

.aspectwrapper::after {
padding-top: 100%; /* percentage of containing block _width_ */
display: block;
content: '';
}

}

#content {
position: absolute;
top: 0; bottom: 0; right: 0; left: 0; /* follow the parent's edges */
padding: 2.5% ;
}

#wrap {
	position: relative;
	top: 0; bottom: 0; right: 0; left: 0;
	border: 0px;
    width:100%;
	height:100%;
	background: url(images/Fondo1.jpg) no-repeat;
	background-size: cover;
	
	}

#cont {
	position: relative;
	float:left;
	border: 0px;
	margin:2%;
	padding: 2.5% ;
	width: 41%;
	height:80%;
	background-color: #f8bf14;
	}
	
#left {
	position: relative;
	float:left;
	width: 65%;
	height:100%;
	}

#la {
	position: relative;
	float:left;
	width: 100%;
	height:45%;
	
	}

#la1 {
	position: relative;
	float:left;
	clear:both;
	width: 70%;
	height:40%;
	border-right:auto;
	background: url(images/logo.png) no-repeat;
	background-size: contain;
	z-index:100;
	
	}	
	
#la2 {
	position: relative;
	float:left;
	clear:both;
	width: 95%;
	height:40%;
	padding-right:5%;
	
	}
	
#la3 {
	position: relative;
	float:left;
	clear:both;
	width: 100%;
	height: 20%;
	}	
	
#lb {
	position: relative;
	float:left;
	width: 100%;
	height:55%;
	
	}
	
#lb1 {
	position: relative;
	float:left;
	width: 45%;
	height:100%;
	padding-right:5%;
	
	}

#lb2 {
	position: relative;
	float:left;
	width: 45%;
	height:100%;
	padding-right:5%;
	}	
	
#lb1m {
	position: absolute;
	width:90%;
	height:53%;
	bottom:0;
	left:0;
	
	}
	
#lb2m {
	position: absolute;
	width:90%;
	height:53%;
	bottom:0;
	left:0;
	
	}	
	
#1m {

	
	bottom:0;
	left:0;
	
	}
	
#2m {
	
	
	bottom:0;
	left:0;
	
	}	
	

	
#mapaof, #mapaof a {
	
	background: url(images/Oficina.jpg) no-repeat;
	background-size: contain;	
	
	}
	
#mapaar, #mapaar a {
	
	
	background: url(images/Arenera.jpg) no-repeat;
	background-size: contain;	
	}
	
	
.mapaspect {


display: inline-block; /* shrink to fit */
width:100%;
position: relative; /* so .content can use position: absolute */
border: 0px;

}

.mapaspect::after {
padding-top: 100%; /* percentage of containing block _width_ */
display: block;
content: '';
}


.mapcontent {
position: absolute;
top: 0; bottom: 0; right: 0; left: 0; /* follow the parent's edges */

}

#right {
	position: relative;
	float:left;
	width: 35%;
	height:100%;
	background: url(images/Materiales.jpg) no-repeat;
	background-size: contain;
	
	}