body{
background: none repeat scroll 0% 0% rgb(200,200,200);
margin: 0px;
padding: 0px;
}
a{
color: darkgray;
text-decoration: none;
}
a:hover{
color: gray;
}
.logo{
padding-left: 3.5em; padding-top:0.1em;
}
.header{
background-image: -moz-linear-gradient(
center top,
rgba(255, 255, 255, 0.1),
rgba(100, 100, 100, 0.05)
);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0.3)),
to(rgba(255, 255, 255, 0.05))
);
background-attachment: scroll;
background-color: rgba(243, 243, 243, 1);
-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
height: 4em;
top: 0;
left: 0;
width: 100%;
z-index: 0;
margin-bottom: 1px;
}
.submit{
margin-bottom:0;
padding:4px 14px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
font-weight: bolder;
line-height:1;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius: 15px;
padding: 2px;
border: 1px solid #999;
}
.submit:hover{
padding: 5px;
border: 2px solid #999;
}
.container{
height: auto;
background-color: white;
border: 1px solid rgb(0,0,1);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 2);
}
.wrap{
margin-top: 5px;
width: 1300px;
}
.line{
padding: 5px;
background-color: #3C3C3C;
}
.line a:hover{
color: white;
font-weight: bolder;
box-shadow: 0px 4px 8px #13DFC6;
}
.line a{
padding: 0px;
color:silver;
}
.title{
font-stretch: expanded;
color: white;
padding: 5px;
font-size: large;
font-weight: bolder;
background: -moz-linear-gradient(center top , rgb(253, 253, 253), rgb(234, 234, 234)) repeat scroll 0% 0% / 100% auto rgb(234, 234, 234);
background-size: cover;
text-shadow: 0px 1px white;
border-bottom: 1px solid rgb(205, 205, 205);
color: rgb(99, 99, 99);
font-weight: 600;
}
.sub{
color: silver;
border: darkgray;
border-bottom: 1px;
border-bottom-color: darkgray;
border-bottom-style: groove;
}
.footer{
margin: 0;
bottom: 0px;
height: 40px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
color: darkslategrey;
background-color: rgb(249, 249, 249);
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(242, 242, 242));
background-repeat: repeat-x;
}
.pag {
background-color:#444;
padding:3px;
color:#ffffff;
font-weight: bold;
}
.border_4 {
padding: 3px;
border: 1px solid rgb(212, 212, 212);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
background-color: white;
}
a.border_4:hover{
border: 1px solid rgb(146,227,237);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 2);
background-color: white;
}
.item{
background-color: #fff;
color: gray;
padding: 5px;
}
.item a:hover{
color: gray;
font-weight: bold;
}
tr.item:hover{
color: black;
}
div.item:hover{
color: gray;
background-color: whitesmoke;
}
div.item:hover a{
color: #4E4E4E;
}
tr.item:hover a{color: #4E4E4E;
}
td.tdimg>img:hover{
}
#colorNav > ul{
width: 450px; /* Increase when adding more menu items */
margin:0px;
}
#colorNav > ul > li{ /* will style only the top level li */
list-style: none;
display: inline-block;
line-height: .5;
margin: 1px;
border-radius: 3px;
position:relative;
}
#colorNav > ul > li > a{
text-decoration:none !important;
font-size:25px;
padding-left: 10px;
padding-right: 10px;
}
#colorNav li ul{
position:absolute;
list-style:none;
text-align:center;
width:200px;
margin-left:-100px;
font:bold 12px 'Open Sans Condensed', sans-serif;
/* This is important for the show/hide CSS animation */
max-height:0px;
overflow:hidden;
-webkit-transition:max-height 0.4s linear;
-moz-transition:max-height 0.4s linear;
transition:max-height 0.4s linear;
}
#colorNav li ul li{
background-color:#313131;
}
#colorNav li ul li a{
padding:15px;
color:#fff !important;
text-decoration:none !important;
display:block;
border: 0px;
box-shadow: none;
}
#colorNav li ul li:nth-child(odd){ /* zebra stripes */
background-color:#363636;
}
#colorNav li ul li:hover{
background-color:#444;
}
#colorNav li ul li:first-child{
border-radius:3px 3px 0 0;
margin-top:25px;
position:relative;
}
#colorNav li ul li:first-child:before{ /* the pointer tip */
content:'';
position:absolute;
width:1px;
height:1px;
border:5px solid transparent;
border-bottom-color:#313131;
left:50%;
top:-10px;
margin-left:-5px;
}
#colorNav li ul li:last-child{
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
/* This will trigger the CSS */
/* transition animation on hover */
#colorNav li:hover ul{
max-height:300px;
}