padding: 2px;
background:#ff9800;
}
.examples-0{
width:44%;
float:left;
padding: 20px 0px 0px 0px;
margin: 0px 28% 0px 28%;
}
.examples-tema{
text-align:center;
font-size: 40px;
font-weight:bold;
color:#333333;
margin: 0px 0px 40px 0px;
}
.examples-tema2{
width:80%;
text-align:center;
font-size: 32px;
font-weight:bold;
color:#333333;
margin: 30px 10% 40px 10%;
float:left;
}
.examples-tema3{
width:70%;
text-align:center;
font-weight:normal;
font-size: 24px;
font-weight:bold;
color:#333333;
margin: 0px 15% 10px 15%;
float:left;
}
.examples-font1{
font-size: 16px;
font-weight:bold;
color:#333333;
text-align:left;
margin-top: 20px;
}
.examples-font2{
font-size: 16px;
color:#333333;
text-align:left;
}
.examples-img{
position:relative;
padding: 20px 0px 20px 0px;
animation:mymove 1s 1;
-webkit-animation:mymove 1s 1; /*Safari and Chrome*/
}
.examples-img2{
width:50%;
float:left;
padding: 0px 10px 20px 10px;
}
.examples-box-01,
.examples-box-0,
.examples-box-00,
.examples-box-1,
.examples-box-2{
width:100%;
font-size: 16px;
color:#333333;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color:#DCDCDC;
float:left;
}
.examples-box-01{
border-width: 1px 1px 0px 1px;
margin: 20px 0px 0px 0px;
}
.examples-box-00{
border-width: 1px 1px 1px 1px;
margin: 0px 0px 30px 0px;
}
.examples-box-1{
width:26%;
padding:10px;
border-width: 0px 0px 0px 0px;
}
.examples-box-2{
width:74%;
padding:10px;
border-width: 0px 0px 0px 1px;
}
.download-box{
width:50%;
height:200px;
text-align:center;
float:left;
margin: 100px 25% 0px 25%;
}
.download-box-1{
width:200px;
font-size: 16px;
border-radius:5px;
margin:0 auto;
padding: 10px;
background:#ff9800;
transition-duration: 0.4s;
font-weight:bold;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
.download-box-2{
width:100%;
font-size: 16px;
color:#333333;
text-align:center;
margin-top:30px;
font-weight:bold;
}
.download-box-1:hover{
background:#ff7800;
}
.download-font1{
transition-duration: 0.4s;
color:#ff9800;
}
.download-font1:hover{
color:#ff7800;
text-decoration:none;
}
@keyframes mymove
{
0% {top:100px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {top:100px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
}
padding: 2px;
background:#ff9800;
}
.examples-0{
width:70%;
float:left;
padding: 40px 0px 0px 0px;
margin: 0px 15% 0px 15%;
}
.examples-tema{
text-align:center;
font-size: 40px;
font-weight:bold;
color:#333333;
margin: 0px 0px 40px 0px;
}
.examples-tema2{
width:80%;
text-align:center;
font-size: 32px;
font-weight:bold;
color:#333333;
margin: 30px 10% 40px 10%;
float:left;
}
.examples-tema3{
width:70%;
text-align:center;
font-weight:normal;
font-size: 24px;
font-weight:bold;
color:#333333;
margin: 0px 15% 10px 15%;
float:left;
}
.examples-font1{
font-size: 16px;
font-weight:bold;
color:#333333;
text-align:left;
margin-top: 20px;
}
.examples-font2{
font-size: 16px;
color:#333333;
text-align:left;
}
.examples-img{
position:relative;
padding: 20px 0px 20px 0px;
animation:mymove 1s 1;
-webkit-animation:mymove 1s 1; /*Safari and Chrome*/
}
.examples-box-01,
.examples-box-0,
.examples-box-00,
.examples-box-1,
.examples-box-2{
width:100%;
font-size: 16px;
color:#333333;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color:#DCDCDC;
float:left;
}
.examples-box-01{
border-width: 1px 1px 0px 1px;
margin: 20px 0px 0px 0px;
}
.examples-box-00{
border-width: 1px 1px 1px 1px;
margin: 0px 0px 30px 0px;
}
.examples-box-1{
width:26%;
padding:10px;
border-width: 0px 0px 0px 0px;
}
.examples-box-2{
width:74%;
padding:10px;
border-width: 0px 0px 0px 1px;
}
.download-box{
width:50%;
height:200px;
text-align:center;
float:left;
margin: 100px 25% 0px 25%;
}
.download-box-1{
width:200px;
font-size: 16px;
border-radius:5px;
margin:0 auto;
padding: 10px;
background:#ff9800;
transition-duration: 0.4s;
font-weight:bold;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
.download-box-2{
width:100%;
font-size: 16px;
color:#333333;
text-align:center;
margin-top:30px;
font-weight:bold;
}
.download-box-1:hover{
background:#ff7800;
}
.download-font1{
transition-duration: 0.4s;
color:#ff9800;
}
.download-font1:hover{
color:#ff7800;
text-decoration:none;
}
@keyframes mymove
{
0% {top:100px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {top:100px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
}
padding: 2px;
background:#ff9800;
}
.examples-0{
width:96%;
float:left;
padding: 40px 0px 0px 0px;
margin: 0px 2% 0px 2%;
}
.examples-tema{
text-align:center;
font-size: 40px;
font-weight:bold;
color:#333333;
margin: 0px 0px 40px 0px;
}
.examples-tema2{
width:94%;
text-align:center;
font-size: 32px;
font-weight:bold;
color:#333333;
margin: 30px 3% 40px 3%;
float:left;
}
.examples-tema3{
width:94%;
text-align:center;
font-weight:normal;
font-size: 24px;
font-weight:bold;
color:#333333;
margin: 0px 3% 10px 3%;
float:left;
}
.examples-font1{
font-size: 16px;
font-weight:bold;
color:#333333;
text-align:left;
margin-top: 20px;
}
.examples-font2{
font-size: 16px;
color:#333333;
text-align:left;
}
.examples-img{
position:relative;
padding: 20px 0px 20px 0px;
animation:mymove 1s 1;
-webkit-animation:mymove 1s 1; /*Safari and Chrome*/
}
.examples-box-01,
.examples-box-0,
.examples-box-00,
.examples-box-1,
.examples-box-2{
width:100%;
font-size: 16px;
color:#333333;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color:#DCDCDC;
float:left;
}
.examples-box-01{
border-width: 1px 1px 0px 1px;
margin: 20px 0px 0px 0px;
}
.examples-box-00{
border-width: 1px 1px 1px 1px;
margin: 0px 0px 30px 0px;
}
.examples-box-1{
width:26%;
padding:10px;
border-width: 0px 0px 0px 0px;
}
.examples-box-2{
width:74%;
padding:10px;
border-width: 0px 0px 0px 1px;
}
.download-box{
width:100%;
text-align:center;
float:left;
margin: 100px 0px 100px 0px;
}
.download-box-1{
width:76%;
font-size: 16px;
border-radius:5px;
margin:0 auto;
padding: 10px;
background:#ff9800;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin: 0px 12% 0px 12%;
}
.download-box-2{
width:100%;
font-size: 16px;
color:#333333;
text-align:center;
margin-top:30px;
font-weight:bold;
}
.download-box-1:hover{
background:#ff7800;
}
.download-font1{
transition-duration: 0.4s;
color:#ff9800;
}
.download-font1:hover{
color:#ff7800;
text-decoration:none;
}
@keyframes mymove
{
0% {top:100px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {top:100px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
}
</style>
