dojo/public/home/spay/storep.css

section.item{
  background-color:rgba(255,255,255);
  max-width: 1000px;
  margin: auto;
}

article.iimage{
  flex:5 1;
  margin:auto;
  display:inline;
  padding:0px 5px;

}
img.small{
  border-radius:20px;
  display:block;
  width:auto;
  height:100%;
  margin:auto;
  padding:15px;
}
article.iinfo{
  background-color:white;
  flex:4 1;
  margin:0px 10px;
}
p.txt{
  font-size:1.2em;
}

section.ibottom{
  background: #C22A39;
  padding-bottom:1px;
  padding-bottom:1px;

}

section.description{
  background-color:white;
  justify-content: center;
  -webkit-justify-content: center;
}

p.promo{
  color: #c22a39;
  font-size: 1.4em;
  text-align:right;
  margin-right:10%;
  font-weight:bold;
}


p.elow{
  color: black;
  font-size: 1.4em;
  text-align:right;
  margin-right:10%;
}

p.eldep{
  color: #c22a39;
  font-size: 1.4em;
  text-align:right;
  text-transform: uppercase;
  margin-right:10%;
  font-weight:bold;
}

div.ppl{
  background-color: rgba(0,0,0,0.8);
  border-radius: 25px;
  padding:20px;
  text-align: center;
}
p.nombre{
  font-size: 2.2em;
  color: white;
  text-align: left;
  margin: auto;
  max-width:850px;
  font-weight:bold;
}

p.tit{
  font-size: 1.8em;
  color: white;
  text-align: center;
  margin: 30px auto;
  font-style: italic;
}

p.total{
  font-weight: bold;
  font-size: 1.2em;
  text-align: end;
}

div#cover{
  background: black;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  transition:opacity .4s linear;
  top:0px;
  opacity:0;
}
 /* * form css based on */
 /* * https://www.sanwebe.com/2014/08/css-html-forms-designs*/
 /* * thaks for make my life a bit easier*/
 /* ***************************************************************/

.form-style-1 {
  margin:10px auto;
  max-width: 400px;
  padding: 20px 12px 10px 20px;
  font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
  padding: 0;
  display: block;
  list-style: none;
  margin: 10px 0 0 0;
}
.form-style-1 label{
  margin:0 0 3px 0;
  padding:0px;
  display:block;
  font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border:1px solid #BEBEBE;
  padding: 7px;
  margin:0px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;	
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
  -moz-box-shadow: 0 0 8px #88D5E9;
  -webkit-box-shadow: 0 0 8px #88D5E9;
  box-shadow: 0 0 8px #88D5E9;
  border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
  width: 49%;
}
.form-style-1 .field-mini{
  width: 5em;
}
.form-style-1 .field-long{
  width: 100%;
}
.form-style-1 .field-select{
  width: 100%;
}
.form-style-1 .field-textarea{
  height: 100px;
}

.fbutton,
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
  background: #4B99AD;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
  background: #4691A4;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.form-style-1 .required{
  color:red;
}