/*
Google Font
font-family: 'Montserrat', sans-serif;
font-weight: 400, 700;
font-family: 'Bitter', serif;
font-weight: 400, 700;
*/
/****************/
/***Blanks out****/
/****************/
*{
	color:#000;
	font-size:12px;
	font-style:normal;
	font-weight:400;
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
}
/************************/
/**** Basic template ****/
/************************/
body{
	background:url('images/blueDot.gif');
}
#container{
	display:block;
	float:left;
	background:#fff;
	width:1060px;
}
/**** Logo ****/
#topHeader{
	display:block;
	float:left;
	width:100%;
	height:210px;
}
#logo a{
	display:block;
	float:left;
	width:320px;
	height:55px;
	margin-bottom:19px;
	margin-top:59px;
	margin-left:40px;
	background:url('images/logo.png');
}
/**** Navigation ****/
#navigationBox{
	border-top:1px solid #999;
	display:block;
	float:left;
	width:980px;
	padding-top:20px;
	margin-left:40px;
	clear:both;
}
#navigationBox a{
	display:block;
	float:left;
	width:150px;
	height:46px;
	color:#666;
	font-family: 'Bitter', serif;
	font-size:13px;
	font-style:italic;
	padding:0px 10px;
	position:relative;
	margin-top:10px;	
}
#navigationBox a div{
	display:block;
	width:170px;
	height:5px;
	position:absolute;
	left:0px;
	bottom:0px;
}
#navigationBox a:hover div{
	background:#e11f26;
}
#navigationBox a div.active{
	background:#e11f26;
}
#navigationBox a:hover{
	color:#e11f26;
}
#navigationBox .navigationActive {
	color:#e11f26;
}
/****Content Area****/
#contentArea{
	display:block;
	float:left;
	background:url('images/contentBg.png');
	width:1060px;
	min-height:600px;
	position:relative;
}
/****Footer****/
#footer{
	border-top:1px solid #999;
	display:block;
	float:left;
	font-size:10px;
	font-family: 'Bitter', serif;
	padding-top:20px;
	padding-left:30px;
	margin-top:85px;
	margin-left:40px;
	margin-bottom:40px;
	clear:both;
	width:950px;
}
/************************/
/**** Home Page ****/
/************************/
#homeContent{
	display:block;
	float:left;
	width:100%;
	height:720px;
	min-width:1060px;
	position:relative;
	overflow:hidden;
	background:url("images/logo.png") no-repeat 370px 130px;
}
#coreImg{
	position:absolute;
	width:100%;
	min-height:720px;
	top:0px;
	left:0px;
}
#greyBoxOver{
	display:block;
	float:left;
	width:680px;
	height:720px;
	margin-left:40px;
	background:rgba(0,0,0,0.25);
	position:absolute;
}
#greyLineOver{
	display:block;
	float:left;
	width:1060px;
	height:720px;
	background:url('images/contentBg.png');
	position:absolute;
}
#coverSide{
	display:block;
	height:1000px;
	position:absolute;
	top:0px;
	right:0px;
	background:url('images/blueDot.gif');
}
#catchTitle{
	display:block;
	float:left;
	width:610px;
	margin-left:30px;
}
#homeSloganLine{
	display:block;
	width:610px;
	height:5px;
	background:#fff;
	margin:75px auto 20px auto;
}
.homeSlogan{
	display:block;
	float:left;
	width:610px;
	color:#fff;
	font-size:40px;
	font-family: 'Montserrat', sans-serif;
	line-height:40px;
}
.homeBlueBox{
	display:block;
	float:left;
	width:160px;
	height:160px;
	background:url("images/blueOp.png");
	margin-top:75px;
	margin-left:10px;
}
.homeBlueBox p{
	display:block;
	float:left;
	width:120px;
	padding:20px;
	color:#fff;
	font-size:12px;
	font-family: 'Bitter', serif;
	line-height:16px;
}
.homeBlueBox span{
	color:#ffcc33;
	font-size:12px;
}
#homeFooter{
	display:block;
	float:left;
	width:140px;
	background:url("images/blueOp.png");
	margin-top:100px;
	margin-left:10px;
	margin-bottom:30px;
	padding:10px;
	clear:both;
}
#homeFooter p{
	color:#fff;
	font-size:10px;
	font-family: 'Bitter', serif;
	margin-left:10px;
}
/************************/
/**** Nosotros page ****/
/************************/
#content{
	display:block;
	float:left;
	width:500px;
	margin-top:40px;
	margin-left:50px;	
}
#content img{
	display:block;
	float:left;
}
#content h1{
	display:block;
	float:left;
	width:100%;
	color:#fff;
	font-size:5px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	margin-top:20px;
}
.writtenContent{
	display:block;
	float:left;
	width:490px;
	color:#999;
	font-size:13px;
	font-family: 'Bitter', serif;
	line-height:18px;
	margin-top:20px;
	clear:both;
}
.writtenContent div{
	display:block;
	float:right;
	width:320px;
	color:#666;
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
	line-height:22px;
	margin:20px;
	margin-right:-160px;
	padding-top:13px;
	border-top:3px solid #666;
}
.tileArea{
	display:block;
	float:left;
	width:321px;
	height:161px;
	margin-left:170px;
	margin-top:50px;
}
#tileArea2 {
	margin-left:340px;
	margin-top:10px;
}
.tileArea p{
	display:block;
	float:left;
	width:149px;
	color:#000;
	font-size:11px;
	font-family: 'Bitter', serif;
	line-height:18px;
	font-style:italic;
	margin-left:10px;
}
/****side blue box****/
.blueSideBox{
	display:block;
	width:160px;
	height:160px;
	background:#3399cc;
	position:absolute;
	right:0px;
	top:40px;
}
#blueSideBox2{
	top:210px;
}
.blueSideBox p{
	display:block;
	float:left;
	width:120px;
	padding:20px;
	color:#fff;
	font-size:11px;
	font-family: 'Bitter', serif;
	line-height:16px;
}
.blueSideBox span{
	color:#ffcc33;
	font-size:11px;
}
.blueSideBox span:hover{
	color:#e11f26;
}
.blueSideBox img{
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-left:20px;
}
/************************/
/****Productos Y Servicios****/
/************************/
.productosText{
	display:block;
	float:left;
	width:490px;
	color:#999;
	font-size:13px;
	font-family: 'Bitter', serif;
	line-height:18px;
	clear:both;
}
.productosText a{
	color:#3399cc;
}
.productosText a:hover{
	color:#e11f26;
}
.productosContent{
	display:block;
	float:left;
	width:490px;
	margin-top:40px;
	border-top:3px solid #666;
}
.productosContentTextImg {
	display:block;
	float:left;
	width:490px;
	margin-left:170px;
	margin-top:20px;
}
.productosContentTextImg h2{
	display:block;
	float:left;
	color:#666;
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
	line-height:22px;
}
.productosMainContent{
	display:block;
	float:left;
	width:490px;
	margin-top:30px;
}
.productosMainContentText{
	display:block;
	float:left;
	width:320px;
	margin-left:10px;
}
.productosMainContentText p{
	display:block;
	float:left;
	width:310px;
	color:#999;
	font-size:13px;
	font-family: 'Bitter', serif;
	line-height:18px;
	margin:0 0 20px 0;
}
.productosMainContentText h3{
	display:block;
	float:left;
	width:320px;
	color:#666;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	margin-top:25px;
}
.productosMainContentText ul{
	display:block;
	float:left;
	width:310px;
	margin-top:15px;
}
.productosMainContentText li{
	color:#3399cc;
	font-size:13px;
	font-family: 'Bitter', serif;
	line-height:18px;
	margin-left:15px;
	padding-left:25px;
}
.productosMainContentText ul li span{
	color:#666;
}
.productosMarginTop{
	margin-top:20px;
}
/************************/
/**** La Economia page ****/
/************************/
.laEconomiaContent{
	display:block;
	float:left;
	width:490px;
	margin-top:20px;
	margin-left:50px;
	border-top:3px solid #666;
}
.laEconomiaContentTextImg {
	display:block;
	float:left;
	width:490px;
	margin-left:170px;
	margin-top:20px;
}
.laEconomiaContentTextImg h2{
	display:block;
	float:left;
	color:#666;
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
}
.laEconomiaContentTextImg img{
	margin-top:20px;
}
/************************/
/****Contacto page ******/
/************************/
#contactoContent{
	display:block;
	float:left;
	width:660px;
	margin-top:40px;
	margin-left:50px;	
}
#contactoContent img{
	display:block;
	float:left;
}
#contactoContent p{
	display:block;
	float:left;
	width:310px;
	color:#999;
	font-size:13px;
	font-family: 'Bitter', serif;
	line-height:18px;
	margin-left:20px;
	margin-top:20px;
}
#contactoContent #contentAddress{
	display:block;
	float:left;
	width:150px;
	color:#999;
	font-size:13px;
	font-family: 'Bitter', serif;
	line-height:18px;
	margin-left:20px;
}
.italic{
	font-style:italic;
}
#contactoContent h2{
	display:block;
	float:left;
	color:#666;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	margin-top:40px;
	margin-left:20px;
	margin-bottom:5px;
}
#contactoContent a{
	color:#3399cc;
}
#contactoContent a:hover{
	color:#e11f26;
}
/**** Form ****/
form{
	display:block;
	float:left;
	width:490px;
	margin-top:10px;
}
.formStyle{
	display:block;
	float:left;
	width:483px;
	color:#999;
	font-size:11px;
	font-family: 'Bitter', serif;
	font-style:italic;
	padding:7px;
	padding-right:0px;
	background:#f2f2f2;
	margin-top:10px;
}
textarea{
	display:block;
	float:left;
	width:470px;
	height:144px;
	color:#999;
	font-size:11px;
	font-family: 'Bitter', serif;
	font-style:italic;
	max-width:470px;
	max-height:300px;
	margin-top:10px;
	padding:10px;
	background:#f2f2f2;
}
#submitBtn{
	display:block;
	float:left;
	background:#ffcc33;
	width:150px;
	height:30px;
	color:#fff;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	margin-top:20px;
}
#submitBtn:hover{
	background:#e11f26;
}
#blackThinLine{
	display:block;
	float:left;
	width:490px;
	height:1px;
	background:#666;
	margin-top:50px;
}
#bottomText p{
	display:block;
	float:left;
	width:660px;
	color:#666;
	font-size:11px;
	font-family: 'Bitter', serif;
	font-style:italic;	
	line-height:18px;
	margin-top:20px;
}



















