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; }