@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; }
html { height: 100%; font-size: 62.5%; }
body { font: normal 16px Ubuntu, sans-serif; color: #717171; background: #f7f6f5 url(../images/plu.png) center; min-width: 1000px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: none; color: #e86340; }
a:hover { text-decoration: underline; }
p { margin-bottom: 15px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: bold 18px Ubuntu, sans-serif; color: #717171; margin-bottom: 15px; }
h1 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; }
ul li { list-style: disc outside; }
.set, .header:after, .steps:after, .blocks:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; content: ''; display: block;}
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; }
#wrap { position: relative; width: 950px; margin: 0 auto; }
.header {padding: 40px 0;}
.logo {float: left;}
.logo a {width: 326px; height: 44px; display: block; background: url(../images/logo.png) no-repeat;}
.sign-buttons-wrapper {float: right; margin-bottom: -2px;}
.sign-buttons {line-height: 42px; overflow: hidden; border: 1px solid #ba4234; font-size: 18px; text-shadow: 1px 1px 1px #888; font-style: normal; display: inline-block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: #d2d1d0 0px 1px 0px; -moz-box-shadow: #d2d1d0 0px 1px 0px; box-shadow: #d2d1d0 0px 1px 0px; background: #F28F5C; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F28F5C), to(#DE3925)); background: -webkit-linear-gradient(#F28F5C, #DE3925); background: -moz-linear-gradient(#F28F5C, #DE3925);background: -ms-linear-gradient(#F28F5C, #DE3925); background: -o-linear-gradient(#F28F5C, #DE3925); background: linear-gradient(#F28F5C, #DE3925);
-pie-background: linear-gradient(#F28F5C, #DE3925);}
.sign-buttons a { float: left; color: #fff; text-decoration: none; font-weight: bold; padding: 0px 31px; display: inline-block; border-right: 1px solid #ba4234; box-shadow: inset 1px 0px 2px #e5624d; outline: none !important; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.sign-buttons a:first-child {-moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sign-buttons a:last-child {border-right: none; }
.sign-buttons a:hover {background: #EEAE75; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEAE75), to(#db3f29)); background: -webkit-linear-gradient(#EEAE75, #db3f29); background: -moz-linear-gradient(#EEAE75, #db3f29); background: -ms-linear-gradient(#EEAE75, #db3f29); background: -o-linear-gradient(#EEAE75, #db3f29); background: linear-gradient(#EEAE75, #db3f29); -pie-background: linear-gradient(#EEAE75, #db3f29); box-shadow: inset 1px 0px 2px #e5624d, inset 0px 1px 1px #df6c4f; }
.sign-buttons a:active {background: #CF5138; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CF5138), to(#f38747)); background: -webkit-linear-gradient(#CF5138, #f38747); background: -moz-linear-gradient(#CF5138, #f38747); background: -ms-linear-gradient(#CF5138, #f38747); background: -o-linear-gradient(#CF5138, #f38747); background: linear-gradient(#CF5138, #f38747); -pie-background: linear-gradient(#CF5138, #f38747); }
.page {position: relative; padding: 35px 42px 20px; background: #fff; border: solid 1px #c8c8c8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: #dedddc 0px 2px 0px;
-moz-box-shadow: #dedddc 0px 2px 0px; box-shadow: #dedddc 0px 2px 0px;}
.h101 {font-size: 24px; margin-bottom: 32px; text-align: center;}
.steps {font-size: 18px; font-weight: 300;}
.step {float: left; /*width: 320px; padding-left: 78px;*/ width: 50%; text-align: center; margin-bottom: 35px;}
.select_size {width: 864px; margin-bottom: 36px; height: 697px; float: none; clear: both; background: url(../images/screen.jpg) no-repeat; position: relative;}
.select_size:after {position: absolute; display: block; content: ''; left: 0; bottom: -38px; background: url(../images/shad.png) 50% 0 no-repeat; width: 863px; height: 38px;}
.size_bg {position: absolute; top: 73px; right: 1px; bottom: 1px; left: 1px; z-index: 10;}
.size_bg.hover { background-color: #fff; opacity: .8; filter: alpha(opacity=80);}
.select_size .size1, .size2, .size3, .size4, .size5 {position: absolute; border: dashed 3px #e86340; text-align: center; font-size: 18px; color: #fff; z-index: 20;}
.select_size div p {position: absolute; width: 100%; height: 100%; background: #e86340; opacity: .7; filter: alpha(opacity=70); left: -3px; top: -3px; padding: 3px; display: none;}
.select_size div:hover p {display: block;}
.size1 {top: 76px; right: 4px; bottom: 4px; left: 4px;line-height: 611px;}
.size2 {top: 283px; right: 14px; bottom: 14px; left: 610px;line-height: 400px;}
.size3 {top: 433px; right: 14px; bottom: 14px; left: 550px;line-height: 250px;}
.size4 {top: 600px; right: 4px; bottom: 4px; left: 4px;line-height: 95px;}
.size5 {top: 573px; right: 523px; bottom: 14px; left: 11px;line-height: 109px;}
.blocks {margin: 0 -42px 40px; padding: 33px 84px 7px; border: solid 1px #c8c8c8; border-width: 1px 0;}
.blocks p {line-height: 19px;}
.blocks h2 {font-size: 24px; font-weight: 300; margin-bottom: 29px;}
.block1, .block2 {float: left; width: 360px; text-align: justify; margin-bottom: 15px; font-weight: 300;}
.block2 {float: right;}
.reg {margin-bottom:17px; font-size: 25px; line-height: 60px; font-weight: bold; position: relative;}
.reg a {display: block; height: 66px; width: 749px; margin: 0 auto; text-align: center; position: relative; color: #fff; text-shadow: 1px 1px 1px #332c2c; border: 1px solid #81b66a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0px 0px 2px #dbdbdb, 0px 1px 1px #a9a8a8; background: #5cdb5c; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5cdb5c), to(#358035)); background: -webkit-linear-gradient(#5cdb5c, #358035); background: -moz-linear-gradient(#5cdb5c, #358035); background: -ms-linear-gradient(#5cdb5c, #358035); background: -o-linear-gradient(#5cdb5c, #358035); background: linear-gradient(#5cdb5c, #358035); -pie-background: linear-gradient(#5cdb5c, #358035); }
.reg a:hover {text-decoration: none; text-shadow: 1px 1px 1px #666; box-shadow: 0px 0px 2px #dbdbdb; background: #A0E384; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A0E384), to(#37a42d)); background: -webkit-linear-gradient(#A0E384, #37a42d); background: -moz-linear-gradient(#A0E384, #37a42d); background: -ms-linear-gradient(#A0E384, #37a42d); background: -o-linear-gradient(#A0E384, #37a42d); background: linear-gradient(#A0E384, #37a42d); -pie-background: linear-gradient(#A0E384, #37a42d);}
.reg a:active { border-color: #22621b, #4d8f3c, #72a961, #4d8f3c; background: #2C7E23; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2C7E23), to(#7BCC5F)); background: -webkit-linear-gradient(#2C7E23, #7BCC5F); background: -moz-linear-gradient(#2C7E23, #7BCC5F); background: -ms-linear-gradient(#2C7E23, #7BCC5F); background: -o-linear-gradient(#2C7E23, #7BCC5F); background: linear-gradient(#2C7E23, #7BCC5F); -pie-background: linear-gradient(#2C7E23, #7BCC5F); box-shadow: none; }
#footer {padding: 40px 0; font-size: 14px; color: #454545;}
.b {float: left; }
.b .pluso {margin-left: -16px;}
.copy {overflow: hidden; padding-top: 5px; text-align: right; line-height: 40px;}