@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

ol, ul {
	list-style: none;
	margin:0px;
	padding:0px;
} 
body{
	font-family: 'latoregular';
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
}
/*lato font*/
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
header, section, footer, article, aside, nav{
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.border {
    width: 100px;
    position: relative;
    border:2px solid #5d5c5c;
	border-radius:1px;
    margin: 0px auto 60px auto;
	display:block;
}
.border:after{
	content:'';
    width: 20px;
    height: 20px;
	border-radius: 50px;
    background: #fff;
    border: 2px solid #5d5c5c;
    position: absolute;
    top: -10px;
    left: 50%;
	transform:translateX(-50%);
    
}
	
/*Header Section*/
.header-top{
	background-color:#b60606;
	height:10px;
}
.header-bot{
	background-color:#fff;
	padding:15px 0;
}

.header-bot h1{
	font-size:36px;
	font-weight:600;
	text-align:center;
	color:#ff1a1a;
	line-height:30px;
	margin-top:0;
}
.header-bot span{
	font-size:26px;
	font-weight:normal;
	text-align:center;
	color:#ff1a1a;
	line-height:normal;
}

/*Social Bar*/
#social-bar{
	margin-top:30px;
}
#social-bar.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
	background:#3b5a9a;
	padding:5px 10px;
	width:40px;
}
#social-bar.list-inline > li:nth-child(2){
	background:#29a9e1;
}
#social-bar.list-inline > li .fa{
	color:#fff;
}


/*Navegation Section*/
#navbar-style{
	position:relative;
}
#navbar-style.navbar {
    position: relative;
    margin-bottom: 0px;
    border-top: 1px solid #ececec;
}
ul#nav{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#nav li{
	float:left;
	margin:0px;
	position:relative;
	/*display:table-cell;
	width:1%;
	text-align:center;*/
}
ul#nav li a{
	font-size:14px;
	color:#333;
	text-decoration:none;
	display:block;
	font-weight:normal;
	padding:15px 26px;
	line-height:30px;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	font-weight:bold;
	-webkit-transition:0.5s;
}
ul#nav li a:hover{
	background:#ff1919;
	color:#fff;
}
ul#nav li a.active{
	background:#ff1919;
	color:#fff;
}

ul#nav li:hover .submenu{
	display:block;
	transition:0.8s;
	margin:0;
	padding:0;
}
ul.submenu{
	display:none;
}
ul.submenu{
	position:absolute;
	left:0;
	top:60px;
	background:#333;
	list-style:none;
	z-index:1;
}
ul.submenu li{
	float:none;
	margin:0;
	width:240px;
	position:relative;
	border-bottom:1px solid #666;
}
ul.submenu li:last-child{
	border-bottom:none;
}
ul#nav li .submenu li a{
	color:#fff;
}
ul.submenu2{
	display:none;
}
ul.submenu2{
	position:absolute;
	left:200px;
	top:0px;
	background:#666;
	list-style:none;
	z-index:2;
}
ul.submenu li:hover .submenu2{
	display:block;
}
/*#navbar-style.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
	box-shadow:1px 2px 5px #e2e2e2;
}

#navbar-style.navbar {
    position: relative;
    margin-bottom: 0px;
    border-top: 1px solid #ececec;
}
#navbar-style .navbar {
    border-radius:0;
}
#navbar-style .nav-justified > li > a {
    color:#777873;
	line-height:40px;
	font-size:14px;
}
#navbar-style .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 0px;
}
#navbar-style .nav > li > a:hover, .nav > li > a.active {
    text-decoration: none;
    background-color: #ff1a1a;
	color:#fff !important;
}

#navbar-style.navbar-default .navbar-toggle {
    border-color: #ff1a1a;
}
#navbar-style.navbar-default .navbar-toggle:hover {
    background-color:#fff;
}
#navbar-style.navbar-default .navbar-toggle:focus {
    background-color:#fff;
}
#navbar-style.navbar-default .navbar-toggle .icon-bar {
    background-color: #ff1a1a;
}*/


/*Responsive Nsv*/
a#navbtn{
	width:25px;
	height:25px;
	margin:10px 0 0 10px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:0px;
	right:-50px;
	display:none;
	text-decoration:none;
	color:#ff1a1a;
}
a#navbtn span{
	height:2px;
	background:#ff1a1a;
	margin-bottom:5px;
	display:block;
}
a#navbtn span:nth-child(2){
	width:75%;
}
a#navbtn span:nth-child(3){
	width:50%;
}

#sidebar-nav{
	margin:0px;
	padding:15px 0px;
	background:rgba(0, 0, 0, 0.9);
	height:100hv;
	width:200px;
	display:block;
	position:absolute;
	left:-201px;
	top:0;
	transition:left 0.3s linear;
	z-index:1000;
}
#sidebar-nav.visible{
	left:0;
	transition:left 0.3s linear;
	top: 0px;
    position: absolute;
	display:none;
}
#sidebar-nav ul{
	margin:0;
	padding:0;
}
#sidebar-nav ul li{
	float:none;
	margin:0px;
}
#sidebar-nav ul li a{
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	padding:12px 15px;
	font-weight:200;
	transition:all ease-in-out 0.5s;
	display:block;
	border-bottom:1px solid #E1E1E1;
}
#sidebar-nav ul li a:hover{
	width:100%;
	background:#ff1a1a;
	color:#fff;
}
#sidebar-nav ul li a.active{
	width:100%;
	background:#ff1a1a;
	color:#fff;
	padding-left:8px;
}
.drop-menu{
	display:none;
}
.drop-menu2{
	display:none;
}


