/* CSS Document */

/** { box-sizing: border-box; }*/

/*body {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  color:white;
  font-size:12px;
  background:#333 url(/images/classy_fabric.png);
}*/

form {

  color: #666;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;

		background:#FFFFFF;
		box-shadow: 0px 4px 4px rgba(153,153,153,.3);
  width:400px;
  margin:40px auto;
  border-radius:0.2em;
  overflow:hidden;
  position:relative;

}

form:after {
  content:"";
  display:block;
  position:absolute;
  height:1px;
  width:100px;
  left:20%;
	/*background:linear-gradient(left, #111, #444, #b6b6b8, #444, #111);*/
  top:0;
}

form:before {
 	content:"";
  display:block;
  position:absolute;
  width:8px;
  height:5px;
  border-radius:50%;
  left:34%;
  top:-7px;
  box-shadow: 0 0 6px 4px #fff;
}

.inset {
 	padding:20px; 
  /*border-top:1px solid #19191a;*/
}

form h1 {
  color: #C11823;
	font-family:'TrajanPro-Bold', serif;
	font-size:18px;
  text-shadow:0 1px 0 rgba(100,100,100,1);
  text-align:center;
  padding:5px 0;
  /*border-bottom:1px solid rgba(0,0,0,1);*/
  position:relative;
}

form h1:after {
 	content:"";
  display:block;
  width:250px;
  height:100px;
  position:absolute;
  top:0;
  left:50px;
  pointer-events:none;
  transform:rotate(70deg);
 /* background:linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));*/
  
}

label {
 	color:#666;
  display:block;
  padding-bottom:9px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
       display: none;
    
 }

select, input[type=text],select, input[type=email],
input[type=password], input[type=submit], input[type=number] {
 	width:96%;
  padding:8px 5px;
  background:#FFF;
  border:1px solid #ccc;
  box-shadow:  0 1px 0 rgba(255,255,255,0.1);
  border-radius:0.3em;
  /*margin-bottom:20px;*/
}


input[type=submit], #actionsDiv a {
  background:#C11823;

  border:1px solid rgba(0,0,0,0.4);
  border-radius:0.3em;
  text-shadow:0 -1px 0 rgba(0,0,0,0.4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 10px 10px rgba(255,255,255,0.1);

  color:white;
  font-weight:bold;
  font-size:14px;
  /*float:right;*/
  cursor:pointer;
	margin-top: 30px;
	width: 99%;
}

input[type=submit]:hover, #actionsDiv a:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 -10px 10px rgba(255,255,255,0.1);
}


input[type=text]:hover,
input[type=password]:hover,
input[type=number]:hover,
label:hover ~ input[type=text],
label:hover ~ input[type=password] {
 	  border:1px solid #C11823;
}


#actionsDiv{ text-align:center; margin: 25px 0;}
#actionsDiv a{
	font-family: Arial;
	width: 150px;
	padding: 10px; 
	text-decoration:none; 
}

#agentIcon{
	background-image:url(../assets/agent_icon.png);
	display:block;
	margin:  0 auto;
	height: 102px;
	width: 93px;	
}

#agentIcon-ad{
	background-image:url(../assets/agent_icon_ad.png);
	display:block;
	margin:  0 auto;
	height: 102px;
	width: 93px;	
}

#clientIcon{
	background-image:url(../assets/client_icon.png);
	display:block;
	margin:  0 auto;
	height: 102px;
	width: 93px;	
}

#clientIcon-ad{
	background-image:url(../assets/client_icon_ad.png);
	display:block;
	margin:  0 auto;
	height: 102px;
	width: 93px;	
}

#form1, #emailForm{ width: 400px; padding: 20px;}

#fullEstimate .subtitulo{
		border-bottom: 1px solid #C11823;
		padding-top: 10px; 
		font-size:1em;
		font-weight:bold;
}

#fullEstimate .small{
		font-size:0.9em;
		font-weight:normal;
		
}

#fullEstimate .total{
		font-size:1.1em;
		font-weight:bold;
		padding: 10px 0px;
		
}

#prestimate_header{
	display: none;
	/*background-image: url(../assets/prestimate-header.png);
	background-color: #0F6;

	height:80px;
	width: 700px;	*/
}

.badLoginData{
	border: 1px solid #C11823;
	background-color: #FFFABB;
	color: #C11823;
	font-size:0.8em;
	margin: 15px;	
	padding: 5px;
	text-align:center;
}
.enfasis{
	font-weight:bold;	
}

#filedatatable td{
  vertical-align: top;
  text-align: left;
  padding-left: 5px;
}

.table-container{
  width: 800px;
  margin: 0 auto;
  
}
.quantity{
  text-align: right;
}

.center{
  text-align: center;
}
.money{
  text-align: right;
  padding: 0 0 0 20px;

}
.bold{
  font-weight: bold;
}

.top{
  vertical-align: top;;
}

.letraschiquitas{
  font-size: 0.95em;
  text-align: center;
}

.titulo-x{
font-weight: bold;
font-size: 1.1em;
border-bottom:1px solid #C11823;
}

#bsss-table{border-spacing:0; width: 100%;}
#bsss-table tr td {
  
          padding: 5px;
          
}


      .titulo-x1{
          font-size: 1.5em;
          font-weight: bold;
      }


      .titulo-x2{
          font-size: 1.3em;
          font-weight: bold;
      }

      .titulo-b1{
          font-size: 1.3em;

      }

      .titulo-b2{
          font-size: 0.9em;
          font-weight: bold;
          text-transform: uppercase;
      }

      .concept{
          font-size: 0.9em;
          padding-left: 3em; 
      }