@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400|Open+Sans:400,300,700);/*font-family: 'Open Sans', sans-serif; - font-family: 'Roboto Slab', serif;*/
*{ margin:0px; padding:0px; box-sizing:border-box;}
*:after, *:before{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{
	background:url(../images/main-bg.png);
	font-family: 'Roboto Slab', serif;
	font-size:16px;
}
	html{ height:100%;}
/**************************/
/***********TOP***********/
/************************/
		#top{
			background:#c0151f;
			width:100%;
		}
			header{
				height:60px;
				margin:auto;
				width:1200px;
			}
				header .title{
					float:left;
					width:20%;
				}
					header .title img{
						float:left;
						max-width:22%;
					}
					#conarte{
						border-left:solid 1px rgba(249, 249, 249,0.7);
						color:#f9f9f9;
						display:block;
						float:left;
						font-size:14px;
						margin-top:5px;
						padding-left:5px;
						text-align:left;
						max-width:70%;
					}
				header nav{
					float:left;
					padding:20px 0px;
					width:70%;
				}
					header nav > ul{
						display:block;
						text-align:right;
						list-style:none;
						width:100%;
					}
						header nav > ul > li{
							display:inline;
							padding:5px 10px;
						}
							header nav > ul > li > a{
								color:#f9f9f9;
								cursor:pointer;
								display:inline-block;
								line-height:40px;
								text-decoration:none;
							}
				#redes{
					float:left;
					text-align:center;
					padding:20px 0px;
					width:10%;
				}
					#redes .red{
						display:block;
						margin:auto;
						padding:5px;
						width:40px;
					}
/**************************/
	#main-wrap{
		margin:auto;
		width:1200px;
	}
		#content, footer{
			position:relative;
			width:100%;
		}
			#slider-content{
				min-height:300px;
				margin:30px 0px;
				position:relative;
				width:100%;
			}
			.slogan{
				color:#c0151f;
				font:300 56px/60px "Roboto Slab", serif;
				margin:10px 0px;
				padding:0px;
				text-align:center;
				text-transform:uppercase;
			}
			.headline{
				color:#c0151f;
				font:300 45px/60px "Roboto Slab", serif;
				margin:10px 0px;
				padding:0px;
				text-align:left;
				text-transform:uppercase;
			}
			.subheadline{
				font: 300 28px/30px 'Roboto Slab', serif;
				text-align:center;
				text-transform:uppercase;
				margin-bottom:20px;
			}
			p{
				font: normal 16px/20px 'Roboto Slab', serif;
				text-align:left;
				padding:20px;
			}
			.item{
				margin:auto;
				padding:30px 0 50px;
				text-align:center;
				position:absolute;
				top:0px;
				left:0px;
				width:95%;
				z-index:5;
			}
				.item img{

					margin:auto;
				}
				.item a{
					text-decoration:none;
				}
			h3{
				color:#fff;
				font-size:1.2em;
				padding:5px 10px;
				text-align:center;
				text-transform:uppercase;
			}
			.gallery{
				width:100%;
			}
			.gallery .pop{
				border:solid 2px #f6a80a;
				background:#ccc;
				display:block;
				float:left;
				margin:0.5%;
				text-decoration:none;
				width:19%;
				height:115px;
				overflow:hidden;
			}
				
/***************************/
		footer{
			background:#46403a url(../images/bg_trees.png) center 0 no-repeat;
			min-height:110px;
			text-align:center;
		}
			footer #direccion{
				color:#f9f9f9;
				font-size:14px;
				display:inline-block;
				letter-spacing:1px;
				margin-top:20px;
			}
  /**************************/
 /**********GRIDS***********/
/**************************/
.grid{
	float:left;
	min-height:10px;
	position:relative;
}
.grid-1{ width:100%;}
.grid-2{ width:50%;}
.grid-3{ width:33%;}
.grid-4{ width:25%;}
.grid-5{ width:20%;}
.grid-10{ width:10%;}

.grid-3-xs{ width:66.33%;}
.grid-4-xs{ width:75%;}
.grid-5-xs{ width:80%;}
.grid-10-xs{ width:90%;}
  /**************************/
 /**********CLEAR***********/
/**************************/
.cf{ clear:both; width:100%; height:0px;}
.cf-5{ clear:both; width:100%; height:5px;}
.cf-10{ clear:both; width:100%; height:10px;}
.cf-20{ clear:both; width:100%; height:20px;}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		zoom: 1; /* ie 6/7 */
	}
  /**************************/
 /**********PADD************/
/**************************/
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}

/************************/ 
.shape{
	border-radius:10px;
	position: relaive;
	margin:auto;
	min-height: 310px;
	width:0px;
	border-left: 7em solid #f6a80a;
	border-right: 7em solid #f6a80a;
	border-bottom: 80px solid transparent; 
}
.green-shape{
	border-radius:10px;
	position: relaive;
	margin:auto;
	min-height: 310px;
	width:0px;
	border-left: 7em solid #3c8a2e;
	border-right: 7em solid #3c8a2e;
	border-bottom: 80px solid transparent;
}
.orange-shape{
	border-radius:10px;
	position: relaive;
	margin:auto;
	min-height: 310px;
	width:0px;
	border-left: 7em solid #e3730c;
	border-right: 7em solid #e3730c;
	border-bottom: 80px solid transparent;0D7870
}
.aqua-shape{
	border-radius:10px;
	position: relaive;
	margin:auto;
	min-height: 310px;
	width:0px;
	border-left: 7em solid #0D7870;
	border-right: 7em solid #0D7870;
	border-bottom: 80px solid transparent;14547D
}
.blue-shape{
	border-radius:10px;
	position: relaive;
	margin:auto;
	min-height: 310px;
	width:0px;
	border-left: 7em solid #14547D;
	border-right: 7em solid #14547D;
	border-bottom: 80px solid transparent;0D7870
}
/*****************************************/
			.form{
				height:auto;
				margin-bottom:50px;
				width:100%;
			}
				form{
					display:block;
					padding:0 10px;
					min-height:100%;
					width:100%;
				}
					.form-left, .form-right{
						float:left;
						margin:0.5%;
						width:48%;
					}
					.form-button{
						clear:both;
						min-height:1%;
						width:90%;
					}
				input, textarea{
					border:solid 1px #c0151f;
					box-shadow:1px 1px 5px rgba(51,51,51,0.6);
					display:block;
					float:left;
					margin:10px auto;
					padding:10px;
					width:90%;
				}
				textarea{
					resize:vertical;
					height:150px;
					max-height:250px;
					overflow:auto;
					width:90% !important;
				}
				label{
					display:block;
					float:left;
					padding-top:10px;
					text-align:left;
					vertical-align:bottom;
					width:50%;
				}
				input#send{
					background:#c0151f;
					color:#fff;
					font-size:16px;
					font-weight:bold;
					text-transform:uppercase;
					display:block;
					text-align:center;
					float:right;
					width:25%;
				}
		/**********/