﻿body, html
{
	background:#585858;
}

@media (min-width: 768px) and (max-width: 979px)
{
	body, html
	{
		background:#fff;
	}
	
	#container-top
	{
		background: #fff !important;
		background-position: 0 10px;
		padding-top:0px !important;
	}
	
	#container-bottom
	{
		background: #fff !important;
	}
	
	#navbar ul.nav > li.dropdown > ul.dropdown-menu
	{
		padding: 10px 0;
		background: none !important;
	}
	
	#navbar ul.dropdown-menu > li > a
	{
		color:#fff !important;
	}

	#navbar ul.dropdown-menu > li > a:hover
	{
		filter:none !important;
		color:#9AA4CE !important;
		background:none !important;
	}
}

@media (max-width: 979px)
{
	body, html
	{
		background:#fff;
	}
	
	#container-top
	{
		background: #fff !important;
		background-position: 0 10px;
		padding-top:0px !important;
	}
	
	#container-bottom
	{
		background: #fff !important;
	}
	
	#navbar ul.nav > li.dropdown > ul.dropdown-menu
	{
		padding: 10px 0;
		background: none !important;
	}
	
	#navbar ul.dropdown-menu > li > a
	{
		color:#fff !important;
	}

	#navbar ul.dropdown-menu > li > a:hover
	{
		filter:none !important;
		color:#9AA4CE !important;
		background:none !important;
	}
}

h1
{
    color:#35489E;
    font-family:"Exo";
    font-weight:200;
    font-size:35px;
}

h1 span
{
    color:#999;
    font-family:"Exo";
    font-weight:500;
    font-size:16px;
}

h2
{
    color:#35489E;
    font-family:"Exo";
    font-weight:500;
    font-size:16px;
    line-height:22px;
    margin:20px 0;
}

*, p, a
{
    font-family: "Calibri", sans-serif;
    color:#555;
    font-size:16px;
}

a:hover
{
    text-decoration:none;
    color:#35489E;
}

p
{
    margin:20px 0;
}

p strong
{
    font-weight: normal;
    color:#35489E;
}

.text-center,
p.text-center
{
    text-align:center !important;
}

hr
{
    border:none;
    border-top:1px solid #E3E3E3;
    margin:10px 0;
}

.tooltip.in
{
    opacity:1;
}

.tooltip-inner
{
    padding:5px;
    background-color:#ffffff;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    border:1px solid #cccccc;
}

.tooltip.right .tooltip-arrow
{
    border-right-color:#cccccc;
}

/* -------------------------------------------------------------------------------------- */
/*
 * navbar
 */
/* -------------------------------------------------------------------------------------- */
#navbar div.navbar-inner
{
    filter:none;
    background: #253477 url("../img/global/navbar-bg.jpg") repeat-x;
    background-position: top;
    border:none;
}

#navbar ul.nav > li > a
{
    color:#fff;
    line-height:60px;
    font-family: "Exo";
    font-weight:600;
    font-size:12px;
    text-shadow:none;
}

#navbar ul.nav > li > a:hover
{
    color:#9AA4CE;
}

#navbar ul.nav > li.active > a,
#navbar ul.nav > li.dropdown.open > a
{
    color:#9AA4CE;
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

#navbar ul.nav > li.dropdown > a > b.caret
{
    border-bottom-color:#fff;
    border-top-color:#fff;
    margin:28px 0 0 10px;
}

#navbar ul.nav > li.dropdown > a:hover > b.caret
{
    border-bottom-color:#9AA4CE;
    border-top-color:#9AA4CE;
}

#navbar ul.nav > li.dropdown.open > a > b.caret
{
    border-bottom-color:#9AA4CE;
    border-top-color:#9AA4CE;
}

#navbar ul.nav > li.dropdown > ul.dropdown-menu
{
    padding: 10px 0;
    background: #fff url("../img/global/navbar-dropdown-menu-bg.jpg") repeat-x;
    background-position:bottom;
}

#navbar ul.nav > li.dropdown.open > ul.dropdown-menu > li.divider
{
    margin: 9px 20px;
}

#navbar ul.nav > li.dropdown.open > ul.dropdown-menu > li > a
{
    color:#35489E;
    font-family:"Exo";
    font-weight:500;
    font-size:12px;
}

#navbar ul.nav > li.dropdown.open > ul.dropdown-menu > li > a:hover
{
    filter:none;
    color:#9AA4CE;
    background:none;
}

#navbar ul.nav > li.divider-vertical
{
    height:80px;
    border-left-color:#1C2759;
    border-right-color:#6073CA;
}

/* -------------------------------------------------------------------------------------- */
/*
 * container-top
 */
/* -------------------------------------------------------------------------------------- */
#container-top
{
    background: #fff url("../img/global/container-top-bg.jpg") repeat-x;
    background-position: 0 10px;
    padding-top:60px;
}

#container-top p.well
{
    background: none;
    margin-top:0;
    padding:15px 19px;
}

#container-top #myCarousel .carousel-control,
#container-bottom #companies .carousel-control
{
    background:none repeat scroll 0 0 #fff;
    border:3px solid #35489E;
    border-radius:23px 23px 23px 23px;
    color:#35489E;
    font-size:50px;
    font-weight:100;
    height:40px;
    left:15px;
    line-height:30px;
    margin-top:-20px;
    position:absolute;
    text-align:center;
    top:50%;
    width:40px;
}

#container-top #myCarousel .carousel-control.right,
#container-bottom #companies .carousel-control.right
{
    left: auto;
    right: 15px;
}

#container-bottom #companies .carousel-inner .item
{
	text-align:center;
}

#container-bottom #companies
{
	margin-bottom:0;
}

#container-bottom #companies .carousel-inner .item img
{
	display:inline;
	width:15%;
}

#container-top #myCarousel .carousel-caption,
#container-bottom #companies .carousel-caption
{
    background:none;
}

#container-top #myCarousel .carousel-caption h2,
#container-bottom #companies .carousel-caption h2
{
    text-align:center;
}

/* -------------------------------------------------------------------------------------- */
/*
 * Contacto
 */
/* -------------------------------------------------------------------------------------- */
#form > div > div > input[type=text],
#form > div > div > textarea
{
    width:100%;
}

#form > div > div > input[type=text]:focus,
#form > div > div > textarea:focus
{
    border:1px solid #35489E;
    box-shadow:none;
    transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#g-map
{
    width:100%;
    height:300px;
}

/* -------------------------------------------------------------------------------------- */
/*
 * container-bottom
 */
/* -------------------------------------------------------------------------------------- */
#container-bottom
{
	padding-top:50px;
	width:100%;
	background:#fff url("../img/global/container-bottom-bg.jpg") repeat-x;
	background-position:top;
}

/* -------------------------------------------------------------------------------------- */
/*
 * footer
 */
/* -------------------------------------------------------------------------------------- */
footer
{
	width:100%;
	background:#585858 url("../img/global/footer-bg.png") repeat-x;
	background-position:top;
}

footer p,
footer a,
footer
{
	color: #fff;
	font-size:12px;
}

footer p
{
	margin:40px 0;
}

footer a:hover
{
    color:#999;
    text-decoration:none;
}