/*
Theme Name: JS-menesianos
Theme URI: http://www.menesianosic.net/
Author: JavierSam
Author URI: http://www.javiersam.blogspot.com
Description: Tema creado para el sitio menesianosic.net de los Hermanos Menesianos en Argentina y Uruguay por JavierSam (www.javiersam.blogspot.com)
*/

/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Arimo:400,700");
@import url('https://fonts.googleapis.com/css?family=Rambla');

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Arimo', arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
/*font-family: "Arimo", arial, verdana, sans-serif;*/
font-family: Rambla, "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
/*font-family: "Arimo", arial, verdana, sans-serif;*/
font-family: Rambla, "Arimo", arial, verdana, sans-serif;
}

.menu{
/*font-family: "Arimo", arial, verdana, sans-serif;*/
font-family: Rambla, "Arimo", arial, verdana, sans-serif;
}

blockquote{
/*font-family: "Arimo", arial, verdana, sans-serif;*/
font-family: Rambla, "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
/*background:#efefef url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/css/img/gray_jean.png);*/
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */

font-family: Rambla, "Arimo", arial, verdana, sans-serif;
}
p {
font-size: 110%;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

#abajo{
/*background:#39f;*/
margin-top:0;
margin-bottom:0;
	background: rgba(153,204,255,1);
	background: -moz-linear-gradient(top, rgba(153,204,255,1) 0%, rgba(3,85,166,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,204,255,1)), color-stop(100%, rgba(3,85,166,1)));
	background: -webkit-linear-gradient(top, rgba(153,204,255,1) 0%, rgba(3,85,166,1) 100%);
	background: -o-linear-gradient(top, rgba(153,204,255,1) 0%, rgba(3,85,166,1) 100%);
	background: -ms-linear-gradient(top, rgba(153,204,255,1) 0%, rgba(3,85,166,1) 100%);
	background: linear-gradient(to bottom, rgba(153,204,255,1) 0%, rgba(3,85,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ccff', endColorstr='#0355a6', GradientType=0 );
}

#abajo a {
	color:#DAEEF7;
	text-decoration:none;
}

#abajo a:hover {
	color:#003;
}
	
/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}
	
	.navbar span{
	color:#86dc00;
	}
	
	
	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}
	
		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}
		
		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}
		
.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}
	 
#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

h1, h2, h3 {
	font-family: 'Denk One', serif;
	color:#003; 
}

h4, h5, h6 {
	font-family: 'Denk One', serif;
	color:#39f; 
}

.widget-title,
.comment-respond h3 {
	color:#39f;
	font-size:140%;
}

.portada a, .slideshow a, .ultimas a, .col_11 a, .col_12 a {
	text-decoration: none;
	}
.portada h2 a, .slideshow h3 a, .ultimas h3 a {
	color: #003;
	}

.ultimas i.icon-caret-right, .slideshow i.icon-caret-right, .portada i.icon-caret-right {
	vertical-align: middle;
	}


.recuadro{
border:1px solid #003;
background:#9cf;
padding:10px 20px 10px 40px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#000;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;
}

.recuadro a {
	color: #003;
	text-decoration:none;
	}

.recuadro a:hover {
	font-weight:bold;
	}

.recuadro .actual {
	color:#39f;
	}

.recuadro h4, .recuadro h5, .recuadro h6 {
	color: #003;
	}

.site-description	{
	color:#999;
	}

/*#masthead {	
	background: url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/imagenes/cabezal-logocongregacional.png) 50% no-repeat;margin-top:0;margin-bottom:0;
	}*/

/*-----------------------------
 */

@media all and (min-width: 1280px) {
	
	#masthead {	
		background: url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/imagenes/cabezal-logocongregacional1280.jpg) 50% no-repeat;margin-top:0;margin-bottom:0;
	}
	
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
	
	#masthead {	
		background: url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/imagenes/cabezal-logocongregacional1024.jpg) 50% no-repeat;margin-top:0;margin-bottom:0;
	}
	
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	#masthead {	
		background: url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/imagenes/cabezal-logocongregacional768.jpg) 50% no-repeat;margin-top:0;margin-bottom:0;
	}
	
}


@media all and (min-width: 480px) and (max-width: 768px) {
	
	#masthead {	
		background: url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/imagenes/cabezal-logocongregacional480.jpg) 50% no-repeat;margin-top:0;margin-bottom:0;
	}
	
}

@media all and (max-width: 480px) {
	
	#masthead {	
		background: url(https://www.menesianosdp.net/prov-inmaculadaconcepcion/wp-content/themes/JS-menesianos/imagenes/cabezal-logocongregacional480-.jpg) 50% no-repeat;margin-top:0;margin-bottom:0;
	}
	
}
 /* 
 * ----------------------------*/


header h1 a {
	text-decoration: none;
	font-size:1.3em;
	}

@media all and (min-width: 768px) and (max-width: 1024px) {
header h1 a {
	font-size:1.1em;
	}
}

@media all and (min-width: 480px) and (max-width: 768px) {
header h1 a {
	visibility:hidden;
	}
}
	
@media all and (max-width: 480px) {
header h1 a {
	font-size:1em;
	}
}	

.font-effect-shadow-multiple {
    text-shadow: 0.03em 0.03em 0 #FFFFFF, 0.08em 0.08em 0.1em #000033;
}

h5.galeria {
	margin-top: 2em;
	}

/*------------------------
 * PAGINATION
 * -----------------------*/
 
 .pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

/*-------------------------
 *  ESTILOS de IMPRESIÓN
 * ------------------------*/
 
 @media print {
	#comments {display: none;}
	#sidebar {display: none;}
	#masthead {display: none;}
	#pie {display: none;}
	#abajo {display: none;}
	#searchform {display: none;}
	#menu-menu-principal {display: none;}
	}