article{
   display: block; float: right; width: 700px; height: auto; overflow: hidden; padding: 0px; margin: 0;
   font-family: fp;
}
article.messageCont{
   background: #f3f3f3;
   border-radius: 0 0 5px 5px;
   margin-bottom: 10px;
}
article p{
   margin-top: 1px;
}
article h1{
   display: block; clear: both; width: 100%; line-height: 1.8em;
   font-size: 1.8em; font-family: ft; font-weight: normal; border-bottom: 2px solid #d0ced1; color: #465a99; text-transform: uppercase;
}
h1 span{
   display: inline-block; width: 30px; height: 1em; overflow: hidden;
   background: url(../images/icon/arrowSub.png) center center no-repeat;
}
article h1.contactIcon{
   background-image: url(../images/contact/mail.png); padding-left: 90px;
   background-position: bottom left; background-repeat: no-repeat; margin-bottom: 40px;
}
article h1.loginIcon{
   background-image: url(../images/login/loginIcon.png); padding-left: 90px;
   background-position: bottom left; background-repeat: no-repeat; margin-bottom: 40px;
}
article h1.registerIcon{
   background-image: url(../images/login/registerIcon.png); padding-left: 90px;
   background-position: bottom left; background-repeat: no-repeat; margin-bottom: 40px;
}
article h1.registeredIcon{
   background-image: url(../images/login/registeredIcon.png); padding-left: 90px;
   background-position: bottom left; background-repeat: no-repeat; margin-bottom: 40px;
}
article h2{
   display: block; clear: both; width: 100%; line-height: 1.6em;
   font-size: 1.6em; font-family: ft; font-weight: normal; border-bottom: 1px solid #d0ced1; color: #069342; text-transform: uppercase;
}
article h3{
   display: block; clear: both; width: 100%; line-height: 1.4em;
   font-size: 1.4em; font-family: ft; font-weight: normal; border-bottom: 1px solid #d0ced1; color: #069342; text-transform: uppercase;
}
article blockquote{
   margin-left: 0; padding-left: 60px;
   background: url(../images/icon/quotes.png) top left no-repeat;
}
.map{
   display: block; clear: both; width: 99%; height: 450px; overflow: hidden;
   text-align: center; margin-bottom: 10px; margin-top: 15px;
   border: 2px solid #698ad3;
}
.productArticle{
   display:block; float: right; width: 450px; height: auto; overflow: auto; text-align: left;
}

.inputBlock{
   display:block; position:relative; clear:both; width:97%; height:auto; overflow:hidden; margin-top:35px; margin-left: 20px; padding-bottom:3px;
}
.inputBlock.middle{
   width: 43%; float: left; clear: none; margin-right: 1%;
}
.inputBlock label{
   display:block; clear:both; width:100%; height:auto; overflow:hidden;
   font-size:1em; font-weight:normal; text-transform:uppercase; color:#4b4b4b; font-family: fp;
}
.inputBlock label.toLeft{
   float: left; width: auto; height:auto; overflow:hidden;
   font-size:1em; font-weight:normal; text-transform:uppercase; color:#4b4b4b; font-family: fp;
}
.txt{
   display:block; clear:both; width:87%; margin-left:0; margin-top:5px; height:35px; line-height: 35px; overflow:hidden;
   padding-left:10px; font-weight:normal; font-family: fp; font-size: 0.9em;
}
.txtArea{
   display:block; clear:both; width:87%; margin-left:0; margin-top:5px; height:70px; overflow:hidden;
   padding:5px 5px 5px 10px; font-weight:normal; font-family: fp; font-size: 0.9em;
}
.txt, .txtArea{ 
   outline:0; padding-top:8px;
   border: 1px solid #c1bdb8; 
   background: #FFF; 
   padding: 0 5px 0 5px; 
   border-radius: 3px;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1) inset, 0px 1px 1px rgb(255, 255, 255);
}
.txtCantidad{
   display: block; float: left; width: 150px; height: 28px; line-height: 28px;
   border: 1px solid #c1bdb8; 
   background: #FFF;
   border-radius: 3px;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1) inset, 0px 1px 1px rgb(255, 255, 255); 
}
.txt:focus, .txtArea:focus, .txtCantidad:focus{ 
   border-color: #66afe9;
   box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1);
}
.warning{
   display:none; position:absolute; width:20px; height:45px; top :0px; right:5px;
   background:url(../images/icon/alert.png) bottom center no-repeat;
}
.msg{
   display:none; float:left; width:40%; height:auto; overflow:hidden; padding-left:40px; padding-top:2px; padding-bottom:15px; margin-left:10px;
   color:#0f0f0f;
}
.loading{
   display:block; 
   background:url(../images/icon/loading.gif) top left no-repeat;
}
.sent{
   display:block; 
   background:url(../images/icon/check.png) top left no-repeat;
}
.missing{
   display:block; 
   background:url(../images/icon/missing.png) top left no-repeat;
}
.btn{
   display: block; position: absolute;
   width: auto; height: 40px; top: 0; right: 35px; padding: 0 40px 0 20px;
   background-color: #00923b; background-position: center right; background-repeat: no-repeat;
   background-image: url(../images/icon/arrowRight.png);
   font-size: 1.2em; font-family: ft; font-weight: normal; text-decoration: none; line-height: 40px; color: #FFF; text-shadow: 1px 1px #007430;
   border-top: 2px solid #007430;
   border-bottom: 1px solid #007430;
   border-left: 1px solid #007430;
   border-right: 1px solid #007430;
   border-radius: 2px;
   transition: all 0.2s;
}
.btn.register{
   position: relative; width: 150px; text-align: center; padding: 0 0 0 0; top: 0; left: 0;
}
.btn.addToCart{
   position: relative; width: 180px; text-align: center; padding: 0 0 0 0; top: 0; left: 0; height:30px; line-height: 30px; margin-top: 15px;
}
.btn:hover{
   color: #FFF;
}

