@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------- 
    Color Settings for replace
	[text] a:#06C hover:#036 focus:#930
	[border] #A21C00
	[gradation] light:#CB200C dark:#A21C00
	[dropdown] #CB200C hover:#A21C00
	[buton] #F48700 border:#E1700E hover:#E26D09	
----------------------------------------------------- */

/* -------------------------------------------------- 
    Links
----------------------------------------------------- */
a { color: #193f75;  }
a:hover { text-decoration: underline; }
/*a:focus { color: #930; }*/

/* -------------------------------------------------- 
    header
----------------------------------------------------- */
header.container {
	/*border-top: #A21C00 4px solid;*/
}
header label, header h3 {
	border-left: #A21C00 solid 4px;
}

header #contact .button {
	background-color: #F48700;
}
header #contact .nice.button{
	border: 1px solid  #E1700E;
}
header #contact .button:hover,
header #contact .button:focus {
	background-color: #E26D09;
}

/* -------------------------------------------------- 
    nav
----------------------------------------------------- */
ul#nav li a{
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
	
ul#nav li a:hover {
	width:99.9%;
	background: -webkit-gradient(linear, left top, left bottom, from(#41688d), to(#5080ae));
	background: -moz-linear-gradient(top,  #41688d,  #5080ae);
	background: linear-gradient(top,  #41688d,  #5080ae);
	background-color:#4a769f;
	color:#fff;
	text-shadow:#666 1px 1px;
	height:33px;
	border-radius: 2px;         /* CSS3 */
	-webkit-border-radius: 2px; /* Webkit */
	-moz-border-radius: 2px;    /* Mozilla */
}

#nav li ul li a {
	background-color: #CB200C;
}
#nav li ul li a:hover {
	background-color: #A21C00;
}

/* -------------------------------------------------- 
    title_image
----------------------------------------------------- */
#title_image {
	background: url(../images/common/title_image_red.jpg) repeat-x top;
	background: -webkit-gradient(radial, center top, 150, center center, 500, from(#CB200C), to(#A21C00));
	background: -moz-radial-gradient(center top, circle cover, #CB200C, #A21C00);
	background: radial-gradient(center top, circle cover, #CB200C, #A21C00);
}
#title_image .button {
	background-color: #F48700;
}
#title_image .nice.button{
	border: 1px solid  #E1700E;
}
#title_image .button:hover,
#title_image .button:focus {
	background-color: #E26D09;
}

/* -------------------------------------------------- 
    page_title
----------------------------------------------------- */
#page_title {
	background: url(../images/bg_page_title.png) no-repeat;
}

#page_title h2,#page_title h3 {
	color:#575757;
	text-shadow:#fff 1px 1px 1px;
}
h1#page_title{
	color:#575757;
	text-shadow:#fff 1px 1px 1px;
	font-size: 2.8rem;
	text-align:center;
}
/* --------------------------------------------------
    box
----------------------------------------------------- */

.box h3 {
	border-left: #4a77a1 solid 3px;
}

/* --------------------------------------------------
    side_box
----------------------------------------------------- */

.side_box h3 {
	border-left: #4a77a1 solid 3px;
}

.side_box label {
	border-left: #4a77a1 solid 3px;
}

/* --------------------------------------------------
    page
----------------------------------------------------- */
.page h3{
	border-left: #5784ad solid 8px;
}
.archive . title h3, {
	border-left: #5784ad solid 8px;
}

/* --------------------------------------------------
    tabs mobile
----------------------------------------------------- */
.smartnav li a:active {
	background: #4a769f;
	color:#FFF;
}