*{margin: 0px; outline: 0px; text-decoration: none; font-family: calibri; font-style: normal;}
body{font-family: arial; margin: 0px; background: url(../img/FREDI.jpeg) repeat center top fixed #1F1F1F; background-size: 100%;}


.inx{margin: auto; width: 1050px;}

.top_line{background: #4a235a ; padding: 15px; font-size: 15px; color: white; text-transform: uppercase;}
.top_line b{color: white;}

.top{background: black; padding: 7px; padding-bottom: 0px;}
.top .in{overflow: auto;}
.top h1{float: left; padding-top: 5px;}
.top h1 a{color: green;}
.top .menu{float: right;}
.top .menu a{color: white; display: block; float: left; padding: 17px; font-weight: bold; text-transform: ; font-size: 20px; }
.top .menu a i{display: block; color: white; font-weight: normal; font-size: 12px;}

.topa_line{background: #5b2c6f; padding: 15px; font-size: 15px; color: #F4D000; text-transform: uppercase;}
.topa_line b{color: white;}

.topa{background: #5b2c6f; padding-top:3px; padding-bottom: 3px; width: 547px; margin-left: 149px;}
.topa .in{overflow: auto;}
.topa h1{float: left; padding-top: 5px;}
.topa h1 a{color: #F5F5DC;}
.topa .menu{float: left;}
.topa .menu a{color: white; display: block; float: left; padding: 15px; font-weight: bold; text-transform: ; font-size: 20px; }
.topa .menu a i{display: block; color: white; font-weight: normal; font-size: 12px;}

.slide{ padding: 20px; }
.slide .in{height: 200px; background: white; border-radius: 5px; }

.content{}
.content .in{display: grid; grid-template-columns: 1fr 3fr 1fr; grid-gap: 20px;}

.tito{padding: 10px; font-size: 22px; text-transform: uppercase; color: white; text-align: center; background:  #4a235a; /*url(../img/tito.png) repeat-x #182641 */; background-size:auto 100%; display: block;  border-radius: 2px 2px 0px 0px; }
.tito2{padding: 15px; font-size: 19px; color: white; background:  #6c3483; display: block; text-align: center; }

.pad{padding: 15px; background: white; margin-bottom: 15px; border: solid 2px #FFF3B0;}
.padli{padding: 15px; background: white; margin-bottom: 15px; border: solid 2px #FFF3B0;}
.padli a{color: #2E497C; display: block; padding: 5px;}

.prono{padding: 20px; background: #4a235a; display: grid; grid-template-columns: 1.0fr 3fr; grid-gap: 7px; margin-bottom: 20px; border: solid 2px white;}
.prono em{padding: 6px; color: white; font-weight: bold; text-align: center; display: block; font-size: 21px;}
.prono i{padding: 6px; border-radius: 15px; background: black; color: white; font-weight: bold; text-align: center; display: block; float: left; margin-right: 10px; width: 21px; font-size: 21px; }

.acc{display: grid; grid-template-columns: 1fr; grid-gap: 15px; padding-top: 15px;}
.acc input{border: solid 1px silver; padding: 7px;}
.acc .sub{text-transform: uppercase; font-weight: bold; background: blue; color: white; font-family: arial;}

.bana1{display: grid; grid-template-columns: 1fr; grid-gap: 7px;}
.bana1 a{display: block;}
.bana1 a img{width: 100%;}

.bouton{background: #F4D000; display: block; border-radius: 20px; font-size: 13px; text-transform: uppercase; font-weight: bolder; padding: 10px; color: black; margin-top: 5px;}

.bana2{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 7px;}
.bana2 a{display: block;}
.bana2 a img{width: 100%;}

.datee{padding: 15px; background:   #1b4f72; color: yellow; text-transform: uppercase; font-weight: bolder; font-size: 18px;}

.pro5{background:black; color:; padding-left:10px; margin-bottom:15px; border-bottom:solid 6px #FFA600;}
.pro5 i{font-style:normal; font-weight:bold; text-align:center; color:white; display:block; text-transform:uppercase;}
.pro5 .numo{ width:80%; margin:auto; display:grid; grid-template-columns:1fr 1fr; grid-gap:20px; padding-top:10px;}
.pro5 .pack{ background:url(../img/dot.png); padding:14px; margin-top:10px;}

.pro5 .case .intu{font-size:18px; padding:10px; background:#FFA600; font-weight:bold; text-align:center; color:white; text-transform: uppercase; font-size: 16px; }
.pro5 .case{ margin-top:10px; background:; display:grid; grid-template-columns:2fr 4.5fr; grid-gap:10px; }
.pro5 .case .numeros{background:white;}
.pro5 .case .numeros span{ padding:10px; float:left; display:block; font-family:impact; font-size:17px; background:white; width:22px; border-radius: 5px; margin-right:5px; border:solid 3px #40496A; color:#E24540; text-align:center; box-shadow:2px 2px 2px #CECECE;}
.pro5 .desca{font-size:12px; color:white; font-weight:bold; display:block; text-align:center; padding-top:5px;}
.pro5 .casa{ margin-top:10px; background:; width:100%; font-weight:bold; text-align:center;}
.sub{background: #F4D000; display: block; border-radius: 10px; font-size: 13px; text-transform: uppercase; font-weight: bolder; padding: 10px; color: black; margin-top: 5px;}

.lika{}
.lika a{display: block; padding: 8px; border-bottom: solid 3px blue; background: gray; color: white; text-transform: uppercase; font-weight: bold;}
.lika a:hover{ background: url(../img/arro.png) no-repeat 5px white; color: #F0B02B; padding-left: 30px; }