@font-face {
    font-family: 'optimaregular';
    src: url('optima-webfont.eot');
    src: url('optima-webfont.eot?#iefix') format('embedded-opentype'),
         url('optima-webfont.woff') format('woff'),
         url('optima-webfont.ttf') format('truetype'),
         url('optima-webfont.svg#optimaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
	padding: 0;
	font-family: 'optimaregular';
}

a, a img, img { border: 0;}

header { }

#top { 
	height: 128px; 
	background: url(images/bg-top.jpg) repeat-x center top;
	margin-bottom: 15px;
}

.topalign {	
	width: 957px;
	margin: 0 auto;
}

.logo { float: left; margin: 26px 0px 0px 6px; }

.logo a { 
	width: 368px;
	height: 79px;
	display: block;
}

.lang {
	float: right;
	height: 39px;
	margin: 40px 6px 0px 0px
}

.lang li {list-style: none; float: left; padding: 4px 4px 4px 8px}

.lang li a {
	width: 96px;
	height: 39px
}

#menu { 
	background: url(images/bg-menu.jpg) repeat-x center bottom; 
	height: 77px;
	overflow: hidden;
}

#menu nav {width: 942px; margin: 0 auto;}

#menu nav ul { height: 67px; padding: 4px 0px; overflow: hidden; }

#menu nav ul li  {
	float: left;
	list-style: none; 
	vertical-align: middle;
	background: url(images/line-menu.png) no-repeat center right;
}

#menu nav ul li.last {background: none;}


#menu nav ul li a {
	width: 6.728em;
	height: 37px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	color: #392316;
	padding: 15px 0px ;
	line-height: 17px;


}

#menu nav ul li.select a { 
	color: #fff
}

#menu nav ul li a span {
	display: block;
	padding: 10px 0px
}

#menu nav ul li a:hover {
	color: #fff;
	background: url(images/img-menu-hover.jpg) no-repeat center center;
}



#banner {
	height: 528px; 
	background: url(images/bg-banner.jpg) repeat-x center center;
}

#banner img {
	height: 449px; 
	margin: 0 auto 1px auto;
	display: block;
	width: 957px;
	padding: 34px 0px 0px 0px
}


#center { 
	padding: 85px 0px; 
	width: 960px; 
	margin: 0 auto;

}

#center h1 {
	font-size: 40px;
	color: #3A2315;
	margin-bottom: 10px;

}

#center p { 
	font-size: 19px;
	color: #3A2315;	
	text-align:justify;
	line-height: 28px;
	
}

#destaq {
	height: 297px;
	background: url(images/bg-destaq.jpg) repeat-x center top;

}

.destalign { 
	width: 847px; 
	margin: 0 auto;
	padding: 34px 0px 0px 0px
}

.dleft { 
	float: left; 
	width: 441px; 
}


.dleft h2 { 
	color: #392316;
	font-size: 32px;
	margin-bottom: 20px;

}

.dleft img { 
	float: left;
	margin-right: 24px;

}

.dleft p {
	float: left;
	width: 210px;
	text-align: justify;
	font-size: 15px;	
	color: #392316;


}

.dleft p span {
	font-weight: bold;
	display: block;	
}


.dright { 
	float: left; 
	margin: 0px 0px 0px 175px;

}

.dright ul li:last-child{ margin-bottom: 0px;}


.dright ul { 
	width: 200px; 
	height: 248px; 
	overflow: hidden;
	padding: 0px 0px 0px 10px;
}

.dright ul li {
	list-style: none;
	padding: 5px 0px 38px 0px;
}

.dright ul li a img {
	margin: 0px 20px 0px 0px;
	vertical-align: middle;
	padding: 0px 0px 5px 0px
}

.dright ul li a img:hover {
	opacity: 0.75;
}

.dright ul li a { 
	color: #392316; 
	font-size: 26px; 
	text-decoration: none;
}

.dright ul li a:hover { 
	color:#764C28
}

#home { 
	width: 957px;
	margin: 0 auto;
	height: 326px;

}

#home ul { 
	height: 169px;
	padding: 80px 0px 80px 0px
}

