/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */




/* fonts */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/***************************
************** Global Styles 
****************************/

html,
body {
    height: 100%;
	color: #ccc;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 300;
    letter-spacing: 0.06em;
}

body {
	background-color: #403b4e;
	/*background-image: url(../img/custom_site/bg-body.jpg);
	background-position: top center;
	background-repeat: no-repeat;*/
}

.page-container {
	background-color: #ededed;
	padding-top:15px;
	padding-bottom: 15px;
}



/*****************************************************************************
**************** Home Page Carousel from modern-business bootstrap ***********
******************************************************************************/
.carousel-control { display: none;}

.carousel-indicators li { border: 1px solid #555;}
.carousel-indicators .active { background-color: #555;}

header.carousel {
    height: 45%;
	padding-left: 0;
	padding-right: 0;
}


@media(max-width:991px) {
	header.carousel {
		
	}
}

@media screen and (max-width: 640px){
	header.carousel {
	}
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

header.carousel-nousarlocal .item:nth-child(1) .fill{
    background-image: url('../img/custom_site/slider-index-01.jpg');
}

header.carousel-nousarlocal .item:nth-child(2) .fill{
    background-image: url('../img/custom_site/slider-index-02.jpg');
}

/***************
carousel-promo
***************/
#carousel-promo.carousel.slide div.carousel-inner {border-radius: 4px;}


/* brand logo image needs styles for responsive size and position */
.navbar-brand {
	padding: 10px 0 0 0;
	height: 90px; /* esta linea es nueva */
	/*position: absolute;*/ /* si no hay links hay que comentar esta linea */
}

@media(max-width:991px) {
	.navbar-brand {
		padding: 5px 0 0 5px;
		height: 45px;
		position: relative;
	}
}

@media screen and (max-width: 640px){
	.navbar-brand {
		padding: 5px 0 0 5px;
		height: 45px;
		position: relative;
	}
}


/****************** 
Start here custom css fron Old Agent Site
********************/
body {
		background-color: #191919; 
		color: #B6B6B6;
		font-family: 'Roboto', sans-serif;
		background-image: url(../img/custom_site/bck.jpg);
		background-attachment:fixed;
		background-position:center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.navbar { background-color:#191919; background:#191919; border: 0px; border-radius: 0; margin-bottom:0;}
	.navbar-brand {height: 100px; padding: 0}
	
	.navbar-form {border: none; box-shadow:none;}
	
	
	/*boton con animacion}*/
	.btn-warning {border-color: #FFA500; background-color: #FFFC00; background: #FFFC00; color:#000; font-weight: bold}
	
		@keyframes flash {
		0%,100%,50%{opacity:1}
		25%,75%{opacity:0.5}
		}
			.faa-flash.animated,
			.faa-flash.animated-hover:hover,
			.faa-parent.animated-hover:hover > .faa-flash {
				animation: flash 2s ease infinite;
			}
			.faa-flash.animated.faa-fast,
			.faa-flash.animated-hover.faa-fast:hover,
			.faa-parent.animated-hover:hover > .faa-flash.faa-fast {
				animation: flash 1s ease infinite;
			}
			.faa-flash.animated.faa-slow,
			.faa-flash.animated-hover.faa-slow:hover,
			.faa-parent.animated-hover:hover > .faa-flash.faa-slow {
				animation: flash 3s ease infinite;
			}
		
		
	.page-container {background-color:#191919}
	
	h3 {color:#FFBA00; font-size: 18px; font-weight: normal;}

	/*links
	a:link {color: #000;}
	a:visited {color: #000;}
	a:hover {color: #333;}
	a:active {color: #000;}
	*/
	
	.notice {font-size:14px; text-align:center; padding:0.5em}
	.notice a {color: #000}
	
	
	.thumbnail {background: #191919; border: none;}
	
	/* Footer Styles */
	footer {padding-top: 30px; padding-bottom: 20px;}