body {font-family: Arial, Helvetica, sans-serif;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: black;}
h2 {font-size: 24px; color: black;}

.container {margin-left: auto; margin-right: auto; width: 200px; border: 2px solid; padding:6px; border-radius: 5px;}
.contGran {width: 50%; font-size: 24px; line-height: 175%;  font-weight: bold;  font-style: italic; border-radius: 25px;}

.small_img {margin:10px; display: block;}


.surea {margin-top: 100px;}

.zizou {display: inline-block; margin: 0 6 0 6; font-size: 18px;}

.desole {
background-color: #E8E8E8;
border: solid 1px;
color: black;
padding: 4px 12px;
text-align: center;
text-decoration: none;
font-size: 17px;
cursor: pointer;
border-radius: 5px;
}

button {margin-top: 22px; background-color: #179895; border: none; color: white; padding: 6px 15px; text-align: center; text-decoration: none; cursor: pointer; border-radius: 15px; width:fit-content;}
.big_button {margin-top: 22px; background-color: #179895; border: none; color: white; padding: 6px 15px; text-align: center; text-decoration: none; cursor: pointer; border-radius: 15px; width:fit-content;}
.pequeno {width: 200px;}
.fixed {width: 100%;}
.rojo {background-color: red;}
.veraman {background-color:#C2FDFD;;; border: solid 2px #179895; color: #179895;}


a.seMelieu:link {font-size: 28px; color: white; text-decoration: none; line-height: 150%;  font-weight: bold;}
a.seMelieu:visited {color: white;}
a.seMelieua.seMelieu
a.seMelieu:hover{color: white; text-decoration: underline;}

a.deBoutei:link {font-size: 24px; font-weight: normal;}
a.deBoutei:visited {font-size: 24px; font-weight: normal;}
a.deBoutei:hover {font-size: 24px; font-weight: normal;}

a.vera:link {color:#179895;}
a.vera:visited {color:#179895;}
a.vera:hover {color:#179895;}

a.otroFont:link {font-size: 21px;}
a.otroFont:visited {font-size: 21px;}
a.otroFont:hover {font-size: 21px;}

.deseosBox {margin-left: auto; margin-right: auto; width:70%; text-align: left;}

.vaya {display: table-cell; padding: 5px; width: 30%; height:auto; border: 1px solid;}
.vayaSmaller {width: 10%;}
.mierda {vertical-align: middle;}
.final {width: 34%;}
.moscato {display: table-row; text-align: center;} 
.stronger {font-weight: bold;}
.italoStrong {font-weight: bold; font-style: italic; margin:10 0 10 0px;}
.katiTis {font-size: 18px; line-height: 150%; margin: 10 0 10 0px;}

.formCont {width:60%;}
.formLeft {width:29%; float:left; text-align:right; font-size: 21px; padding: 12px 10px 0 0;}
.formRight {width:66%; float:right; }

.warningText {text-align:left; font-size: 19px; font-style: italic; line-height: 140%;}

.warningBox {background-color: red; color: white; font-weight: bold; border-radius: 15px; margin-top: 10px; padding: 10px;}

.trashbox {border: none; cursor: pointer;}

textarea {
  width: 50%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #f8f8f8;
  font-size: 20px;
  resize: none;
}

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 19px;
}

input[type=input_one], select {width: 60px; text-align: center; font-size: inherit; border-radius: 5px; padding:4 0 4 0px;}

.clear {clear:both;}