body {
	width:100%;
	overflow:hidden;
	overflow-y:scroll;
	margin:0px;
	padding:0px;
	font:"Lucida Sans Unicode";
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
}
.space {
	height:0px;
}
.clear {
    float: none !important;
    clear: both;
}

#contmen{
	width:80%;
	float:right;
}
#logo{
	width:20%;
	float:left;
}
#logo img{
	max-width:90%;
	margin:auto;
}
img {
	max-width:100%;
}
hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

h1{
	color:#ff8949;
	text-align:center;
	font-size:1.5em;
	line-height:1.6em;
}

h2{
	color:#564742;
	text-align:center;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.3em;
}
h4 {
    background: #ff8949;
    color: #fff;
	text-align:center;
	font-size:1.25em;
	line-height:1.25em;
	margin:0px;
    padding: 5px 5px 5px 5px;
}

h3 {
    background: #ff8949;
    color: #fff;
	font-size: 1.2em;
	font: Arial, Helvetica, sans-serif;
    position: relative;
    display: inline-block;
    padding: 5px 50px 5px 50px;
    height: 1.2em;
	left:0px;
    line-height: 1.3em;
    }
h3 section {
width:100%;
}
h3 section:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 200px solid #ff8949;
    position: absolute;
    left: -210px;
    top: 14px;
}
h3 section:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 200px solid #ff8949;
    position: absolute;
    right: -210px;
    top: 14px;
}

h3:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 20px solid #ff8949;
    position: absolute;
    left: -20px;
    top: 0px;
}
h3:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 20px solid #ff8949;
    position: absolute;
    right: -20px;
    top: 0px;
}

.secciones4{
  display:inline-table;
  width:20%;
  height:300px;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
  }
.secciones4 img{
	width:80%;
}
.secciones4:hover{
  width:22%;
  margin:0px 0px 0px 0px;
  padding:5px;
  top:-10px;
  background:#f8d7b2;
  font-size:1.2em;
  }
.secciones4-1{
  float:left;
  width:24%;
  height:34px;
  margin:0px;
  padding:0px;
  padding-top:7px;
  text-align:center;
  font-size:1.1em;
  }
.secciones{
  display:inline-table;
  width:20%;
  height:300px;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
  }
.secciones img{
  width:100%;
  margin:0px;
  margin-bottom:-8px;
}

#PIE{
	background:#40312c;
	color:#CCC;
	margin:0px;
	margin-bottom:-19px;
}
#PIE p{
	margin-top:-19px;
}
#CLIENTES{
	background:#FFF;
	padding:10px 5px 5px 5px;
	color:#ff8949;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.4em;
}
#CLIENTES img {
	max-width:18%;
	margin:0.5% 4% 0% 4%;
	height:40px;
}
#CLIENTES:before {
    border-top: 12px solid #40312c;
    border-left: 12px solid transparent; 
    border-right: 12px solid transparent; 
    bottom: 0px;
    content: "";
    position:inherit;
    width: 0; 
    height: 0;
}
.secciones2-1{
  display:inline-table;
  width:40%;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-2{
  display:inline-table;
  width:40%;
  height:300px;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-3{
  display:inline-table;
  width:49.83%;
  border:none;
  float:left;
  height:300px;
  margin:0px;
  padding:0px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-3 img{
	width:100%;
}
.secciones2-3 p{
	width:80%;
}
#map {
	margin-top:20px;
	margin:auto;
	width: 98%;
	float: none;
	text-align:center;
}
#map_inf{
	margin:0px;
	height:300px;
	width: 100%;
	margin:auto;
}

@media (min-width:32.5em) and (max-width: 49.938em) {
#logo{
	width:100%;
	float:none;
	text-align:center;
}
#logo img{
	max-width:50%;
	margin:auto;
}
#contmen{
	width:100%;
	float:none;
}


#CLIENTES img {
	max-width:18%;
	margin:0.5% 2.5% 0% 2.5%;
	height:30px;
}

h3 {
    background: #ff8949;
    color: #fff;
	font-size: 1.1em;
	font: Arial, Helvetica, sans-serif;
    position: relative;
    display: inline-block;
    padding: 5px 50px 5px 50px;
    height: 1.3em;
	left:0px;
    line-height: 1.3em;
    }
h3 section {
width:100%;
}
h3 section:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 100px solid #ff8949;
    position: absolute;
    left: -110px;
    top: 14px;
}
h3 section:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 100px solid #ff8949;
    position: absolute;
    right: -110px;
    top: 14px;
}

