.att_header{
	margin-top:40px;
	font-weight:700
}

@font-face {
    font-family: worksans;
    src: url(WorkSans-Light.otf);
}

.myhr{
	margin-top:0px;
	margin-bottom:0px;
}

#rigapre{
	background-color:#f5f5ff;
	box-shadow:2px 2px 2px lightgrey;
	font-weight:800;
}


#linktpt, #linktpt:hover, #linktpt:visited{
	color:white;
	text-decoration:underline;
}
#embed{
	border-radius:20px;
}

body{
	background-image:url('../img/128-168.jpg')
}

.btn-success{
	background-color: rgb(10,77,229);
	border-color:navy;
}


.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {

	background-color: #0ab1e5 !important;
	border-color:navy !important;
	font-size:20px !important;
}

#attivita{
	margin-top:20px;
	border:1px solid rgb(10,77,229);
	border-radius:20px;
	font-size:20px;
	text-align-last:center;
}

select{
	border:1px solid rgb(10,77,229);
	border-radius:20px;
	text-align-last:center;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: rgb(10,77,229);
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgb(10,77,229);
    cursor: pointer;
}

.riga{
	padding:10px 0px;
}

p{
	font-size:14px;
}

#feedback{
	color:darkgreen;
	font-weight:bold;
}

#cruci_feedback,#sillabe_feedback{
	font-weight:bold;
}


#pre{
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:10px;
}

#tipotesto{
	padding:10px 15px;
}

#pre select{
	padding:10px;
}

.sillabatofind{
	text-align:center;
	font-weight:bold;
	width:100%;
}

.posizione{
	width:100%;
}


#sillabe_tipo{
	width:100%;
	padding:10px;
}

body{
	background-color:#eee;
}

select,input{
	padding:10px;
}

.container{
	background-color:white;
}

.parola{
	width:100%;
	text-align:center;
	border:0px;
	border-bottom:1px solid black;
}

.crea{
	cursor:pointer;
	margin-top:10px;
	text-align:center;
	min-height:250px;
	max-width:250px;
}

.img_preview{
	border:1px solid black;
	box-shadow:2px 2px 2px grey;
	width:150px;
	height:200px;
}

.txt_preview{
	font-weight:bold;
}

.emptyrow{
	width:100%;
	padding-bottom:20px;
}

.container{
	width:100%;
}

#embed{
	width:100%;
	min-height:800px;
}

#header{
	cursor:pointer;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #0ab1e5;
	color:white;
    height: 50px; /* Full height */
    position: fixed; /* Make it stick, even on scroll */
	box-shadow:2px 2px 2px black;
	z-index:5;
	text-align:center;
}

ul li{
	width:25%;
	line-height:50px;
	float:left;
	border-right:1px solid white;
	color:white;
	font-size:20px;
	cursor:pointer;
}

ul li:hover{
	background-color:navy;
}
ul li a{
	color:white;
}

.btn-success{
	margin-top:30px;
	padding:20px;
	font-weight:bold;
	font-size:18px;
}
@media only screen and (max-width: 460px){
ul li{
	line-height:15px;
	font-size:11px;
	height:100%;
	padding-top:10px;
}}