/*
Theme Name: Colegio de Farmaceuticos Pilar
Author: Juan Cruz Wenk, Santiago Curtelo
Description: Theme realizado para el colegio de farmaceuticos de Pilar.
Version: 1.0
Text Domain: cfpilar

*/

body {
	background-color:#E5E3D4;
}

a,
a:link,
a:visited {
	color:#000000;
	outline:none;
}
*:focus {
	outline:0;
}

header .container {
	position:relative;
}

#logo {
	box-shadow:0px 2px 4px #B8AC92;
	border-radius:0 0 52px 52px;
	left:42px;
	position:absolute;
	top:0;
	width:100px;
	z-index:100;
}
#logo img {
	width:100%;
}
#btn-fb {
	display:none;
}
#btn-tw {
	display:none;
}

#site-navigation {
	background:#8ACEBE;
	border-color:#FFFFFF;
	border-style:solid;
	border-radius:0px 0px 14px 14px;
	border-width:0 2px 2px 2px;
	box-shadow:0px 6px 8px #B8AC92;
}
#site-navigation a {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	margin:12px 0;
	padding:0 6px;
}
#site-description {
	color:#7C7248;
	display:none;
	font-size:0.85em;
	padding:0 10px;
}

.box {
	background-color:#FFFFFF;
	box-shadow:0px 6px 8px #B8AC92;
	margin:13px 0 30px 0;
	padding:40px 0 0 0;
	position:relative;
}
.widget {
	background-color:#FFFFFF;
	border-radius:12px 12px 0 0;
	box-shadow:0px 6px 8px #B8AC92;
	margin:0 0 30px 0;
	position:relative;
}
.box-title {
	background:url(images/sprite.png) no-repeat scroll top left transparent;
	color:#FFFFFF;
	font-size:18px;
	font-weight:600;
	height:61px;
	left:0;
	margin:0;
	padding:14px 0 0 42px;
	position:absolute;
	text-align:center;
	top:-13px;
	width:calc(100% - 42px);
	z-index:100;

}
.box-title:after {
	background:url(images/sprite.png) no-repeat scroll top right transparent;
	content:'';
	height:61px;
	right:-42px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:42px;
	z-index:100;
}
.box-title span {
	font-weight:normal;
}
.box .block,
.widget .block {
	margin:0 20px;
	padding:20px 0;
}
.box .wp-post-image {
	height:auto;
	width:100%;
}
a.ver-mas,
#listado-farmacias ul li a.ver-mas,
body.home #preguntas-frecuentes article a.ver-mas,
#category-noticias article a.ver-mas {
	background:#C65A51;
	border-radius:15px 15px 0 0;
	bottom:0;
	color:#FFFFFF;
	font-size:18px;
	font-weight:600;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0;
	position:absolute;
	right:20px;
	text-align:center;
	text-decoration:none;
	width:22px;
}
#listado-farmacias ul li a.ver-mas {
	background:#45b65c;
}
body.home #preguntas-frecuentes article a.ver-mas {
	background:#E78748;
}
#secondary .widget {
	border:1px solid #999999;
	border-radius:10px;
}

body.single-post #primary .noticia-title {
	color:#000000;
	font-size:24px;
	margin:15px 0;
	text-align:center;
}
#ultimas-noticias {
	padding:0;
}
#ultimas-noticias .box-buttons {
	bottom:auto;
	top:323px;
}
#ultimas-noticias .box-buttons .carousel-indicators {
	bottom:15px;
}
#ultimas-noticias .box-buttons .carousel-indicators li {
	background:#E0A09B;
	border:none;
	border-radius:0;
	height:8px;
	margin:0 3px;
	width:20px;
}
#ultimas-noticias .box-buttons .carousel-indicators li.active,
#ultimas-noticias .box-buttons a {
	background:#C65A51;
	border:none;
}
body.single-post #primary .box {
	padding:0 0 20px 0;
}
#category-noticias {
	padding:20px 0 40px 0;
}
#category-noticias h3 {
	margin:50px 0 0 0;
}
#category-noticias h3 span {
	background:#C9C8A9;
	color:#C65A51;
	display:inline-block;
	font-size:20px;
	font-weight:600;
	padding:5px 0;
	text-align:center;
	text-transform:uppercase;
	width:50%;
}
#category-noticias article {
	border:5px solid #C65A51;
	display:inline-block;
	height:340px;
	margin:30px 0 0 3.33%;
	overflow:hidden;
	position:relative;
	width:45%;
}
#category-noticias article img {
	height:auto;
	width:100%;
}
#category-noticias article a {
	display:block;
	font-size:0.85em;
	line-height:1.2;
	margin:10px;
	text-decoration:none;
}
#category-noticias article a h2 {
	font-size:14px;
	font-weight:600;
	line-height:1;
	margin:0 0 5px 0;
	text-transform:uppercase;
}