#home ul li { 
	float: left;
	background: url(images/img-div-home.jpg) no-repeat center right;
	list-style: none;
	padding: 10px 39px 10px 39px;
}

#home ul li.firsthome {
	padding-left: 1px; 
}

#home ul li.lasthome { 
	background: none;
	padding-right: 1px;
}


#home ul li a {
	height: 148px;
	display: block;
}


#home ul li a:hover {
	opacity: 0.75;
}






#interes {

height: 152px;
background-color: #e4e6e5;
margin-bottom: 3px;

}


#interes .align {

	width: 957px;
	margin: 0 auto;	

}


#interes .align h5 {

	float: left;
	font-size: 18px;
   margin-right: 30px;
   padding: 65px 0;
   color: #78461A;
	text-decoration: underline;
	font-weight: normal;

}


#interes .align a {

	float: left;
	height: 152px;
	overflow: hidden;
	margin: 0 0 0 34px;


}


footer { 
	background: url(images/bg-bottom.jpg) repeat-x center top; 
	height: 362px;
}

.main-footer { 
	height: 140px;
}

.main-footer ul { 
	height: 54px; 
	width: 957px; 
	margin: 0 auto 0 auto; 
	padding-top: 20px;
}

.main-footer ul li {
	 background: url(images/line-mainfooter.jpg) no-repeat center right;
	 float: left;
	 list-style: none; 
	 height: 54px;
}

.main-footer ul li.first a {
	 padding-left: 1px;
}

.main-footer ul li.last {
	 background: none;
}

.main-footer ul li.last a {
	 padding-right: 1px;
}

.main-footer ul li a { 
	color: #392316; 
	font-size: 18px; 
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 14px 18px
}

.main-footer ul li a:hover {
	color: #764C28
}

.footer { 
	background: url(images/bg-footer.jpg) no-repeat center top; 
	height: 70px; 
	padding: 28px 0px
}

.footer p {
	text-align: center;
	font-size: 18px;
	color: #fff; 
}

 .scrollup {
    width:40px;
    height:40px;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('images/bot-top.png') no-repeat;
}


.but-top { 
	width: 960px; 
	position: relative; 
	margin: 0 auto; 
	height: 75px; 
}

.but-top a { 
	right: 6px ; 
	position: absolute; 
	bottom: 0px 
}


.li-elegirnos {}

.li-elegirnos li {
	background: url(images/img-list-somos.jpg) no-repeat scroll left 4px;
	list-style: none;
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 35px 0px;
	font-size: 19px;
}


.li-servicios {}

.li-servicios li {
	background: url(images/img-list-somos.jpg) no-repeat scroll left 2px ;
	list-style: none;
	padding: 0px 0px 0px 32px;
	margin: 0px 0px 24px 0px ;
	font-size: 19px;

}


.img-construccion, .construccion  {
	text-align: center;
}

.construccion h3 { 
	font-size: 35px;
	font-weight: normal;
}


.li-mision li {
	background: url(images/img-list-somos.jpg) no-repeat scroll left 2px ;
	list-style: none;
	padding: 0px 0px 0px 32px;
	margin: 0px 0px 10px 0px ;
	font-size: 19px;

}


.li-valores li {
	background: url(images/img-list-somos.jpg) no-repeat scroll left 2px ;
	list-style: none;
	padding: 0px 0px 0px 32px;
	margin: 0px 0px 10px 0px ;
	font-size: 19px;

}

.cfm table h4 { 
	color: #392316;
	font-size: 18px;
}


 .btn-enviar {
 	background: url(images/img-menu-hover.jpg) no-repeat center center;
 	display: block;
 	width: 80px;
 	height: 20px;
 	padding: 15px 20px ;
 	color: #fff;
 	text-decoration: none;
 	text-align: center;	

 }


 form.cfm table tbody tr td input {


 	height: 20px;
 	font-size: 16px;
 	padding: 4px;



 }


 html body div#center form.cfm table tbody tr td span select {
 	height: 28px;
 	font-size: 15px;
 	padding: 4px;
 }







/* ------------------------------------------------------------------------ */
/* 13. Gallery Page
/* ------------------------------------------------------------------------ */

