@charset "utf-8";
*{border:none;margin:0;padding:0;background:none;text-decoration:none;font-size:13px;font-family:Helvetica,Arial,sans-serif;color:#555}
body{background:#F7F7F7}
h1{margin:0 0 22px;font-weight:normal;font-family:ColaborateLightRegular, sans-serif;font-size:48px;color:#37658D;line-height:48px;}
h2{margin:16px 0 14px;font-family:'Droid Sans';color:#333;font-size:22px;;line-height:28px;}
h3{font-size:18px;margin:22px 0 10px;clear:right}
p,li{margin:5px 0 10px;font-size:12px;/*color:#777;*/line-height:20px;font-family:Verdana, sans-serif;}
b{color:#222}
hr{clear:both}

header{display:block;height:69px;background:#111 url(images/header-bg.png);border-bottom:solid 1px #BBB;}
header>a,header h1{float:left;display:block;}
header>a,header h1{width:156px;height:49px;background:url(images/digiper-logo.png);margin:10px 20px;text-indent:-999em}

.block{background:#111;padding:30px 40px}
.wrapper{width:980px;margin:0 auto}

nav{display:block;float:right;position:relative}
nav>ul{margin:30px 10px 0;float:left}
nav>ul>li{float:left;margin:0 10px;padding:0 0 24px;line-height:10px;list-style:none}
nav>ul>li>a{color:#999;display:block;text-transform:uppercase;letter-spacing:2px;font-size:12px}
nav>ul>li>a:hover,nav>ul>li>a.c{color:#FFF}

#main{background:#F7F7F7;padding:20px 0 15px;border-top:solid 1px #FFF}
#content-bottom{width:957px;height:23px;background:url(images/content-footer.png);margin:0 10px}
#content{width:900px;margin:0 37px;/*border-right:solid 1px #d1d1d1;border-left:solid 1px #d1d1d1;*/padding:10px 0 10px;background:#FFF;-webkit-box-shadow:0 1px 4px #777;-moz-box-shadow:0 1px 4px #777;-box-shadow:0 1px 4px #777}
#content ul{margin:22px 24px}
#content li{margin:0 0 4px}


#home-h2{margin:20px 0 0 20px;width:34%;padding-right:62%;min-height:320px;background:url(images/printar.png) right 0 no-repeat}
#cerro{padding:20px 20px 0 30px;margin:0 10px 0 0;min-height:320px;background:url(images/cerro.png) right 0 no-repeat}
#prod-desc,#prod-ls{padding:20px 20px 0 30px;margin:0 10px 0 0;min-height:320px}
#prod-ls>ul>li{padding:30px 30px 20px 30px;margin:20px 0;border:solid 1px #EEE;background:#FFF;list-style:none}
#prod-ls>ul>li:hover{border:solid 1px #BBB;-moz-box-shadow:0 1px 2px #777;box-shadow:0 1px 2px #777}
#prod-ls>ul>li>a>div,#prod-desc>ul>li>a>img{float:left}
#prod-ls>ul>li>a>div{width:558px}
#prod-ls img,#prod-desc img{width:300px;float:right;clear:right;margin:0 0 20px 20px}
/*#prod-desc,#prod-imgs{float:left}*/
#prod-desc p{float:none}
#prod-imgs{width:478px;bxackground:rgba(0,0,0,0.5)}
.inprod{width:230px!important;margin:-53px 0 0 30px!important}


.bigt,.bigkt{font-size:19px;font-family:'ChampagneLimousinesRegular';margin:0 0 20px}
.bigt{color:#666;}
.bigkt{color:#AAA;background:#111;padding:10px 20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.smallt{color:#666;font-size:11px}


#prod-nav{background:#FBFBFB url(images/bg.jpg);overflow:hidden;clear:both;text-align:center}
#prod-nav ul{list-style:none}
#prod-nav li{margin:6px 5px;float:left;font-size:13px;text-align:center}
#prod-nav li.double{margin-top:0!important}
#nav-start p,#prod-nav p{font-family:'AmaranthRegular';color:#222}
#prod-nav p{margin:12px 0 6px;clear:both}
#prod-nav p{width:900px;font-size:24px;padding:0 10px 8px;border-bottom:solid 1px #CCC}

#nav-start{display:block;margin-left:40px}
#nav-start li{margin:0 24px;position:relative}
#nav-start li,#nav-start span{background-image:url(images/product-nav-icons.png);background-repeat:no-repeat}

#nav-start span{display:block;position:absolute;top:0}
#nav-start span:hover{opacity:0}
#nav-start li, #nav-start span{height:120px}
#nav-start p{margin:134px 0 6px;font-size:13px;line-height:14px;text-transform:uppercase;padding:4px 0 0;border:none;border-top:solid 1px #CCC}
#nav-start li,#nav-start p,#nav-start span{width:120px;}
/*#nav-start li:hover,#nav-start span:hover{background-size:620px}*/
/*#prod-nav a{font-size:13px;color:#777}*/

#prod-nav{height:182px}
/* ,#prod-nav > div >div*/
#nav-start{padding:10px 20px 20px;}


dl{margin:20px 2px;width:480px}
dl>*{display:inline-block;padding:0 0 7px}
dt{width:240px;text-align:right}
dd{margin-left:10px;width:200px;color:#222}



#homeserv li{display:block;width:300px;float:left;margin:12px;}
#homeserv p{font-size:24px;color:#DDD}
#homeserv img{width:300px;height:170px;box-shadow:0 1px 5px #111}

.thu{margin-top:30px}
.thu img{margin:0 10px 0 0}
.med{width:530px;height:320px;float:right;margin:60px 10px 0 0;border:solid 4px #065a9a;border-radius:4px;-moz-border-radius:4px;box-shadow:0 2px 3px #000}
.desr{width:350px;float:right;margin:60px 0px}

#response{margin:4px 0 12px;}
#response p{padding:8px 20px;text-align:center;margin:0}
.sent{background:#EFD;border:solid 1px #387A46;color:#387a46}
.error{background:#FEE;border:solid 1px #E33;color:#C00}
form{width:318px;margin:20px auto}
input,textarea,select{border:solid 1px #BBB;background:#FFF;margin-bottom:10px}
label{float:left;clear:both;margin-top:5px}
input,select{height:26px;float:right;padding:0 5px;color:#4B2E1C}
input{width:208px}
select{width:220px}
input[type=submit]{width:80px;height:26px;float:right;clear:right;color:#FFF;border:solid 1px #333;background:#37658D;cursor:pointer}
textarea{width:218px;height:200px;color:#4B2E1C;float:right}

footer{font-size:11px;text-align:center;color:#999;padding:20px 30px;clear:both;}

hr,.clear{clear:both}


#n-acabado{background-position:0 bottom}
#n-offset{background-position:-120px bottom}
#n-offset span{background-position:-120px 0}
#n-empaque{background-position:-240px bottom}
#n-empaque span{background-position:-240px 0}
#n-flexo{background-position:-360px bottom}
#n-flexo span{background-position:-360px 0}
#n-bolsas{background-position:right bottom}
#n-bolsas span{background-position:right 0}


/*start lava*/
#nav2{background:#111}
.lava {height:152px}
.ContentFrame{width:940px;position:relative;overflow:hidden;margin:0 auto}
.ContentFrame a{color:#CCC}
.ContentFrame a:hover{color:#6AE}
.AllTabs{position:relative;width:6000px;wxxidth:3000%;oxxverflow:hidden;padding:0px}
.AllTabs > div{width:920px;height:30px;margin:4px 15px;padding:0px;float:left;overflow:hidden;}

#n-back{background:none!important;width:18px!important;height:14px!important;padding-top:33px;left:60px;clear:both;float:none!important}

/*end lava*/

#sn-impresoras-offset{margin-left:96px}
#sn-empaque{margin-left:360px}
#sn-flexografia{margin-left:568px}
#sn-maquinas-de-bolseo{margin-left:660px}

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

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