#listado-farmacias .box-title,
body.single-farmacia h1.box-title {
	background-position:left -61px;
}
body.single-farmacia #mapa .box-title {
	background-position:left -185px;
}
body.single-farmacia #mapa {
	padding:2px 0 0 0;
}
body.single-farmacia #mapa .box-title:after {
	background-position:right -185px;
}
#listado-farmacias .box-title:after,
body.single-farmacia h1.box-title:after {
	background-position:right -61px;
}
#listado-farmacias .box-title {
	color:#000000;
}
#listado-farmacias .box-title strong {
	color:#FFFFFF;
	font-size:1.2em;
}
#listado-farmacias ul {
	list-style:none;
	padding:0;
}
#listado-farmacias ul li {
	background:#C8E8E0;
	border:1px solid #FFFFFF;
	border-radius:12px;
	float:left;
	height:275px;
	margin:0 17px 17px 0;
	overflow:hidden;
	position:relative;
	width:175px;
}
#listado-farmacias ul li.last {
	margin:0 0 30px 0;
}
#listado-farmacias ul li a {
	color:#808080;
	display:block;
	font-size:0.85em;
	font-weight:bold;
	line-height:1.2;
	margin:15px;
	text-align:center;
	text-decoration:none;
}
#listado-farmacias ul li a h2 {
	color:#000000;
	font-size:1.8em;
	font-weight:bold;
	margin:10px 0 2px 0;
}
#listado-farmacias ul li a img {
	height:auto;
	width:100%;
}

body.single-fechas_de_entrega article.fechas_de_entrega .block,
.widget_cfpilar_fechas_de_entrega_widget .block {
	background:#c9c8a9;
	border-radius:10px;
	margin:20px 30px 0 20px;
	padding:15px 0;
}
.widget_cfpilar_fechas_de_entrega_widget .block {
	margin:20px 30px 40px 20px;
}
body.post-type-archive-fechas_de_entrega h1.box-title,
body.single-fechas_de_entrega h1.box-title,
#secondary .widget.widget_cfpilar_fechas_de_entrega_widget .box-title {
	background-position:left -247px;
}
body.post-type-archive-fechas_de_entrega h1.box-title:after,
body.single-fechas_de_entrega h1.box-title:after,
#secondary .widget.widget_cfpilar_fechas_de_entrega_widget .box-title:after {
	background-position:right -247px;
}
body.single-fechas_de_entrega #primary .box-buttons a,
#secondary .widget.widget_cfpilar_fechas_de_entrega_widget .box-buttons a {
	background:#5F738F;
}
ul.fechas-de-entrega {
	list-style:none;
}
ul.fechas-de-entrega li {
	color:#000;
	font-size:16px;
	margin:10px 0 0 0;
}
ul.fechas-de-entrega li span {
	background:#3A485C;
	border-radius:20px;
	color:#FFFFFF;
	display:inline-block;
	height:32px;
	line-height:32px;
	font-size:16px;
	font-weight:bold;
	margin:0 10px 0 0;
	text-align:center;
	width:32px;
}