.messageBox{
   display: block; clear: both; width: 96%; height: auto; margin: 20px 0 20px 2%; position: relative; overflow: hidden;
   border: 1px solid #64b1c0;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.2), inset 2px 3px 2px rgba(0,0,0,0.05), inset 0 0 1px rgba(255,255,255,0.5);
   background-position: center left; background-repeat: no-repeat; background-color: #dee9ef;
   border-radius: 3px;
   background-image: url(../images/icon/msgInfo.png);
}
.messageBox.error{
   border-color: #dc5b70; background-color: #f7d9d9;
   background-image: url(../images/icon/msgError.png);
}
.messageBox.warning{
   border-color: #caa14c; background-color: #ede6c2;
   background-image: url(../images/icon/msgWarning.png);
}
.messageBox.ok{
   border-color: #94c56a; background-color: #dff0d8;
   background-image: url(../images/icon/msgOk.png);
}
.messageBox label{
   display: block; float: left; width: 90%; height: auto; margin: 15px 0 15px 50px; color: #3a8ab0; text-shadow: 1px 1px rgba(255,255,255,0.5); font-size: 1.1em;
}
.messageBox.error label{
   color: #b94a48;
}
.messageBox.warning label{
   color: #94724d;
}
.messageBox.ok label{
   color: #468847;
}
.messageBox label strong{
   padding-right: 10px;
}
.messageBox a{
   display: block; position: absolute; width: 30px; height: 30px; top: 5px; right: 5px;
   background: url(../images/icon/msgClose.png) top center no-repeat;
}
.messageBox a:hover{
   background-position: bottom center;
}
.messageBox label a.edit{
   display: inline; position: relative; width: auto; height: inherit; line-height: inherit;  margin: 0 0 0 10px; padding: 0; font-size: inherit;
   background: none; color: #000;
}
.messageBox label a.edit:hover{
   text-decoration: underline;
}


.cotHeader{
   display: block; clear: both; width: 100%; height: 30px; overflow: hidden;
}
.cotHeadercol{
   display: block; float: left; width: 20%; height: 28px; line-height: 28px; text-align: center; margin: 0 1% 0 0;
   font-size: 1.2em; font-family: ft; font-weight: normal; border-bottom: 2px solid #d0ced1; color: #069342; text-transform: uppercase;
}
.cotHeadercol.history{
   width: 100%; height: 50px; line-height: 50px; margin-bottom: 5px;
}
.cotRow{
   display: block; clear: both; width: 100%; height: auto; overflow: hidden;
   border-bottom: 1px solid #d0ced1;
}
.cotRow:nth-child(even){
   background-color: #f7f7f7;
}
.cotRowCol{
   display: block; float: left; width: 20%; height: auto; overflow: auto; margin: 15px 1% 10px 0;
   font-size: 0.9em; font-family: fp; text-align: left; line-height: 1.3em; color: #5b5b5b;
}
.cotRowCol.toRight{
   text-align: right;
}
.cotRowCol.toCenter{
   text-align: center;
}
.delButton, .editButton{
   display: block; clear: both; width: 100%; height: 16px;
   border: 0;
   background: url(../images/icon/del.png) top center no-repeat;
   transition: none;
}
.editButton{
   height: 18px;
   background: url(../images/icon/edit.png) top center no-repeat;
}
.delButton:hover, .editButton:hover{
   background-position: bottom center;
   transition: none;
}

.cotArrow{
   display: block; float: left; width: 14%; height: 100px;
   overflow: hidden;
   background: url(../images/icon/arrowLeft.png) center center no-repeat;
}
.cotFinished{
   display: block; float: right; width: 84%; height: auto; margin-top: 15px; margin-bottom: 30px;
   border: 3px dashed #d0ced1;
   border-radius: 5px;
}
.cotFinished div{
   display: block; clear: both; width: 90%; height: auto; overflow: hidden;
   margin: 10px 0 10px 5%;
}
.noEstimations{
   display: block; clear: both; width: 100%; height: auto; overflow: hidden; margin-bottom: 50px;
   padding-top: 200px; background: url(../images/icon/noEstimations.png) top center no-repeat;
}
.noProductsInCEst{
   display: block; clear: both; width: 96%; height: 280px; margin: 15px 0 20px 2%; overflow: hidden;
   border: 0px dashed #b2c2d3; background: #fafafa url(../images/addToEstimation.png) bottom center no-repeat;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   border-radius: 5px; text-align: center;
}
h3.noProducts{
   display: block; clear: both; text-align: center; margin: 20px 0 20px 0;
   color: #5a5a5a; border: none;
}

.navButton{
   display: block; float: left; width: auto; height: 30px; overflow: hidden; margin: 10px 5px 5px 15px;
   border: 1px solid transparent;
}
.navButton:hover{
   background: #eff1f3;
   border: 1px solid #95a2ae;
   border-radius: 3px;
   box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
}
.navButton img{
   display: block; float: left; width: 24px; height: 24px; border: none; margin: 3px 3px 3px 3px;
}
.navButton span{
   display: block; float: left; width: auto; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 10px; margin: 3px 3px 3px 3px;
}


.statusOk{
   display: inline-block; width: 80px; margin: 0 0 0 5px;
   height: 25px; line-height: 25px; 
   background: #6ba300; text-align: center; font-size: 1.1em; color: #FFF;
   border-radius: 3px;
   text-transform: uppercase;
   text-shadow: none;
}