/* ------------ saa -------------- */



/* ---------------- overviews ------------------*/


#saa img {
border: none;
padding: 0px;
}

#saa_txt {
display:none;
padding: 10px 0 10px 15px;
/*border-bottom: 1px dashed #C2B8A6;*/
}




.txt-xxlarge {
	display: block;
    font-size: 1.8em;
    line-height: 1.4em;
    margin-left: 88px;
    margin-top: 20px;
    position: absolute;
    width: 70px;
}	

.cc_symb {
	margin: -5px 0 5px;
}

.wind {
    display: block;
	width: 50px;
	height: 50px;
	margin-left: 150px;
	margin-top: 5px;
    position: absolute;  
    background: url(images/arrow_circle.png) center center no-repeat;
	background-size: 100%;
    
}


.wind_meter {
	display: block;
	position: relative;
	margin-left: 150px;
    margin-top: 25px;
	font-size: 1.25em;
	font-weight: bold;
	text-align:center;
    width: 50px;
	height: 24px;
}


.wind3 {
    display: block;
    width: 40px;
	height: 40px;
	margin-left: 13px;
	margin-top: 3px;
    position: absolute;   
    background: url(images/arrow_circle.png) center center no-repeat;
	background-size: 100%;
    
}


.wind_meter3 {
	display: block;
	position: absolute;
	margin-left: 13px;
	margin-top: 15px;
	font-weight: bold;
	text-align:center;
    width: 40px;
	height: 24px;
}


.day3 {

	display:block;
	float:left;
	width:66px;
	height: max-content;
	text-align:center;
	cursor:pointer;
	border: 1px solid #ffff;
} 

.day3 p {	
	
	margin: 0px 0px 0px 0px;
}

.day3 p span {	
	
	font-weight: bold;
	display: inline-block;
	margin: 0px 0px 5px 0px;
}

.day3 p span em {
	font-style: normal;
}	

.day3:hover {
	border: 1px solid #C2B8A6;
}

.day3 a {	
	color: #484848;
}

.day3 a:hover {
	color: #484848;
}

.dayf {
	height: 224px;
}	
	
.c2 {
	float: left;
	width: 100%;
	/*border-bottom: 1px dashed #C2B8A6;*/
	padding: 10px 0;
}	


.c2 h4, h5 { 
	font-family: 'Oswald',sans-serif;
	font-size: 14px;
	font-weight: normal; 
	margin: 5px 0px;
	}

.c2 a img { 
	margin-left: 3px; 
}

.c2 .day3 p img{ 

	display: block;
	float:none !important;
	margin: 5px 0px 0px 23px; 
}

.tn, .tx { 

	display: inline-block;
	font-weight: bold;
	font-size: large;
}



.suntimes {
	
	background-size: 150px 45px;		
	padding-top: 25px;
	background-image: url(//cache.foreca.net/static/img/daylen.svg);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	margin: 5px 0px -5px 0px;
	display: inline-block;
	width: inherit;
}

.sunhours {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	margin-top: -13px;

}

.daylen {
    text-align: center;
	margin-top: -7px;
}


.sunicon {

	display: inline-block;
	width: 144px;
	margin: 8px 0px 0px 52px;

}



abbr {
text-decoration:none;
cursor:default;
border:none;
}


.warm { color: #e3303d; }

.cold { color: #00adef; }

.cold, .warm {
	font-weight: bold;
	font-size: large;
}

.green { color: #4a9800; }
.ocean { color: #297c8a; }




.graf {
	display:block;
	position:relative;
	margin: 0px 0px -14px 56px;
	width: 100px;
}


/* ---------------- date details ------------------*/



.dayhdr {
	margin-bottom: 10px;
}

.details {
	display: inline-block;
	height: 80px;
}

.day_suntime {
	right: 15px;
	width: 160px;
	margin-top: 5px;
	position: absolute;
}

.day_sunicon {
	margin: 8px 0px 0px 30px;	
}

.date {
    float: left;
	width: 190px;
	display: block;
	font-size: 18px;
	font-weight: lighter;
}

.date span {
	
	font-family: 'Oswald',sans-serif;
	font-weight: normal;

}

.names {
    position: absolute;
	top: 35px;
	width: 190px;
	margin-top:10px;
	
}

.hdr {
    position: relative;
    top: 0;
    
}

.hdr div{
    display: inline-block;
    text-align: center;
}

.rain-prop {
	
	color: #3693d8;
	padding: 3px 10px 3px 0px;
	text-align: right;
	width: 350px !important;
	
}


.row { 
clear: both; 
width: 100%;
display:block;
border-bottom: 1px solid #e3e2e2;
}

.row div{ 
	width: 43px;
	display:inline-block;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 14px;
}

.row div img {
	text-align: center;
	vertical-align: middle;
}

.row div .windH {
    display: block;
    width: 40px;
	height: 40px;
	margin-left: 0px;
	margin-top: -21px;
    position: absolute;   
    background: url(images/arrow_circle.png) center center no-repeat;
	background-size: 100%;
	padding: 0px;
    
}


.row div .wind_meterH {
	display: block;
	position: absolute;
	margin-left: 0px;
	margin-top: -10px;
	font-weight: bold;
	text-align:center;
    width: 40px;
	height: 24px;
	padding: 0px;
}

.rainmm {
	color: #3693d8;
	width: 53px  !important;
	text-align: right;
}

.rh {
	width: 30px  !important;

}	



.left {
	float: left;
	width: 100%;
	margin-top: 0px;
  /*border-bottom: 1px dashed #C2B8A6;*/
}






/* ------------ 10 vrk  -------------- */


.dayf {
    border: 1px solid #F3F3F3;
    background: linear-gradient(180deg,#e8e8e8 -10%,#fff 25%);
	margin: 2px 8px 15px 8px;
}

.fclr0 {
 
 background:linear-gradient(180deg,#fed37f -10%,#fff 25%);
}
.fclr1 {
 
 background:linear-gradient(180deg,#fed37f -10%,#fff 25%);
}
.fclr2 {

 background:linear-gradient(180deg,#5ad8e4 -10%,#fff 25%);
}
.fclr3 {
 
 background:linear-gradient(180deg,#9fcae6 -10%,#fff 25%);
}
.fclr4 {
 
 background:linear-gradient(180deg,#c09de9 -10%,#fff 25%);
}
.fclr5 {
 
 background:linear-gradient(180deg,#b6ced7 -10%,#fff 25%);
}
/* ------------  -------------- */