h3:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 20px solid #ff8949;
    position: absolute;
    left: -20px;
    top: 0px;
}
h3:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 20px solid #ff8949;
    position: absolute;
    right: -20px;
    top: 0px;
}



.secciones4{
  width:40%;
  margin:10px 10px 5px 10px;
  text-align:center;
  font-size:1.1em;
  }
.secciones4 img{
	width:80%;
}
.secciones4:hover{
  width:42%;
  margin:0px 4px 0px 4px;
  padding:5px;
  background:#f8d7b2;
  font-size:1.2em;
  }
.secciones4-1{
  float:left;
  width:49%;
  height:34px;
  margin:0px;
  padding:0px;
  padding-top:7px;
  text-align:center;
  font-size:1.1em;
  }
.secciones{
  width:40%;
  margin:10px 10px 5px 10px;
  text-align:center;
  font-size:1.1em;
  }
.secciones2-1{
  display:inline-table;
  width:90%;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-2{
  display:inline-table;
  width:40%;
  height:300px;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-3{
  display:inline-table;
  width:49.83%;
  border:none;
  float:left;
  height:300px;
  margin:0px;
  padding:0px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-3 img{
	width:100%;
}
.secciones2-3 p{
	width:90%;
}
#map {
	margin-top:20px;
	margin:auto;
	width: 98%;
	float: none;
	color:#000;
	text-align:center;
}
#map_inf{
	margin:0px;
	height:300px;
	width: 100%;
	color:#000;
	margin:auto;
}
}
@media (max-width: 32.4em) {
#logo{
	width:100%;
	float:none;
	text-align:center;
}
#logo img{
	max-width:50%;
	margin:auto;
}
#contmen{
	width:100%;
	float:none;
}

#CLIENTES img {
	max-width:18%;
	margin:0.5% 2% 0% 2%;
	height:20px;
}

h4 {
    background: #ff8949;
    color: #fff;
	text-align:center;
	font-size:1em;
}

h3 {
    background: #ff8949;
    color: #fff;
	font-size: 1.1em;
	font: Arial, Helvetica, sans-serif;
    position:absolute;
    display: inline-block;
	width:100%;
	text-align:center;
    padding: 0px 0px 0px 0px;
	height:1.2em;
    line-height:1.4em;
    }
.space{
	height:70px;
}
h3 section {
width:100%;
}
h3 section:before {
    content: '';
    width: 0;
    height: 0;
    border-top:0px solid transparent;
    border-bottom:0px solid transparent;
    border-right:0px solid transparent;
    position:absolute;
    left:0px;
    top:0px;
}
h3 section:after {
    content: '';
    width: 0;
    height: 0;
    border-top:0px solid transparent;
    border-bottom:0px solid transparent;
    border-left:0px solid transparent;
    position:absolute;
    right:0px;
    top:0px;
}

h3:before {
    content: '';
    width: 0;
    height: 0;
    border-top:0px solid transparent;
    border-bottom:0px solid transparent;
    border-right:0px solid transparent;
    position: absolute;
    left:0px;
    top:0px;
}
h3:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left:0px solid transparent;
    position: absolute;
    right:0px;
    top:0px;
}

.secciones4{
  display:inline-table;
  width:90%;
  height:300px;
  margin:auto;
  text-align:center;
  font-size:1.1em;
  }
.secciones4 img{
	width:80%;
}
.secciones4:hover{
  width:99%;
  padding:5px;
  background:#f8d7b2;
  font-size:1.2em;
  }
.secciones4-1{
  width:90%;
  float:none;
  margin:auto;
  text-align:center;
  font-size:1.1em;
  }
.secciones{
  display:inline-table;
  width:90%;
  height:300px;
  margin:auto;
  margin-top:20px;
  text-align:center;
  font-size:1.1em;
  }
.secciones2-1{
  display:inline-table;
  width:90%;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-2{
  display:inline-table;
  width:90%;
  height:300px;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-3{
  display:inline-table;
  width:90%;
  float:none;
  height:300px;
  margin:15px 17px 0px 17px;
  text-align:center;
  font-size:1.1em;
}
.secciones2-3 img{
	width:100%;
}
.secciones2-3 p{
	width:90%;
}
#map {
	margin-top:20px;
	margin:auto;
	width: 98%;
	float: none;
	text-align:center;
}
#map_inf{
	margin:0px;
	height:300px;
	width: 100%;
	margin:auto;
}
}