.widget_cfpilar_calendario_farmacias_widget {
	background:url(images/ico-maletin.png) no-repeat scroll 12px 0 #FFFFFF;
}
.widget_cfpilar_calendario_farmacias_widget h3 {
	color:#000;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0 0 0 65px;
}
.widget_cfpilar_calendario_farmacias_widget .mes {
	color:#E6E6E6;
	float:left;
	font-size:64px;
	letter-spacing:-3px;
	margin:35px 10px 0 6px;
	min-width:110px;
	text-align:center;
	text-transform:uppercase;
	transform:scale(1,2.8);
	-webkit-transform:scale(1,2.8);
	-moz-transform:scale(1,2.8);
	-ms-transform:scale(1,2.8);
	-o-transform:scale(1,2.8);
}
.widget_cfpilar_calendario_farmacias_widget #calendario-farmacias {
	margin:20px 12px 10px 0;
}
.widget_cfpilar_calendario_farmacias_widget #calendario-farmacias th {
	color:#999;
	text-align:center;
	font-size:9px;
	font-weight:600;
	width:20px;
}
.widget_cfpilar_calendario_farmacias_widget #calendario-farmacias td {
	color:#666;
	font-size:13px;
	font-weight:600;
	height:20px;
	text-align:center;
	width:20px;
}
.widget_cfpilar_calendario_farmacias_widget #calendario-farmacias td#today {
	background:#45B65C;
	border-radius:15px;
}
.widget_cfpilar_calendario_farmacias_widget #calendario-farmacias td#today a {
	color:#FFFFFF;
}
#secondary .widget.widget_cfpilar_fechas_de_entrega_widget {
	border:0;
	border-radius:0;
	margin:13px 0 30px 0;
	padding:30px 0 0 0;
}
#secondary .widget.widget_cfpilar_fechas_de_entrega_widget h3 {
	color:#5F738F;
	font-weight:600;
	margin:0 30px;
	text-transform:uppercase;
}

.field {
	display:inline-block;
	line-height:35px;
	font-size:1.1em;
	margin:8px 0;
	width:100%;
}
.field label {
	font-weight:normal;
	margin:0 5% 0 0;
	text-align:right;
	vertical-align:top;
	width:25%;
}
body.single-farmacia .field label {
	background:#C8E8E0;
	border-radius:12px;
	padding:0 10px 0 0;
}
.field .field-value {
	color:#808080;
	font-weight:bold;
}
.field.inline .field-value {
	display:inline-block;
}

div.wpcf7 {
	padding:0 0 40px 0;
}
.field.inline .wpcf7-form-control-wrap {
	display:inline-block;
	width:70%;
}
.field.inline .wpcf7-form-control-wrap input,
.field.inline .wpcf7-form-control-wrap textarea {
	background:#C9C8A9;
	border:none;
	border-radius:10px;
	line-height:1.1;
	padding:6px 10px;
	width:100%;
}
.wpcf7 hr {
	border-color:#B1B29D;
}
.box-buttons {
	bottom:0;
	position:absolute;
	text-align:center;
	width:100%;
}
.wpcf7 .box-buttons {
	bottom:0;
	position:absolute;
	right:20px;
	width:auto;
}
.box-buttons a,
.box-buttons input {
	background:#45B65C;
	border:none;
	border-radius:5px 5px 0 0;
	color:#FFFFFF;
	display:inline-block;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	width:190px;
}
body.single-post .box-buttons a {
	background:#C65A51;
}
#preguntas-frecuentes .box-buttons a {
	background:#E78748;
}
.box-buttons input.wpcf7-reset {
	background:#E78748;
}

article .summary {
	font-size:0.95em;
}
article.farmacia #imagen-destacada {
	height:auto;
	width:100%;
}
article.farmacia #galeria {
	margin:12px 0 0 0;
}
article.farmacia #galeria img {
	margin:8px 8px 0 0;
}
article.farmacia #galeria img.last {
	margin:8px 0 0 0;
}

#ultimas-noticias .block {
	padding:0 0 10px 0;
}
#ultimas-noticias h2 {
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
}
.fecha {
	color:#BA1E1E;
	font-weight:600;
}
body.single .fecha {
	font-size:16px;
}

