/* 
    Document   : css3
    Created on : 22-ene-2010, 10:07:35
    Author     : Albert Amengual
    Description:
        Purpose of the stylesheet follows.
*/

div.box .boxtitle {
    border-radius:5px; /* CSS3 property */
    -moz-border-radius:5px; /* FF */
    -webkit-border-radius:5px; /* Safari */
    -ms-border-radius:5px; /* IE8 */
}

ul#nav li, ul#nav li:visited {
    border-radius:10px; /* CSS3 property */
    -moz-border-radius:10px; /* FF */
    -webkit-border-radius:10px; /* Safari */
    -ms-border-radius: 10px; /* IE8 */
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); /* CSS3 property */
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); /* FF */
    -webkit-box-shadow:2px 2px 3px  rgba(0, 0, 0, 0.3); /* Safari */
    background:-moz-linear-gradient(center bottom,rgb(41,83,173) 50%,rgb(70,113,213) 50%); /* FF */
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(41,83,173)),color-stop(0.5, rgb(70,113,213))); /* Safari */
}

ul#nav li:hover {
    box-shadow:3px 3px 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:3px 3px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:3px 3px 6px  rgba(0, 0, 0, 0.5);
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(70,113,213)),color-stop(0.5, rgb(41,83,173)));
    background:-moz-linear-gradient(center bottom,rgb(70,113,213) 50%,rgb(41,83,173) 50%);
}

ul#nav li.select, ul#nav li.select:hover {
    border-radius:10px; /* CSS3 property */
    -moz-border-radius:10px; /* FF */
    -webkit-border-radius:10px; /* Safari */
    -ms-border-radius: 10px; /* IE8 */
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); /* CSS3 property */
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); /* FF */
    -webkit-box-shadow:2px 2px 3px  rgba(0, 0, 0, 0.3); /* Safari */
    background:-moz-linear-gradient(center bottom,rgb(255,171,57) 50%,rgb(254,205,105) 50%); /* FF */
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(255,171,57)),color-stop(0.5, rgb(254,205,105))); /* Safari */

}

.moz-btn {
    -moz-border-radius:10px;
    -moz-box-shadow:0 10px 20px rgba(255, 255, 255, 0.5) inset, 0 -10px 20px rgba(147, 180, 195, 0.7) inset, 0 3px rgba(0, 0, 0, 0.1), 0 -3px #8EAEBB inset;
    color:#63757D;
    background:none repeat scroll 0 0 #BEDCE6;
}

.weather-cloud {
    opacity: 0.8;
}

div#overlay1 {
    opacity:0.6;
}

.triangle {
    border-radius:10px; /* CSS3 property */
    -moz-border-radius:10px; /* FF */
    -webkit-border-radius:10px; /* Safari */
    -ms-border-radius: 10px; /* IE8 */
}

.triangle:after {
	border-color:#EEEEEE transparent transparent;
}

.triangle.left:after {
	border-color:transparent #EEEEEE transparent transparent;
}

.triangle.top:after {
	border-color:transparent transparent #EEEEEE;
}