/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CUSTOM CSS (ADD YOUR CSS HERE!) */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* PLUGIN CSS */
@import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');
@import url('../plugins/fancybox/fancybox-1.3.4.min.css');
@import url('../plugins/fancybox/photoswipe-3.0.5.min.css');
@import url('../plugins/hover-animations/hover-animations-1.0.min.css');
@import url('../plugins/justinaguilar-animations/animations.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@import url('../fonts/AlrightSans-Bold.css');
/* PAGE MODULES */



:root {
    --CorFundo: #7d1512;
    --BordaCorFundo: #ddd;
    --CorPassandoMouse: #440808;
    --CorTextoMenu:white;
    color: white
}

body {
    color: var(--CorFundo);
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background: url(../img/background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

hr {
    border: 0;
    width: 100%;
    border-top: 2px solid var(--CorFundo);
}

h1, .h1{
	margin-top: 0px;
	margin-bottom: 30px;
}
h2, .h2 {
    color: var(--CorFundo);
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 20px;
}
p {
	margin: 0 0 15px;
	font-family:'AlrightSans-Regular', sans-serif;
}

a {
    /*color: var(--CorFundo) !important;*/
    text-decoration: none  !important;;
}

.menucondomino {
    padding: 10px 5px 10px 5px;
    margin-right: -1px;
    border: solid var(--BordaCorFundo) 1px;
    color: var(--CorTextoMenu);
    font-size: medium ;
}
.btn-menu {
    padding: 10px 0px 10px 8px;
    margin-right: -1px;
    border: solid var(--BordaCorFundo) 1px;
    text-align: center;
    cursor: pointer;
    color: var(--CorTextoMenu);
}

.btn-menu:hover {
    background-color: var(--CorPassandoMouse);
}


.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: var(--CorFundo);
    border-color: var(--BordaCorFundo);
}

.btn-primary {
    color: #fff;
    background-color: var(--CorFundo);
    border-color: var(--BordaCorFundo);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--CorPassandoMouse);
    border-color: #285e8e;
}

.bg-primary {
    color: #fff;
    background-color: var(--CorFundo);
}


#toTop {
    background-color: var(--CorFundo);
    border-color: var(--BordaCorFundo);
}

#toTop:hover {
    background-color: var(--CorPassandoMouse);
    border-color: var(--BordaCorFundo);
}

#main-header {
    background: transparent;
    /*border-bottom:2px #D0D0D0 solid;*/
}
#main-nav {
    background-color: var(--CorFundo);
}


.content-block{
	background: transparent;
	padding: 30px 0px;
}
.service-block {
    background: transparent;
    padding: 0px 0px;
   
}
.content-block img{
	margin-bottom: 30px;
}
.gallery-block{
	background: transparent;
	padding: 30px 0px;
}
.gallery-block img{
	margin-bottom: 30px;
}
.form-block{
	padding:30px 0px;
}
.map-block{
	background: transparent;
	padding: 30px 0px;
}
.footer-block {
    background: transparent;
    margin: 0;
    border-top: 1px var(--CorFundo) dotted;
    padding: 30px 0px;
}

.copyright-block {
    background-color: var(--CorFundo);
    height: 60px;
    line-height: 60px;
    color: #fff;
}
.copyright-block a{
	color:#fff;
}
.combo-block{
	background:#99cc99;
	color:#fff;
	height:70px;
	padding:10px 0px;
	min-height:0;
	margin-bottom: 0
}
#map{
	height:400px;	
}
#footer-map{
	height:400px;	
}
[class*="animate-"] .overlay {
	background:transparent;
}


.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 3px;
}
/* NAVIGATION */
.navbar-nav>li>a {
	line-height:40px;
	height:40px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color:#fff;
	background-color:#0094ff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	color: #0094ff;
	background-color:#0094ff;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#fff;
	background-color:#0094ff;
}
.navbar-default .navbar-nav>li>a{
	color:#fff;
}
.navbar-default .navbar-toggle:hover .icon-bar{
	background-color: #0094ff;
}
form[role=login] {
	padding: 15px 26px 20px 26px;
	border-radius:10px;
	margin-bottom:20px;
	
}
	form[role=login] h2 {
		font-size: 20px;
		color: #5d5c5c;
		margin-bottom: 0.5em;
	}
	form[role=login] p {
		color: #929292;
		margin-bottom: 25px;
	}
	form[role=login] input,
	form[role=login] button,
	form[role=login] a.btn {
		font-size: 16px;
	}
	form[role=login] a.btn {
		margin: 16px 0;		
	}

/* RESPONSIVE */
@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {...}

@media (min-width: 798px) {...}

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}