@charset 'UTF-8';
/* CSS Document */
/* Preloader */


ul.hover_block { display: block; overflow: hidden; }
			
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			background:url('images/project-selected.png') no-repeat;
			height:330px;
			width:277px; position: relative;
			margin-right:5px; }

		ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 323px;
			width: 277px;
		}

		ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}

.project-content .title{text-align:left;padding:15px 20px 3px 15px;color:#A78F7D;width:260px;line-height:110%;font-size:28px}
.project-content .description{margin-left:25px; text-align:left;width:182px;color:#685C51;font-size:14px}
.project-content .description p{margin:0;padding:0}


body{
	background:url(images/pattern.jpg);color:#444;font-family:'Segoe UI','Arial';min-width:1235px;font-size:10px}
 input,textarea{font-family:'Segoe UI','Arial';font-size:1.1em}
 input:focus,select:focus,textarea:focus{outline:0}
 
a{text-decoration:none;color:#444}
 
p{margin-top:0}:-moz-any-link:focus{outline:0}
 
.header{height:90px;background:url(images/pattern2.jpg)}

.pepito{background:url(images/barra.png) no-repeat center}

.container{
	overflow: hidden;
	position: relative;

}
 
.page{left:0;top:-1000px;position:absolute;width:100%}
 
.content{overflow:hidden;width:100%;display:none}
 
.footer{position:relative;padding:0 50px;height:60px;background:url(images/pattern2.jpg)}
 
 .columns{overflow:hidden}
 
 .left{float:left}
 
 .right{float:right}
 
 .title{font-size:2.8em;font-family:'Georgia','Arial'}
 
 .title1{font-size:1.3em;font-family:'Georgia','Arial';font-style:italic}
 
 .subtitle{font-size:1.7em}
 
 .subtitle1{font-size:1em}
 
 .main-menu{width:780px;margin:0 auto;padding-top:10px;padding-left:85px;overflow:hidden}
 
 .main-menu li{display:block;list-style:none;float:left;padding-top:35px;margin-right:18px}
 
 .main-menu li a,.main-menu li span{display:block;height:35px;background:url('images/menu.png') no-repeat left top}
 
 .main-menu li.selected span{display:none}
 
 .main-menu .inicio{width:122px;height:122px;padding-top:0}
 
 .main-menu .inicio a{width:122px;height:122px;padding:0;background:url('images/logo.png') no-repeat left bottom}
 
 .main-menu .inicio span{width:122px;height:122px;padding:0;background:url('images/logo.png') no-repeat left top}
 
 
 .main-menu .empresa a{width:120px;background-position:0 bottom}
 
 .main-menu .empresa span{background-position:0 top}
 
 .main-menu .produccion a{width:135px;background-position:-115px bottom}
 
 .main-menu .produccion span{background-position:-115px top}
 
 .main-menu .visita a{width:115px;background-position:-268px bottom}
 
 .main-menu .visita span{background-position:-268px top}
 
 .main-menu .contacto a{width:120px;background-position:-380px bottom}
 
 .main-menu .contacto span{background-position:-380px top}
 
 #threads{height:3px;margin-bottom:6px}
 
 #threads-left{float:left;height:3px;width:0;background:url('images/threads.png') repeat-x left top}
 
 #threads-right{float:right;height:3px;width:0;background:url('images/threads.png') repeat-x right top}
 
 #florasem{position:absolute;width:100%;height:76px;top:-50px;left:0;background:url('images/florasem.png') no-repeat center top}
 
 .footer .left{padding-top:5px}
 
 .footer .social{float:left;width:108px}
 
 .footer .social a{display:block;width:36px;height:36px;float:left;background:url('images/social.png') no-repeat left top}
 .footer .social span{display:block;width:36px;height:36px;background:url('images/social.png') no-repeat left bottom}
 .footer .social .facebook{background-position:0 bottom}
 .footer .social .facebook span{background-position:0 top}
 .footer .social .twitter{background-position:-36px bottom}
 .footer .social .twitter span{background-position:-36px top}
 .footer .social .mail{background-position:-72px bottom}
 .footer .social .mail span{background-position:-72px top}
 .footer .share{float:left;width:600px}
 .footer .share ul{margin:0;padding:0}
 .footer .share li{float:left;list-style:none;padding-top:10px;margin-right:10px}
 #inicio{width:1235px;margin:0 auto}
 #inicio .main-title .title{text-align:center}
 #inicio .subtitle{text-align:center;margin-bottom:1em}
 #inicio .featured-items{overflow:hidden;width:1233px;height:330px;padding:18px 18px 33px 18px;margin:0 auto}
 #inicio .columns{overflow:hidden;margin:-5 auto}
 #inicio .columns .left{width:550px;float:left}
 #inicio .columns .right{width:405px;float:right}
 #inicio .columns .icon{display:block;float:left;width:61px;height:61px}
 #inicio .columns .subtitle{color:#685C51;display:block;float:right;width:370px;margin-bottom:0;text-align:left;cursor:pointer;padding-top:0px}
 #inicio .columns .description{display:block;float:right;width:370px;color:#685C51}
 #inicio .columns .get-quote .subtitle,#inicio .columns .get-quote .description{width:344px}
 #inicio .portfolio{width:450px;float:right}
 #inicio .portfolio .icon{display:block;width:61px;height:61px;background:url('images/icons.png') no-repeat left top}
 #inicio .get-quote .icon{display:block;width:61px;height:61px;background:url('images/icons1.png') no-repeat left top}
 .portfolio-list{position:absolute;padding-left:12px;padding-top:12px}
 .portfolio-mask{overflow:hidden;width:100%;margin:0 auto;position:relative}
 .portfolio-item{float:left;width:277px;height:330px;display:none;position:relative;margin-right:20px}
 .portfolio-item.new{background:url('images/new-project.png') no-repeat 221px 2px}
 .portfolio-item .project-thumb{display:block;position:absolute;z-index:1}
 .portfolio-item .project-threads{position:absolute;display:block;width:277px;height:330px;background:url('images/project-threads.png') no-repeat 6px 6px;z-index:10;cursor:pointer}
 .portfolio-item .project-selected{position:absolute;display:none;z-index:20;left:-6px;top:-7px;width:301px;height:301px}
 .portfolio-item .project-content{display:none;position:absolute;z-index:30}
 .portfolio-item .project-content .title{text-align:center;padding:90px 10px 0 10px;color:#ececec;width:260px;line-height:100%;font-size:28px}
 .portfolio-item .project-content .description{text-align:center;width:280px;color:#a0a0a0;font-size:14px}
 .portfolio-item .project-content .description p{margin:0;padding:0}
 .portfolio-item .project-title{position:absolute;left:0;bottom:10px;width:308px;height:20px;color:#766152;text-align:center}
 .portfolio-item .project-events{display:block;position:absolute;left:0;top:0;width:277px;height:277px;cursor:pointer;z-index:40;background:url('images/empty.png') no-repeat left top}
 #produccion{position:relative}
 #portfolio-prev{position:absolute;top:30px;left:50px;width:62px;height:61px;background:url(images/arrows.png) no-repeat 0 -63px;cursor:pointer;z-index:30}
 #portfolio-prev:hover{background-position:0 -126px}
 #portfolio-prev.disable{background-position:0 0}
 #portfolio-next{position:absolute;top:30px;right:50px;width:62px;height:61px;background:url(images/arrows.png) no-repeat right -63px;cursor:pointer;z-index:30}
 #portfolio-next:hover{background-position:right -126px}
 #portfolio-next.disable{background-position:right 0}
 #portfolio-categories{position:absolute;left:0;top:30px;width:100%;margin:0 auto;z-index:20}
 #portfolio-categories ul{display:block;width:217px;margin:0 auto;padding:0}
 #portfolio-categories li{list-style:none;float:left;height:61px;width:62px;margin-right:15px}
 #portfolio-categories li.selected{background:url(images/portfolio-categories-selected.png) no-repeat center center}
 #portfolio-categories li.selected span{display:none}
 #portfolio-categories a,#portfolio-categories span{display:block;height:61px;width:62px;background:url(images/portfolio-categories.png) no-repeat left bottom}
 #portfolio-categories #portfolio-category-print{margin:0}
 #portfolio-categories #portfolio-category-logo a{background-position:10px bottom}
 #portfolio-categories #portfolio-category-web a{background-position:-67px bottom}
 #portfolio-categories #portfolio-category-print a{background-position:-142px bottom}
 #portfolio-categories #portfolio-category-logo span{background-position:10px top}
 #portfolio-categories #portfolio-category-web span{background-position:-67px top}
 #portfolio-categories #portfolio-category-print span{background-position:-142px top}
 .portfolio-category{width:100%;height:328px;position:absolute;overflow:hidden;left:0;z-index:10}
 #produccion .portfolio-item{margin-bottom:30px;margin-right:37px}
 #posts-prev{position:absolute;top:0;left:5px;width:62px;height:61px;background:url(images/arrows.png) no-repeat left -63px;cursor:pointer;z-index:10;display:none}
 #posts-prev:hover{background-position:0 -126px}
 #posts-prev.disable{background-position:0 0}
 #posts-next{position:absolute;top:0;right:5px;width:62px;height:61px;background:url(images/arrows.png) no-repeat right -63px;cursor:pointer;z-index:10;display:none}
 #posts-next:hover{background-position:right -126px}
 #posts-next.disable{background-position:right 0}
 #posts-list{z-index:5;position:absolute}
 .post{overflow:hidden;float:left;background:#fff;margin-left:50px;margin-right:0;visibility:hidden;-moz-box-shadow:3px 3px 4px #878787;-webkit-box-shadow:3px 3px 4px #878787;box-shadow:3px 3px 4px #878787;-ms-filter:'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#878787')';filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#878787')}
 .post-image{display:block;float:left;height:365px}
 .post-content{float:right;width:330px;padding:20px 20px 20px 30px}
 .post-content .text{font-size:1.3em;color:#6f6f6f}
 .post-meta{overflow:hidden;margin-bottom:1em}
 .post-date{float:left;width:62px;height:48px;padding-top:13px;line-height:18px;background:url(images/circles.png) no-repeat left top;text-align:center;color:#fff}
 .post-date.date0{background-position:0 0}
 .post-date.date1{background-position:0 -63px}
 .post-date.date2{background-position:0 -126px}
 .post-date.date3{background-position:0 -189px}
 .post-date.date4{background-position:0 -252px}
 .post-title{float:left;width:232px;padding-left:15px;padding-top:10px;color:#474747}
 .post-link a{color:#e91300}
 #visita{width:940px;overflow:hidden;margin:0 auto}
 #visita .columns-input{overflow:hidden;width:412px}
 #visita .left-input{float:left;width:202px}
 #visita .right-input{float:right;width:202px}
 #visita .title{margin-bottom:.6em;text-align:center;color:#474747}
 #visita .subtitle{margin-bottom:.6em}
 #visita input[type='text']{display:block;width:382px;height:44px;margin:0 5px 6px 0;padding:0 15px;border:0;vertical-align:middle;background:url(images/textbox.png) no-repeat left top;*padding-top:12px;*height:36px}
 #visita .columns-input input{width:172px;background:url(images/textbox-small.png) no-repeat left top}
 #visita textarea{width:382px;max-width:382px;min-width:382px;height:120px;max-height:120px;min-height:120px;background:url(images/textarea.png) no-repeat left top;border:0;margin:0 0 15px 0;padding:12px 15px}
 #visita .blur-element{font-style:italic;color:#b5b5b5}
 #visita .left{width:430px}
 #visita .right{width:480px}
 #visita .office-image{width:465px;height:297px;background:url(images/office.png) no-repeat right bottom;margin-bottom:10px}
 #visita .info{width:456px;height:69px;padding-left:25px;background:url(images/info-box.png) no-repeat left top}
 #visita .info span{display:block;height:61px;line-height:61px;font-size:1.2em}
 #visita .email{display:block;float:left;width:161px;height:39px;padding-left:70px;padding-top:22px;margin-left:33px;background:url(images/icons2.png) no-repeat left 0;color:#8254ac;text-decoration:underline}
 #visita .phone{display:block;float:left;width:120px;height:39px;padding-left:70px;padding-top:22px;background:url(images/icons3.png) no-repeat left 0}
 .row-submit{float:left;width:100px}
 #visita-submit{width:80px;height:36px;background:url(images/send.png) no-repeat left top;margin:0;padding:0;border:0;float:left}
 #visita-submit:hover{background-position:left bottom}
 #portfolio-details{position:relative;display:none}
 #portfolio-details-info{position:absolute;left:100px;top:25px;width:200px;height:35em;padding:0 30px;line-height:160%;background:white;z-index:20;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;-moz-box-shadow:3px 3px 4px #878787;-webkit-box-shadow:3px 3px 4px #878787;box-shadow:3px 3px 4px #878787;-ms-filter:'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#878787')';filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#878787')}
 #portfolio-details-info .subtitle{margin-top:20px;padding-bottom:.7em}
 #portfolio-details-info .title1{font-size:1.1em;color:#6f6f6f}
 #portfolio-details-info .info{font-size:1.2em;color:#6f6f6f}
 #portfolio-details-info p{margin-bottom:.7em}
 #portfolio-details-mask{width:100%;height:465px;overflow:hidden;position:relative}
 #portfolio-details-gallery{height:465px;position:absolute;left:0;top:0}
 #portfolio-details-gallery .item{visibility:hidden;height:465px;float:left;margin-right:50px}
 #portfolio-details-gallery .item img{display:block}
 #portfolio-details-prev{position:absolute;top:0;left:20px;width:62px;height:465px;background:url(images/arrow-left.png) no-repeat -64px center;cursor:pointer;z-index:30}
 #portfolio-details-prev:hover{background-position:-128px center}
 #portfolio-details-prev.disable{background-position:0 center}
 #portfolio-details-next{position:absolute;top:0;right:20px;width:62px;height:465px;background:url(images/arrow-right.png) no-repeat -64px center;cursor:pointer;z-index:30}
 #portfolio-details-next:hover{background-position:-128px center}
 #portfolio-details-next.disable{background-position:0 center}
 #portfolio-details .visit{width:80px;height:36px;display:block;background:url(images/visit.png) no-repeat left top;margin-top:10px}
 #portfolio-details .visit:hover{background-position:left bottom}
 #portfolio-details-nav{height:70px;font-size:1.2em}
 #portfolio-details-nav a{color:#e91300}
 #previous-project{display:block;float:right;width:100px;height:31px;margin-top:22px;padding-left:34px;line-height:31px;font-size:12px;color:#a0a0a0;background:url(images/button-previous.png) no-repeat left top}
 #count-project{display:block;float:right;width:70px;height:31px;margin-top:22px;line-height:31px;font-size:16px;color:#6f6f6f;text-align:center;font-family:'Georgia','Arial'}
 #next-project{display:block;float:right;width:78px;height:31px;margin-right:20px;margin-top:22px;font-size:12px;color:#a0a0a0;line-height:31px;background:url(images/button-next.png) no-repeat left top;text-align:right;padding-right:34px}
 a#next-project,a#previous-project{color:#e91300}
 #portfolio-details-nav #back{float:left;display:block;width:99px;height:31px;padding-left:29px;margin-top:22px;margin-left:20px;line-height:31px;font-size:12px;color:#a0a0a0;background:url(images/button-back.png) no-repeat left center}
 .page-not-found{text-align:center;padding-top:70px}
 .fb_ltr{height:20px!important}
 .pluginLikeFlyout{display:none!important}
 /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
 audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
 audio:not([controls]){display:none;height:0}
 [hidden]{display:none}
 html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 html,button,input,select,textarea{font-family:sans-serif}
 body{margin:0}
 a:focus{outline:thin dotted}
 a:hover,a:active{outline:0}
 h1{font-size:2em;margin:.67em 0}
 h2{font-size:1.5em;margin:.83em 0}
 h3{font-size:1.17em;margin:1em 0}
 h4{font-size:1em;margin:1.33em 0}
 h5{font-size:.83em;margin:1.67em 0}
 h6{font-size:.75em;margin:2.33em 0}
 abbr[title]{border-bottom:1px dotted}
 b,strong{font-weight:bold}
 blockquote{margin:1em 40px}
 dfn{font-style:italic}
 mark{background:#ff0;color:#000}
 p,pre{margin:1em 0}
 pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
 pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
 q{quotes:none}
 q:before,q:after{content:'';content:none}
 small{font-size:75%}
 sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 sup{top:-0.5em}
 sub{bottom:-0.25em}
 dl,menu,ol,ul{margin:1em 0}
 dd{margin:0 0 0 40px}
 menu,ol,ul{padding:0 0 0 40px}
 nav ul,nav ol{list-style:none;list-style-image:none}
 img{border:0;-ms-interpolation-mode:bicubic}
 svg:not(:root){overflow:hidden}
 figure{margin:0}
 form{margin:0}
 fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
 legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
 button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
 button,input{line-height:normal}
 button,input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer;-webkit-appearance:button;*overflow:visible}
 button[disabled],input[disabled]{cursor:default}
 input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0;*height:13px;*width:13px}
 input[type='search']{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
 input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
 button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
 textarea{overflow:auto;vertical-align:top}
 table{border-collapse:collapse;border-spacing:0}