body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.nopadding {
	padding-left: 0;
	padding-right: 0;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

.titulo-swansea {
	color: #80B1CE;
	font-weight: bold;
}

.big {
	font-size: 150%;
}

.btn-swansea { 
  color: #ffffff; 
  background-color: #4E7DAA; 
  border-color: #4E7DAA; 
  border-radius: 0;
} 
 
.btn-swansea:hover, 
.btn-swansea:focus, 
.btn-swansea:active, 
.btn-swansea.active { 
  color: #ffffff; 
  text-decoration: underline;
  background-color: #80B1CE;
} 
 
.btn-swansea:active, 
.btn-swansea.active { 
  background-image: none; 
} 
 

.container-fluid>header {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #4e7daa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlN2RhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGIxY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4e7daa 0%, #80b1ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7daa), color-stop(100%,#80b1ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4e7daa 0%,#80b1ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4e7daa 0%,#80b1ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4e7daa 0%,#80b1ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4e7daa 0%,#80b1ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7daa', endColorstr='#80b1ce',GradientType=0 ); /* IE6-8 */
}
	.container-fluid>header,
	.container-fluid>header a { 
		color: #ffffff;
	}
	.container-fluid>header a:hover,
	.container-fluid>header a:active {
		color: #c0c0c0;
	}
	.container-fluid>header #logo>img {
	}

#gracias {
	margin-top: 20px;
	margin-bottom: 30px;
}

#calvicie {
	margin-top: 30px;
}

	#calvicie #cta {
		display: block;
		border: 2px solid #4E7DAA;
	}
		#calvicie #cta h3 {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 20px;
			padding-bottom: 20px;
			text-decoration: none;
		}
		#calvicie #cta #primera-consulta {
			color: #ffffff;
			background-color: #4E7DAA;
		}
		#calvicie #cta #llamanos {
			color: #4E7DAA;
		}
		#calvicie #cta #llamanos:hover {
			color: #ffffff;
			background-color: #4E7DAA;
		}

#imagen-principal {
	margin-top: 20px;
	margin-bottom: 30px;
}
	#imagen-principal img {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

#solicitud {}
	#solicitud #info-alopecia p {
		margin-top: 20px;
		text-align: justify;
	}
	#tipos-alopecia,
	#etapas-calvicie {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#tipos-alopecia li,
	#etapas-calvicie li {
		display: table;
	}
	#tipos-alopecia li:before,
	#etapas-calvicie li:before {
		display: table-cell;
		width: 2em; /* same as padding-left set on li */
		font-family: FontAwesome; /* FontAwesome or whatever */
		content: '\f055'; /* FontAwesome char code inside the '' */
	  	color: #4E7DAA;
	  	font-size: 1.6em;
	  	vertical-align: middle;
	}​
	#tipos-alopecia li>p,
	#etapas-calvicie li>p {
		margin-bottom: 0;
	}

	#solicitud #form-solicitud>form {
		padding: 20px 10px;
		color: #ffffff;
		background-color: #c0c0c0;
	}
	#solicitud #form-solicitud>form input,
	#solicitud #form-solicitud>form select,
	#solicitud #form-solicitud>form textarea {
		margin-bottom: 10px;
	}
	label.error {
		display: block;
		font-size: 85%;
		color: #4E7DAA;
	}
	#confirmacion {
		font-size: 85%;
		color: #4E7DAA;
	}
#videos {
	margin-top: 30px;
}

	#videos .presenta-video {
		margin-top: -5px;
		margin-bottom: 20px;
		padding: 20px 10px;
		min-height: 230px;
		color: #ffffff;
		background-color: #80B1CE;
	}
	#videos #mas-videos {
		margin-top: 20px;
	}

#fases-calvicie { margin-top: 30px; }
	#fases-calvicie li {
		margin-bottom: 15px;
	}
	#estados-calvicie img {
		width: 100%;
	}

.container-fluid>footer {
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
	color: #ffffff;
	font-size: 95%;
	background-color: #4e4e4e;
}

	.container-fluid>footer header {
		margin-bottom: 20px;
		
	}
	.container-fluid>footer header>h2{
		padding-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 2px solid #ffffff;
	}
	.container-fluid>footer article+header {
		margin-top: 20px;
	}

	.container-fluid>footer .direccion {
		margin-bottom: 20px;
	}
	.container-fluid>footer aside {
		margin-top: 30px;
	}
	.container-fluid>footer a {
		color: #ffffff;
	}
	.container-fluid>footer a:hover,
	.container-fluid>footer a:active {
		color: #c0c0c0;
	}

	.container-fluid>footer #rrss a {
		margin-left: 10px;
	}

@media screen and (max-width: 1200px) {

	#videos .presenta-video {
		min-height: 240px;
	}	
}

@media screen and (max-width: 992px) {

	#videos .presenta-video {
		min-height: 300px;
	}	
	#prp .caracteristica-prp {
		margin: 5px 0;
		min-height: 100px;
	}

}

@media screen and (max-width: 768px) {
	
	#solicitud #info-solicitud p:first-child {
		margin-top: 10px;
	}
	.presenta-video .lead {
		font-size: 21px;
		font-weight: 200;
	}
	#prp .caracteristica-prp {
		min-height: 75px;
	}
}