/*Slider Section*/
#myslider{
	width:100%;
	margin:0;
	padding:0;
}
#myslider img{
	width:100%;
}
#myslider .glyphicon-chevron-left, .glyphicon-chevron-right{
	color:#ff1a1a;
}
#myslider .carousel-indicators .active {
    background-color: #ff1a1a;
}
#myslider .carousel-indicators li {
    border: 1px solid #ff1a1a;
}

/*Section Bar*/
#section-1{
	padding:60px 0 30px 0;	
	margin:0;
}
#section-1 img{
	border:10px solid #ff1a1a;
	width:100%;
}
#section-1 p{
	font-size:16px;
	text-align:justify;
	line-height:26px;
}
#section-1 h1{
	margin:0 0 20px 0;
	line-height:normal;
	color:#ff1a1a;
}
/*news*/
#section-1 .panel-success > .panel-heading {
    color: #fff;
    background-color: #ff1a1a;
    border-color: #d6e9c6;
}
.panel-heading h2{
	margin:0px 0;
	line-height:normal;
}
.news-bar{
	height:240px;
}
ul.news-scroll{
	list-style:none;
	margin:0px;
	padding:0px;
	width:95%;
}
ul.news-scroll li{
	float:none;
	clear:both;
	margin:0px 0px;
	background:url(../images/right.png) left 4px no-repeat;
}
ul.news-scroll li p{
	font-size:14px;
	color:#333;
	font-weight:normal;
	text-align:left;
	padding:0px 0px 12px 20px;
	line-height:30px;
}
ul.news-scroll li i.glyphicon {
	height:50px;
	margin-right:10px;
	float:left;
	color:#ff1a1a;
}


/*---Footer-----*/

.footer-top{
	background:#ff1a1a;
}

#footer-nav .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 0px;
	font-size:12px;
	color:#fff;
}

#footer-nav .nav > li > a:hover, .nav > li > a.active {
    text-decoration: none;
    background-color: inherit;
	color:#000 !important;
}
#footer-nav .nav > li:nth-child(7){
	padding:0 8px;
	background:#3b5a9a;
}
#footer-nav .nav > li:nth-child(8){
	padding:0 8px;
	background:#29a9e1;
}

.footer-bot{
	background:#b60606;
	padding:5px 0;
}
.footer-bot p{
	color:#fff;
	text-align:center;
	padding:0;
}

/*-- gallery --*/ 
.gallery-grids {
    margin: 0.5em;
    float: left;
    width: 30.9%;
}
.img-hover {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    filter: alpha(opacity=100);
	margin-bottom:30px;
}
.img-hover img { 
	width: 100%;
}
.img-hover .view-caption {
	background-color: rgba(34, 167, 240, 0.8);
	border: 5px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 10px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	right: 0;
	text-align: center;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: all 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: all 0.75s ease-in-out 0s;
}
.img-hover .view-caption h5 {
	color: #fff;
	font-size: 1.5em;
	padding-top: 25.5%;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: all 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: all 0.75s ease-in-out 0s;
}
.img-hover:hover .view-caption {
	opacity: 1;
	filter: alpha(opacity=100);
	border: 10px solid #fff;
}
.img-hover:hover .view-caption h5 {
    padding-top: 30%;
}
/*-- //gallery --*/
.panel-back {
    background-color: #929292;
}
.noti-box {
    color: #fff;
    padding: 20px;
}
.noti-box a{
	color:#FFF;
	text-decoration:none;
}
.text-box p, a{
	font-size:20px;
}

ul.list-style{
	list-style:none;
}
ul.list-style li{
	margin:2px 0;
	font-size:18px;
	padding:5px 10px;
	color:#333;
	border-radius:3px;
}

ul.list-style li ul.subline{
	margin:0 0 0 20px;
	padding:0;
}
ul.list-style li ul.subline li{
	font-size:14px;
	color:#e80f0f;
	font-weight:400;
	margin:0;
	padding:4px 0;
}
.archive{padding: 10px;}
.archive ul{margin: 0px;padding: 0px }
.archive ul li{padding:10px; border-bottom: 1px dashed red; font-size: 15px;}
.archive ul li i{padding:10px;color: #FF0004; font-size: 15px;}
.archive ul li span{padding:0px 32px;}






/*Responsive Mobile*/
@media (max-width:1190px){
ul#nav li a{
	padding:15px 18px;
}
}
@media (max-width:1024px){	
a.responsive-menu{
	width:100%;
	padding:10px;
	text-align:center;
	font-size:18px;
	color:#fff;
	clear:both;
	display:block;
}
ul#nav{
	display:none;
}
a#navbtn{
	display:block;
}
#sidebar-nav.visible{
	display:block;
}
.drop-menu{
	display:none;
}
.drop-menu2{
	display:none;
}

}

/*Media Quary Start*/
@media (max-width:768px) {
img.display{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#section-1 h1{
	margin:20px 0 20px 0;
	line-height:normal;
}
.header-bot h1{
	font-size:24px;
	font-weight:600;
	text-align:center;
	color:#ff1a1a;
	line-height:25px;
}
.header-bot span{
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#ff1a1a;
	line-height:normal;
}
#social-bar.text-right {
    text-align: center;
}
}
@media (max-width:480px) {

.header-bot h1{
	font-size:24px;
	font-weight:600;
	text-align:center;
	color:#ff1a1a;
	line-height:25px;
}
.header-bot span{
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#ff1a1a;
	line-height:normal;
}

}