/* 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=Roboto:300,300i,400,400i,700,700i');
@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: 'Roboto', sans-serif;
	font-weight:700;
	}

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

.navbar { margin-bottom:0;}

.navbar, .dropdown-menu { font-size:12px;
	text-transform:uppercase;
	font-family:'Roboto', 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:#fff;
	background-color:transparent;}

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

.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;
	border-radius: 0!important;
	-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: #333;
	border: 0;
	font-family:'Roboto', sans-serif;
	font-weight: 700;
	font-size:12px;
	text-transform:uppercase;
	}	

.btn-primary:hover {
	background-color:#333;
	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:#ed2024;
	color:#fff;
	text-align:left;}

#quienessomos p {
	font-size: 16px;
	line-height: 24px;
}


.contenedor-profile {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	flex-direction: row;
	-webkit-flex-direction:row;
}

@media only screen and (min-width: 768px) {
	
.contenedor-profile {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	
	flex-direction: row;
	-webkit-flex-direction:row;

	}
}


.quienessomos-profile {
	margin:15px 0 15px 0;
	margin-left: auto;
	margin-right: auto;
	height: auto;
} 

@media only screen and (min-width: 768px) {
.quienessomos-profile {
	margin:0 30px 0 0;
	} 
}

.profile-link {
	display: block;  

	border:2px solid #ed2024;
	transition: 0.2s linear;
}

.profile-link:hover {
	border: 4px solid #fff;

}

.interna .profile-link {
	border: 2px solid #fff;
}

.interna .profile-link:hover {
	border: 4px solid #ed2024;

}

.quinessomos-profile-nombre {
	text-transform: uppercase;
	font-family:'Roboto', sans-serif;
	font-size: 16px!important;
	margin:10px 0!important;
}

#quienessomos h2 {
	text-align: center;
}

.volanta {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}

#contacto h2 {margin-top:0!important;}

.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:#333;
		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 {  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;
	}

@media only screen and (min-device-width: 780px) {

	.nuestrosservicios {
		padding-left: 60px;
	}

}

.nuestrosservicios h2 {
	font-size: 36px;
	text-align: left;
}

.nuestrosservicios h2:after {
	margin-left:0px!important;
}


.nuestrosservicios ul {
  list-style: none; /* Remove default bullets */
  padding:0px!important;
}

.nuestrosservicios ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#citas { height:308px;
	background-color:#ed2a2b;}

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

#citas h3 {
	font-size:24px;
	font-family:'Roboto', 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:'Roboto', 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;}
}