/* AVG IP. Design and coded by Sebastian Roach */

/* TIPOGRAFIAS */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url("animate.css");


body { font-family: 'Droid Sans', sans-serif;
	font-weight:400;}

h1,h2,h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	}

/* NAVIGATION */
.navbar-default {
	background-color:#fff;
	border:none;}

.navbar { margin-bottom:0;}

.navbar, .dropdown-menu { font-size:12px;
	text-transform:uppercase;
	font-family:'Montserrat', sans-serif;
	font-weight:400;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color:#d62626;
	background-color:transparent;}

.navbar-default .navbar-nav>li>a {
	color:#333;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color:#ed2a2b;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color:#ed2a2b;
	color:#fff;}

.navbar-default .navbar-nav>.open>a .navbar-default .navbar-nav>.dropdown>a .caret {
	border-top-color: #fff;
    border-bottom-color: #fff;}

.dropdown-menu>li>a {
	padding: 10px 20px;
	}
.dropdown-menu {
	padding: 0px 0;}



@media (min-width: 768px) {
.idiomas li a { padding:4px;}	
.nav-container {
	width: 500px;
    margin: 0 auto;}

.navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
}
}

/* UI */

.btn {
	padding:10px 20px;
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.btn-primary {
	background-color: #1ba5de;
	border: 0;
	font-family:'Montserrat', sans-serif;
	font-size:12px;
	text-transform:uppercase;
	}	

.btn-primary:hover {
	background-color:#1892c5;
	padding:10px 30px;}

header { background-image:url(../images/background_header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-position:fixed;
	height:720px;}
	
#quienessomos, #areasdepractica, #contacto {
	padding:60px 0; text-align:center;}
	
#quienessomos {
	background-color:#1ba5de;
	color:#fff;
	text-align:center;}

.header-interno {
	background-color:#ed2a2b;
	color:#fff;
	text-align:center;
	padding:60px 0; text-align:center;
	
	background-image:none;
	}

.header-interno h2:after {
	content:"";
		background-color:#1ba5de;
		height:3px;
		width:30px;
		display:block;
		margin:20px auto;}
	
h2 { font-size:45px;
	text-transform:uppercase;
	letter-spacing:-3px;
	}

h2:after {
		content:"";
		background-color:#ed2a2b;
		height:3px;
		width:30px;
		display:block;
		margin:20px auto;
		}

h3 { letter-spacing:-1px; font-size:18px; line-height:24px;
	text-transform:uppercase;}

h2 + p { font-size:18px;}

.interna .contenido p { font-size:16px; line-height:26px; margin:0 0 30px;}
.interna .contenido { padding:60px 0;}

.interna .contenido ul { margin-bottom:20px; padding:0 80px; }
.interna .contenido li { 
	padding:10px; font-size:16px;}


.servicios h3:after {
		content:"";
		background-color:#ed2a2b;
		height:3px;
		width:30px;
		display:block;
		margin:10px auto;
		}

.servicios-item {
	margin-top:40px;
	margin-bottom:40px;}

.servicios .btn {
	margin-top: 10px;
	}
	
#citas { height:308px;
	background-color:#ed2a2b;}

#citas h3, #citas p {
	color:#fff;
	text-align:center;}

#citas h3 {
	font-size:24px;
	font-family:'Montserrat', sans-serif;
	font-weight:normal;
	text-transform:none;
	margin-top:100px;}

/* slider de citas */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  border: 0;
  }

/* CONTACTO */

#contacto {
	background-color:#f4f4f4;}
	
#contacto .icono {
	height:34px;}

#contacto .contacto-datos {
	padding:30px 0;}

footer {
	background-color:#121212;
	color:#9f9f9f;
	text-align:center;
	font-size:10px;
	font-family:'Montserrat', sans-serif;
	letter-spacing:1.5px;
	text-transform:uppercase;
	padding:10px 0;
	}

footer p { margin-bottom:0;}

a { color:#333;}
p.fuente { font-size:16px!important;}
  
@media only screen and (max-device-width: 480px) { 
	#citas .container {
		padding:0;}
	
	#citas img { position:relative; right:60px;}
	#citas h3 { font-size:18px;}
	
	.interna ul { margin-bottom:20px; padding:0 20px; }
	
	header { background-image:url(../images/background_header_mobile.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-position:fixed;
	height:500px;}
}