nav.paging-navigation {
	float:right;
	margin:10px 0 0 0;
	display:none;
}
#category-noticias nav.paging-navigation {
	margin:40px 20px 0 0;
}
nav.paging-navigation .page-numbers {
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	width:30px;
}
nav.paging-navigation .prev,
nav.paging-navigation .next {
	color:#45B65C;
	width:auto;
}
#category-noticias nav.paging-navigation .prev,
#category-noticias nav.paging-navigation .next {
	color:#BA1E1E;
}

#preguntas-frecuentes article {
	border-bottom:1px solid #E78748;
	display:inline-block;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
#preguntas-frecuentes article:last-child {
	border-bottom:none;
}
body.home #preguntas-frecuentes {
	padding:40px 0 15px 0;
}
body.home #preguntas-frecuentes article {
	background:#C9C8A9;
	border-bottom:none;
	border-radius:10px;
	display:block;
	min-height:100px;
	margin:0 0 10px 0;
	padding:0 20px;
	position:relative;
}
#preguntas-frecuentes article img {
	border:5px solid #E78748;
	display:inline-block;
	width:30%;
}
body.home #preguntas-frecuentes article img {
	border-width:3px 4px;
	float:left;
	height:100px;
	margin:0 20px 0 0;
	width:auto;
}
#preguntas-frecuentes article .content {
	float:right;
	width:65%;
}
#preguntas-frecuentes article h2 {
	background:#C9C8A9;
	border-radius:10px;
	color:#E78748;
	font-size:24px;
	font-weight:600;
	margin:0 0 10px 0;
	padding:5px 10px;
}
body.home #preguntas-frecuentes article a {
	color:#E78748;
	display:block;
	font-size:22px;
	font-weight:600;
	line-height:1.1;
	padding:10px 0;
}

body.page #primary #post-71 .box {
	min-height:0;
}
#preguntas-frecuentes .box-title,
body.page #post-71 .box-title {
	background-position:left -124px;
}
#preguntas-frecuentes .box-title:after,
body.page #post-71 .box-title:after {
	background-position:right -124px;
}

#links-interes .box-title,
body.page #post-94 .box-title {
	background-position:left -185px;
	color:#3A485C;
}
#links-interes .box-title:after,
body.page #post-94 .box-title:after {
	background-position:right -185px;
}
#links-interes .box-buttons a {
	background:#B1B29D;
	color:#3A485C;
}
#links-interes #links-carousel,
body.page article.page #links-wrapper {
	background:#E6E6E6;
	padding:8px 18px;
	border-radius:8px;
}
#links-interes #links-carousel {
	margin:20px 15px 40px 15px;
}
#links-interes #links-carousel .carousel-inner a,
body.page article.page #links-wrapper a {
	border:1px solid #B1B29D;
	display:inline-block;
	margin:5px 4px;
}
#links-interes #links-carousel .carousel-control {
	color:#7C7248;
	height:40px;
	opacity:1;
	top:74px;
	width:30px;
}
#links-interes #links-carousel .carousel-control.left {
	background:#B1B29D;
	border-radius:20px 0 0 20px;
	left:-8px;
}
#links-interes #links-carousel .carousel-control.right {
	background:#B1B29D;
	border-radius:0 20px 20px 0;
	right:-7px;
}
#links-interes #links-carousel .carousel-control .glyphicon-chevron-left,
#links-interes #links-carousel .carousel-control .glyphicon-chevron-right {
	font-size:24px;
	margin-top:-12px;
}
#links-interes #links-carousel .carousel-control .glyphicon-chevron-right {
	right:3px;
}

#search-results h3 em {
	color:#888;
}

nav.paging-navigation .current {
	background:#45B65C;
	border-radius:100px;
	color:#FFFFFF;
}
#category-noticias nav.paging-navigation .current {
	background:#BA1E1E;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	width: 100%;
}