/* gallery filter */
.gallery-filters {
    padding: 0px 0 30px 0;
    display: inline-block;
}
.gallery-filters ul {
    border-bottom: 1px solid #e6e6e6;
    list-style: none;
    float: left;
}
.gallery-filters ul li {
    border-right: 1px solid #e6e6e6;
    float: left;
    font-size: 18px;
    font-weight: 300;
    line-height: 45px;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
    text-transform: uppercase;
}
.gallery-filters ul li:first-child {
    padding-left: 20px;
}
.gallery-filters ul li:last-child {
    border: none;
    margin-right: 0;
}
.gallery-filters ul li a {
    position: relative;
    color: #AAA;
    font-size: 14px;
}
.gallery-filters .active span {
    background: url(images/sprite.png) no-repeat 50% 0;
    bottom: -18px;
    display: block;
    height: 9px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 21px;
}
.gallery-filters .active,
.gallery-filters a:hover {
    color: #ff4301; 
}




/* gallery content */

.gallery-content {
    margin-bottom: 30px;
    width: 100%;    
}
.gallery-item {
    margin-bottom: 30px;
    position: relative;
}
.gallery-item-content {
    background-color: #eeeef0;
    padding: 10px;
    height: 130px;
}
.gallery-item-content img {
    width: 170px;
    height: 130px;
}
.gallery-item-content figure {
    margin-bottom: 10px;    
}
.gallery-details h3 {
    color: #5a5a62;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    padding-bottom: 0;
}
.gallery-details p {
    color: #909096;
    font-size: 12px;    
}
.gallery-content figure {
    position: relative; 
}
.thumb-overlay {
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    height: 130px;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    opacity: 0;
    width: 200px;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.gallery-item:hover .thumb-overlay {
    opacity: 1; 
}
.thumb-overlay-content {
    background-color: #ccc;
    border-radius: 30px;
    left: 50%;
    margin: -14px 0 0 -29px;
    padding: 3px 5px;
    position: absolute;
    top: 50%;
}
.thumb-overlay-content .link-icon a, .thumb-overlay-content .image-icon a{
    background: #2e2e2e url(images/sprite.png) no-repeat 0 -428px;
    border-radius: 40px;
    display: block;
    float: left;
    height: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 22px;
}
.thumb-overlay-content .image-icon a {
    background-position: -21px -428px;
    margin-left: 5px;
}

/* gallery single page */

.gallery-single-page {
    margin-top: 50px;   
}
.gallery-single-page .flexslider {
    float: left;
    margin: 0 30px 0 0;
    width: 570px;
}

.gallery-single-page .flex-prev,
.gallery-single-page .flex-next {
    background: #fff url(../images/sprite.png) no-repeat -10px -9px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    width: 40px;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}
.gallery-single-page .flex-prev {
    right: 40px;    
}
.gallery-single-page .flex-next {
    background-position: -69px -68px;
    right: 0;
}
.gallery-single-page .flex-prev:hover,
.gallery-single-page .flex-next:hover {
    background-color: #ff4301;  
}
/* related gallery */

.related-gallery {
    margin: 40px 0 20px;    
}
.related-gallery .span3 {
    margin-bottom: 30px;    
}
.related-gallery figure {
    position: relative; 
}
.related-gallery .styled-title {
    margin-bottom: 30px;
    text-align: left;
}
.related-gallery .title-arrow {
    left: 70px !important;
}
.related-gallery .gallery-item-content:hover .thumb-overlay {
    opacity: 1; 
}
.taxonomy-gallery-filter {
    margin-bottom: 20px;
    margin-top: 40px;   
}
/* ------------------------------------------------------------------------ */
/* 29. Isotope
/* ------------------------------------------------------------------------ */

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


.span33 {
    width: 190px;
    float: left;
    margin-left: 6px;
    min-height: 1px;
}

#center-galeria { 
	padding: 85px 0px; 
	width: 980px; 
	margin: 0 auto;

}

#center-galeria h1 {
	font-size: 40px;
	color: #3A2315;
	margin-bottom: 10px;

}

#center-galeria p { 
	font-size: 19px;
	color: #3A2315;	
	text-align:justify;
	line-height: 28px;
	
}

div#center-galeria div.gallery-filters ul li a {
  color: #392316;
  font-size: 20px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
}