@charset "utf-8";
*{border:none;margin:0;padding:0;background:none;text-decoration:none;list-style:none;font-family:'samo_sansregular',Helvetica,Arial,sans-serif;color:#000}

a:active,a:hover,a:focus,a.active{color:#951c1a}

h1,h2,h3{font-weight:normal}
h1{padding:6px 0;font-size:20px}
h2,.about h3{padding:5px 0;font-size:15px}
hr{clear:both}
p,.about li{margin:0 0 6px;font-size:16px;line-height:19px}
header{display:block;height:85px;background:#951c1a url(images/w-backg2.png) repeat-x left bottom; padding-bottom: 5px;}
header #logo{float:left;display:block;width:180px;height:60px;background:url(images/logo-porta2.jpg) no-repeat;maxrgin:10px 20px;text-indent:-999em}
header li{}
subheader{display:block;height:300px; padding-top: 25px;background:#951c1a /*url(images/backg-sub-header.png)  no-repeat;*/}
subheader #logo{float:left;display:block;width:170px;height:55px;background:url(images/logo-porta2.jpg) no-repeat;maxrgin:10px 20px;text-indent:-999em}
subheader li{}
ns-subheader{display:block;height:570px;background:url(images/backg-ns-subheader.png) repeat-x;}
ns-subheader #logo{float:left;display:block;width:170px;height:55px;background:url(images/logo-porta2.jpg) no-repeat;maxrgin:10px 20px;text-indent:-999em}
ns-subheader li{}

uc-subheader{display:block;height:200px; background:#951c1a;}
uc-subheader #logo{float:left;display:block;width:170px;height:55px;background:url(images/logo-porta2.jpg) no-repeat;maxrgin:10px 20px;text-indent:-999em}
uc-subheader li{}

centralbanner{display:block;height:200px;background:url(images/shadow-centralbanner.png) repeat-x}
centralbanner #logo{float:left;display:block;width:170px;height:55px;background:url(images/logo-porta2.jpg) no-repeat;maxrgin:10px 20px;text-indent:-999em}
centralbanner li{}

nav#top{height:1px;background:#951c1a}
nav#top a{font-size:13px;color:#646464}

#nav-top-left{float:left;margin-top:6px}
#nav-top-right{float:left;text-transform:uppercase}
#nav-top-right li{float:left;margin:0 0 0 30px}
#nav-top-right a{display:inline-block;height:23px;padding-top:7px}
#nav-top-right a:hover {color:#951c1a;}

#nav-bottom {margin-bottom: 30px; height: 60px; width: 660px; float:left;text-transform:uppercase; padding: 20px 200px;}
#nav-bottom li{ padding-left: 40px; font-size:13px; float:left;margin:0 0 0 30px}
#nav-bottom a{display:inline-block;height:23px;padding-top:7px; font-size: 16px; color:#646473;}
#nav-bottom a:hover {color:#951c1a;}

#nav-bottom-ns {margin-bottom: 30px; height: 60px; margin-left: 50px; width: 350px; float:left;text-transform:uppercase}
#nav-bottom-ns li{ padding-left: 40px; font-size:13px; float:left;margin:0 0 0 30px}
#nav-bottom-ns a{display:inline-block;height:23px;padding-top:7px}
#nav-bottom-ns a:hover {color:#951c1a;}

.portalogo,.vinetaporta{padding-right:36px;background-image:url(images/sprite-top.png);background-repeat:no-repeat;}
.portalogo{background-position:left 0}
.vinetaporta{background-position:left -32px}
.boldie{ font-weight: bolder;}


#nav-main{margin-top:25px}
#nav-main>ul{float:right;margin-top:7px; margin-right: 15px;}
#nav-main>ul>li{display:block;float:left}
#nav-main ul ul{display:none;position:absolute;padding:0 10px 10px;background:#e8e9eb;z-index:99}

#nav-main ul ul li a{font-size:15px;border-bottom:dotted 2px #CFD0D2;padding:12px 20px 1px 15px}
#nav-main a{display:block}
#nav-main a:hover {color:#951c1a; font-weight: bolder;}
#nav-main>ul>li>a{font-size:17px;padding:10px 9px 8px 10px;color:#646473;font-weight: bolder;}

#nav-main>ul>li:hover,#nav-main .test{/*background-color:#e8e9eb;background-image:url(images/franke-icons-kitchen_systems.png);background-repeat:no-repeat;background-position:6px -188px;*/}
#nav-main>ul>li:hover:last-child{background-image:none}
#nav-main>ul>li:hover ul,#nav-main .test ul{display:block}



#main{/*padding-bottom:100px*/}
#leftcol{float:left;width:500px;margin-top:15px}
#rightcol{float:right;width:296px;position:relative;top:15px;mxargin-top:-161px;z-index:10}
#quick-links{width:1000px;height:414px;margin:0 0 0;/*padding:12px 62px 10px;*/position:relative;/*right:44px*/ top: -40px; /* background:url(images/sub-banner-home.png) no-repeat;*/z-index:20}
#quick-links .link-arr{display:block;margin:8px 0}
#quick-links .contact{padding:14px 0}
#quick-links .contact a{font-size:17px;background-image:url(images/franke-icons-kitchen_systems.png);background-repeat:no-repeat;background-position:right -1099px;color:#282828;padding:0 21px 0 0}
#quick-links .contact a:hover{background-position:right -1199px}


/* product page */
.lnav{width:150px;float:left;font-size:14px;}
.lnav span{display:block;padding:6px 10px;width:130px;background:#f2f3f3;
background-image: linear-gradient(bottom, rgb(227,228,228) 20%, rgb(242,243,243) 100%);
background-image: -o-linear-gradient(bottom, rgb(227,228,228) 20%, rgb(242,243,243) 100%);
background-image: -moz-linear-gradient(bottom, rgb(227,228,228) 20%, rgb(242,243,243) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(227,228,228) 20%, rgb(242,243,243) 100%);
background-image: -ms-linear-gradient(bottom, rgb(227,228,228) 20%, rgb(242,243,243) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(227,228,228)),
	color-stop(1, rgb(242,243,243))
);
box-shadow:0 1px 3px #999;-webkit-box-shadow:0 1px 3px #999;-moz-box-shadow:0 1px 3px #999;
}
.lnav ul{background:#f7f9f9;margin-top:2px;padding:2px 7px 5px;}
.lnav a{display:block;border-bottom:dotted 2px #CFD0D2;padding-top:8px}

.products>div,.about>div,.distributors>div{padding-left:182px}
.products h1,.about h1,.distributors h1{padding:6px 0 2px;border-bottom:dotted 2px #CFD0D2;}
.products h1 span,.about h1 span,.distributors h1 span{border-bottom:solid 2px #CFD0D2;background:#FFF;padding:2px 4px;}

.prodls li{float:left;}
.prodls ul ul li{position:relative;width:220px;height:176px;/*height:152px*/}
.prodls img{width:218px;}
.prodls li h2{font-size:20px;line-height:42px;padding:20px 0 4px;color:#646464}
.prodls>li>ul>li>p{border:solid 1px #b5b6b7;padding:5px 10px 4px;border-bottom:none;margin:0}
.prodls>li>ul>li>ul>li{border:solid 1px #b5b6b7}
.prodls>li>ul>li>ul>li:not(:first-child){border-left:none}
.prodls li p{text-align:center}
.prodls li .link-arr{display:block;position:absolute;bottom:0;font-size:14px;margin:10px 12px}

.products .plcol,.products .pinfo{padding-top:30px}
.products .plcol{float:left;width:270px}
.products .plcol a{font-size:14px}
.products .pinfo{float:left;width:370px}
.pinfo h2{color:#646464;padding:10px 0}
.pinfo table{border-spacing:0;border-collapse:collapse;font-size:14px}
.infolcol{width:118px}
.pinfo td{border-bottom:solid 1px #CFD0D2;padding:3px 8px 2px 0}
.noborder td,.infolasttr td{border:none}
.tdright{padding-right:48px!important}
.tdright,.infolasttr td{text-align:right}
.tdsmall{font-size:12px}
.infolasttr span{font-size:13px;margin-left:12px}
.accessories img{width:90px}
.accessories li{float:left;width:110px;padding:5px 10px 15px 0}
.accessories li:nth-child(odd){clear:left}
.tech{text-align:center;padding:30px 0}


.about h2,.distributors h2{font-weight:normal;color:#646464;font-size:21px;margin:20px 0 12px}
.about h3{margin-top:22px}
.about p{margin-bottom:10px}
.about img{margin-bottom:30px}
.about ul{margin-bottom:14px}

.videos div{margin:30px 0 20px}
.showroom h3{font-size:18px;padding:7px 0}
.showroom-address li{background:none!important;padding:0!important;float:left;width:220px}
.showroom-address .mx{width:194px;margin:0 0 0 34px}
.contact-intro{margin-top:30px}
.contact-intro p{font-size:16px;color:#646464;margin-bottom:6px}

label,input,select,textarea{font-size:14px;display:block; padding-bottom: 5px;}
input,select,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#contact-form label{padding:8px 0 2px}
.request-form label{float:left;padding:12px 0}
textarea{}
input,textarea,select{border:solid 1px #000;}
input,textarea{padding:2px 3px}
#contact-form input,#contact-form select{width:230px}
.request-form input{width:100%}
input{height:22px; width: 200px;}
#contact-form select{height:22px}
select{height:22px}
textarea{width:390px;height:130px}
input[type='submit']{padding:3px 19px;width:auto;height:auto;cursor:pointer;border:none;background:#E4E5E5;
background: -moz-linear-gradient(top,  #f2f3f3 50%, #e4e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f3f3), color-stop(100%,#e4e5e5));
background: -webkit-linear-gradient(top,  #f2f3f3 50%,#e4e5e5 100%);
background: -o-linear-gradient(top,  #f2f3f3 50%,#e4e5e5 100%);
background: -ms-linear-gradient(top,  #f2f3f3 50%,#e4e5e5 100%);
background: linear-gradient(to bottom,  #f2f3f3 50%,#e4e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#e4e5e5',GradientType=0 );
box-shadow:0 1px 4px #E0E0E0;-webkit-box-shadow:0 1px 4px #E0E0E0;-moz-box-shadow:0 1px 4px #E0E0E0}
input[type=submit]:disabled{color:#555;background:#BDBDBD}
input[type=submit]:hover{box-shadow:0 1px 6px #777;}
input[type=submit],#response{display:inline-block;margin:22px 12px 14px 0}

fieldset{width:506px;background:#ffffff;margin:0px 0 10px;padding:0 0 14px}
legend{float:left;width:426px;margin:2px 0;padding:6px 40px;border-bottom:dashed 2px #CFD0D2}
fieldset>div{padding:1px 0px;clear:both}

#firstname-lbl,#lastname-lbl{width:205px}
#city-lbl{width:160px}
#state-lbl{width:142px}
#zip-lbl{width:92px}
#countrsy{padding-right:16px}
#firstname-lbl,#city-lbl,#state-lbl{padding-right:16px}
#pregunta1x,#pregunta2x{display:none;margin-top:8px}
#company-lbl,#address-lbl,#email-lbl,#state-lbl select,#country-lbl,#country-lbl select,.survey select{width:100%}

.brochure-intro{height:120px;padding-right:340px;background:url(images/catalogo.jpg) no-repeat right 0;}
.to-left{width:506px}
.to-left>*{float:right}
.to-left input{margin:22px 0 14px 12px}
.required-note{width:506px;text-align:right}

.distributors form{margin:20px auto}
.distributors {font-size:14px}
/*#countries>div{display:none} jquery se encarga de ocultar los elementos*/
#countries h3{font-size:16px;background-color: #eee;color: #888}
#countries>div>div{width:660px;color:#666;padding-bottom: 20px}
#countries ul{margin-top:10px}
#countries li.mail{color:#DC281E}

.startred{color:#DC281E}
.dottedhr{border-bottom:dotted 2px #B6B7B7}
.link-arr,.about>div li{color:#000!important;background:url(images/franke-icons-kitchen_systems.png) no-repeat 0 4px;padding:0 0 2px 11px;}
.u{border-bottom:solid 1px #000;padding:0 7px 0 0}
.u:hover{border-bottom:solid 1px #DC281E}
.wrapper{width:1000px;margin:0 auto; height: 150px;}


footer{background:#951c1a  repeat-x 0 -100px;bottom:0;height:30px;overflow:hidden;position:fixed;width:100%;z-index:99999}
footer a{color:#ffffff;font-size:13px}
footer a:hover {color:#8f8e8e;}
footer .foot_bd{background:#951c1a  no-repeat 0 0;height:30px;line-height:23px;padding-left:60px;width:5000px}
footer .foot_content{width:808px}
footer p{display:inline}
footer p a{line-height: 30px}


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


/** Scroller **/

#content {
	width: 820px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

#content-ns {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

#scroller-ns {
	width: 12000px;
	list-style: none;
}

#scroller-ns li {
	width: 800px;
	margin-right: 800px;
	float: left;
}


#scroller {
	width: 12000px;
	list-style: none;
}

#scroller li {
	width: 800px;
	margin-right: 800px;
	float: left;
}

/* Desarrollo */
#desarrollos{
    
    padding-top: 40px;
    width: 980px;
    
}

#desarrollo-squares{
    
    float: left;
    width: 152px;
    height: 200px;
    margin-right: 10px;
    
    
    
}

#desarrollo-squares-last{
    
    float: left;
    width: 152px;
    height: 200px;
    
    
    
}

#hn-desarrollos{
    
    padding-top: 40px;
    width: 980px;
    
}

#hn-desarrollo-squares{
    
    float: right;
    width: 152px;
    height: 200px;
    margin-right: 10px;
    
    
    
}

#hn-desarrollo-squares-last{
    
    float: left;
    width: 152px;
    height: 200px;
    
    
    
}
/*popups*/

/*POPUP*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
.ventana {
  position:absolute;
  left:0;
  top:0;
  width:450px;
  height:650px;
  display:none;
  z-index:9999;
  padding:20px;
}

#construccion, #corretaje, #fondos, #especulacion, #asesoria, #urbanizacion, #construccion2, #vivienda, #multifamiliar, #comercial, #industrial, #residencias-venta, #construya-gusto, #hagamos-negocio   {

  width:925px;
  height:650px;
  padding:10px;
  /*background-color:#ffffff;*/
  top: 20.5px;
  left: 150.5px;
  display: none;
  background-color: #ffffff;
  -moz-border-radius-bottomright: 20px;
  border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-left-radius: 20px;

}




.close{

	color: #878686;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	float: right;
	font-size: 17px;
}

#addshowrooms {
  
  width: 450px;
  display:none;
  
}



/*END POPUP*/



/*Gallery Slide show*/

.gallery .col-r .in{width:100%;max-width:656px;margin:0 0 0 auto}
.gallery .block{width:100%;position:relative}
.gallery .col-r img{display:block; border: white solid 8px;}
.gallery .descr{position:absolute;right:0;bottom:35px;width:100%;color:#fff;text-transform:uppercase;font:27px/32px 'Opificio Bold';overflow:hidden}
.gallery .descr-in{display:table;margin:0 0 0 535px;overflow:hidden;background:#000;background:rgba(0,0,0,0.7);padding:0 30px;width:30%;height:60px}
.gallery .descr p{margin:0;display:table-cell;vertical-align:middle; color: #ffffff;}

.gallery .switcher{position:absolute;left:0;top:535px;width:100%;z-index:16; visibility: hidden;}
.gallery .switcher .in{margin:0 0 0 340px}
.gallery .switcher ul{list-style:none;margin:0 0 0 auto;padding:0;width:100%;max-width:1199px;overflow:hidden}
.gallery .switcher li{float:left;padding:0 4px 0 0}
.gallery .switcher a{display:block;width:80px;height:6px;text-indent:-9999px;overflow:hidden;background:#C3C3C3}
.gallery .switcher .activeSlide a,
.gallery .switcher a:hover{background:#f69643}

.slideshow{list-style:none;margin:0;padding:0}
.slideshow>li{position:absolute;background:none !important}


    #quote{
    float: left;
    width: 321px;
    height: 270px;
    padding-top: 30px;
    
    
   }
   
     .main_view { /* el contendor principal */
    position: relative;
    z-index: 9999;
  }
  
  
  
  
#quick-links .quotelinks{
    display: inline-block;
    margin-top: 10px;
}

#quick-links .quotelinks ul {
    list-style-type: none;
}

#quick-links .quotelinks ul li{
    width:305px;
    float:left;
    text-align:center;
    position: relative;
}

#quick-links .quotelinks ul li h4{
    padding: 0px;
    margin: 10px 0 20px; 0;
    color: #363636;
    font-size: 16px;
    font: 14px/21px 'Open Sans', sans-serif;
}

#quick-links .quotelinks ul li p{
    padding: 0px;
    margin: 0;
    color: white;
}

#quick-links .quotelinks ul li{
    padding:0 10px;
}
#quick-links .quotelinks ul li a{
    text-decoration: none;
}

#quick-links .quotelinks ul li .tsithumb{
    /*border: white solid 4px;*/
    position:relative;
    z-index:1;
}

#quick-links .quotelinks .arrowicon {
    position:absolute;
    left: 90px;
    top: 30px;
    z-index:10;
    opacity:.7;
    filter: alpha(opacity=50);
    transition: opacity .5s;
    -moz-transition: opacity .5s; /* Firefox 4 */
    -webkit-transition: opacity .5s; /* Safari and Chrome */
    -o-transition: opacity .5s; /* Opera */
}

#quick-links .quotelinks ul li a:hover > .arrowicon{
    opacity: 1;
}