a.download-link {
	background:#3A485C;
	border-radius:10px;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	margin:20px auto 40px auto;
	padding:10px;
	text-align:center;
	width:70%;
}
a.download-link span {
	font-size:22px;
	margin:0 10px 0 0;
	vertical-align:text-top;
}

#footer {
	background:#D8D7C0;
	border-color:#F6F6F1;
	border-radius:15px 15px 0 0;
	border-style:solid;
	border-width:2px 2px 0 2px;
	padding:0 15px 5px 15px;
}
#menu-footer ul {
	list-style:none;
	padding:0;
	margin:12px 0 5px 0;
}
#menu-footer ul li {
	display:inline-block;
	margin:0 4px 0 0;
}
#menu-footer ul li a {
	border-right:1px solid #7c7248;
	color:#7c7248;
	font-size:15px;
	font-weight:600;
	line-height:1.1;
	padding:0 4px 0 0;
}
#menu-footer ul li:last-child {
	margin:0;
}
#menu-footer ul li:last-child a {
	border-right:none;
	padding:0;
}
#copyright-info {
	line-height:1.2;
}

@media (min-width: 992px) {
	header#header {
		height:200px;
	}
	header .container {
		padding-left:340px;
	}
	header .container #btn-fb {
		display:block;
		left:355px;
		position:absolute;
		top:0px;
		z-index:100;
	}
	header .container #btn-tw {
		display:block;
		left:440px;
		position:absolute;
		top:0px;
		z-index:100;
	}
	header .container #logo {
		box-shadow:none;
		border-radius:0;
		width:242px;
		z-index:0;
	}
	header .container #site-description {
		display:block;
	}
	header .container #site-navigation {
		border-radius:14px;
		border-width:2px;
		margin:45px 0 5px 0;
		padding:34px 0 0 0;
	}
	header .container #site-navigation .nav a {
		border-right:2px solid #FFFFFF;
	}
	header .container #site-navigation li:last-child a {
		border:none;
	}
	header .container #site-navigation #login {
		color:#7c7248;
		font-size:14px;
		font-weight:normal;
		position:absolute;
		right:0;
		top:-45px;
	}
	header .container #search-box {
		background:url(images/search-box.png);
		border-radius:0 0 10px 10px;
		height:58px;
		left:200px;
		position:absolute;
		top:-3px;
		width:280px;
	}
	header .container #search-box input {
		background:transparent;
		border:none;
	}
	header .container #search-box input.search-field {
		font-size:18px;
		left:38px;
		position:absolute;
		text-align:center;
		top:6px;
		width:160px;
	}
	header .container #search-box input.search-field::-webkit-input-placeholder {
		color:#7C7248;
		font-size:20px;
		font-weight:normal;
		text-transform:lowercase;
	}
	header .container #search-box input.search-field:-moz-placeholder { /* Firefox 18- */
		color:#7C7248;
		font-size:20px;
		font-weight:normal;
		text-transform:lowercase;
	}
	header .container #search-box input.search-field::-moz-placeholder {  /* Firefox 19+ */
		color:#7C7248;
		font-size:20px;
		font-weight:normal;
		text-transform:lowercase;
	}
	header .container #search-box input.search-field:-ms-input-placeholder {  
		color:#7C7248;
		font-size:20px;
		font-weight:normal;
		text-transform:lowercase;
	}
	header .container #search-box input.search-submit {
		height:40px;
		padding:0;
		position:absolute;
		right:20px;
		text-indent:-999em;
		top:0;
		width:55px;
	}

	#primary {
		margin-top:-20px;
	}
	
	body.page #primary .box {
		min-height:700px;
	}
}

@media (min-width:1200px) {
	.container {
		width:970px;
	}
}

@media (max-width:600px) {
	.field label {
		text-align:left;
		width:100%;
	}
	.field.inline .wpcf7-form-control-wrap {
		width:100%;
	}
	.box-buttons {
		padding:0 20px;
		right:0;
		width:100%;
	}
	.box-buttons input {
		width:45%;
	}
	#category-noticias h3 span {
		width:75%;
	}
	#category-noticias article {
		margin:30px 0 0 4%;
		width:92%;
	}
}