/* CSS Document */

body
{
background-image:url(../images/bg.png);
background-size:cover;
background-repeat:no-repeat;
}


.nav
{
top:0px;
position-top:fixed;
background-color:#000000;
}


.nav a
{

float:left;
text-decoration:none;
padding:7px 16px;
font-weight:bold;
color:#FFFFFF;
border: 1px solid #5b9fc3;
border-right:1px solid #FFFFFF;
}

.nav a:hover
{
background-color:#00CCFF;
color:#FFFFFF;
}


.button
{
background-color:#000099; /* blue */
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-left:25px;
margin-bottom:10px;
margin-top:10px;
width:200px;

}
.button:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.col-sm-3
{
width:220px;
background-color:#08abbb;
margin-top:10px;
margin-bottom:10px;
margin-left:30px;
margin-right:25px;
}

.button1
{
background-color:#FFCC00; /* blue */
border: none;
color:#000000;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:18px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-bottom:3px;
width:185px;

}
.button1:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.button2
{
background-color:#FF0000; /* blue */
border: none;
color:#FFFFFF;
padding: 7px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:18px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-bottom:10px;
width:185px;

}
.button2:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.button3
{
background-color:#339966; /* blue */
border: none;
color:#FFFFFF;
padding: 7px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:18px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-bottom:10px;
width:155px;

}
.button3:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.button4
{
background-color:#FFCC00; /* blue */
border: none;
color:#000000;
padding: 7px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:18px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-bottom:10px;
width:155px;

}
.button4:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


h6
{
background-color:#000000;
color:#FFFFFF;
padding:10px;
text-align:center;
font-weight:bold;
margin-top:5px;
font-size:18px;
}

.inner_pages
{
width:240px;
margin-bottom:20px;
}

.inner_pages a
{
background-color:#e8e6e6;
color:#000000;
display:block;
text-decoration:none;
padding:5px;
border-bottom:1px dotted;
font-weight:bold;
margin-right:15px;
margin-left:10px;
border-radius:4px;
margin-bottom:2px;
}

.inner_pages a:hover
{
background-color:#FFCC66;
color:#000000;
}