@charset "UTF-8";
@import url('reset.css');

@font-face {
    font-family: 'alphamack';
    src: url('../fonts/alphamacaoe-webfont.eot');
    src: url('../fonts/alphamacaoe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alphamacaoe-webfont.woff') format('woff'),
         url('../fonts/alphamacaoe-webfont.ttf') format('truetype'),
         url('../fonts/alphamacaoe-webfont.svg#alphamack_aoeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'colaborate';
    src: url('../fonts/colabbol-webfont.eot');
    src: url('../fonts/colabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colabbol-webfont.woff') format('woff'),
         url('../fonts/colabbol-webfont.ttf') format('truetype'),
         url('../fonts/colabbol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	background-color:#96e4fc;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.encabezado{
	position:fixed;
	top:0;
	width:1000px;
	height:150px;
	z-index:4;
	left:30px;   
	}
	
.pie{
	position:fixed;
	bottom:20px;
	left:20px;
	width:1000px;
	height:70px;
	z-index:300; 
	}
p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
	margin:0 0 10px 0;
}
h3 {font-family: 'alphamack'; color:#062244; font-size:95px; margin: 0 0 20px 0;}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 90px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}


#header, #intro, #second{
	width: 100%;
}

.story{
	margin: 0 auto;
	min-width: 960px;
	width: 960px;
	padding:15px 0;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 420px;	
}

/* Michel */
.visile-phone { display:none;}
#wrapper { position:relative;}
#header { position:fixed; top:0; left:0; width:100%;}
#logo { margin:10px 0 0 20px; position:fixed; top:0; left:0; width:202px; height:224px; z-index:300;}
#menu {list-style: none; position: fixed; right:50px; top:15px; width:668px; height:58px; padding:0 115px; background:url(../img/bg-menu.jpg) no-repeat left top; margin:0; z-index:300;}
#nav {}
#nav li { margin:0 23px; float:left; font-family:"colaborate"; font-size:12px; text-transform:uppercase; line-height:58px;}
#nav li a {color:#8b8b8b; display:block; text-decoration:none;}
#nav li a:hover, #nav li.current a {color:#cb2383;}

#footer { position:fixed; bottom:15px; left:15px; width:100%; z-index:300;}
#social a { float:left; width:62px; height:62px; margin:0 10px 0 0; text-indent:-99999px;}
a.facebook { background:url(../img/icons/facebook.png) no-repeat left top;}
a.twitter { background:url(../img/icons/twitter.png) no-repeat left top;}
a.youtube { background:url(../img/icons/youtube.png) no-repeat left top;}

.logohome { margin:10% 10% 0 0;}

.fe {font-family: 'alphamack'; color:#062244; font-size:95px; margin:20% 0 0 5%; position:absolute;}
.col3 {}
.col3 > div { float:left; width:300px; margin:0 15px 0 0;}
.alphamack {font-family: 'alphamack'; color:#062244; width: 275px!important; float:right!important;}

.box { padding:7px; background-color:#FFF; box-shadow:0 0 5px #63a5b9; -moz-box-shadow:0 0 5px #63a5b9; -webkit-box-shadow:0 0 5px #63a5b9; position:relative;}
.box span.face { background:url(../img/icons/facebook-blue.png) no-repeat left top; display:block; width:40px; height:40px; position:absolute; top:15px; right:15px; z-index:200;}
.box span.twit { background:url(../img/icons/twitter-blue.png) no-repeat left top; display:block; width:40px; height:40px; position:absolute; top:15px; right:15px; z-index:200;}

#copy { font-size:12px; padding:20px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; display:block;}

.contbg { background:url(../img/cont-bg.png) repeat left top; padding: 10px;}

/* INICIO */
div.inicio #seccion1{
	color: white;
	height:650px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/firstBG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.inicio #seccion2{
	color: white;
	height: 650px;
	
	background: url(../img/thirdBG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.inicio #seccion3{
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/secondBG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.inicio #seccion4{
	background:url(../img/social-bg.png) no-repeat left bottom #96e4fc!important;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/* APOSTOLADO */
div.apostolado #seccion1{
	color: white;
	height:650px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/1apostolado.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.apostolado #seccion2{
	color: white;
	height: 650px;
	
	background: url(../img/thirdBG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.apostolado #seccion3{
	color: white;
	/*height: 710px;*/
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/7apostoladoabajo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.apostolado ul { margin:0 0 15px 25px;}
.apostolado ul li { display:block; margin:0 0 3px 0;}
.apostolado h2 {font-family: 'alphamack'; font-size:35px; margin:0 0 15px 0; line-height:28px;}

.apostolado .padd { background:url(../img/moradito.png) repeat left top; padding:15px;}

#apostolado {
color:#FFF;
height:auto;
margin: 0 auto;
padding:0 0 60px 0;
background-color:#CCC;
/*background: url(../img/firstBG.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
.ul2cols {}
.ul2cols ul { width:35%; float:left;}
ul.list { padding:15px 0 0 15px;}
ul.list li { margin:0 0 4px 0;}
ul.list li:before {content:"• ";}
ul.lista li:last-child { margin:0;}


/* EXPLOSIONES */
div.explosiones #seccion1{
	color: white;
	height:650px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/3explosiones.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.explosiones #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.explosiones #seccion33{
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/5explosionesabajo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#albumes {}
ul.gale li { float:left; margin:0 12px 12px 0!important;}
ul#albumes li { /*float:left;*/ width:215px; height:auto; text-align:center; font-size:12px; color:#072144; margin-bottom:5px; /*margin: 0 20px 20px;*/ position:relative;}
ul#albumes li a { color:#072144; text-decoration:none; font-weight:bold; display:block; overflow:hidden;}
ul#albumes li a span { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../img/zoom.png) no-repeat center -25px #276d8a;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);

-webkit-transition: all 0.4s ease 0s; 
-o-transition: all 0.4s ease 0s; 
transition: all 0.4s ease 0s;	
}
ul#albumes li img { display:block; width:100%; /* height:140px; margin:0 0 5px 0;*/}
ul#albumes li a:hover {color:#cb2383;}
ul#albumes li a:hover span { background:url(../img/zoom.png) no-repeat center center #276d8a;
-moz-opacity:0.9;
opacity:0.9;
filter:alpha(opacity=90);
}
ul#albumes li a b { display:block; margin:0 0 1px 0; font-size:14px;}

/* MEDIA */
div.media #seccion1{
	color: white;
	height:650px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/6media.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.media #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.media #seccion33{
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/secondBG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#video_container { width:640px; height:480px; margin:0 auto 15px; background-color:#1a3d5d; }

/* NEWS */
div.news #seccion1{
	color: white;
	height:650px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/2news.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.news #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.news #seccion3{
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/8newsabajo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#newsul {}
ul#newsul li { float:left; width:215px; height:auto; text-align:center; font-size:20px; color:#072144; margin:0 50px 50px; position:relative;}
ul#newsul li a { color:#072144; text-decoration:none; font-weight:bold;}
ul#newsul li a span { position:absolute; top:0; left:0; display:block; width:215px; height:285px; background:url(../img/icons/download.png) no-repeat center -25px #276d8a;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);

-webkit-transition: all 0.4s ease 0s; 
-o-transition: all 0.4s ease 0s; 
transition: all 0.4s ease 0s;	
}
ul#newsul li img { display:block; width:215px; max-height:285px; margin:0 0 5px 0;}
ul#newsul li a:hover {color:#cb2383;}
ul#newsul li a:hover span { background:url(../img/icons/download.png) no-repeat center center #276d8a;
-moz-opacity:0.9;
opacity:0.9;
filter:alpha(opacity=90);
}

/* ESCRIBENOS */
div.escribenos #seccion1{
	color: white;
	height:650px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/4contacto.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

div.escribenos #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.escribenos #seccion33 {
	color: #FFF;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/9contactoabajo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#contactform {}
#contactform label { display:block; margin:0 0 3px 0; color:#000;}
#contactform input[type="text"], #contactform select, #contactform textarea { border:none; padding:6px; width:96%; margin:0 0 10px 0; font-size:12px;}
#contactform textarea { height:150px;}
form#contactform > div { padding:20px 0 0 0!important; margin:0!important;}

label.error { color:#F00!important; font-size:11px; display:block; }
#btn-send span { display:none; visibility:hidden;}
.jqTransformInputWrapper { position:relative;}


/* Shorts */
.pull-left { float:left;}
.pull-right { float:right;}

.btn { background-color:#cb2383; color:#FFF; text-transform:uppercase; display:inline-block; padding:5px 15px; text-decoration:none; font-size:12px; border:none; cursor:pointer;
-webkit-transition: all 0.4s ease 0s; 
-o-transition: all 0.4s ease 0s; 
transition: all 0.4s ease 0s;	
}
.btn:hover { background-color:#b1166e;}

.cwhite {color:#FFF;}
.cblack {color:#000;}
.cblue {color:#062244;}
.cbrown {color:#61411f;}
.caqua {color:#00FFFF;}

.bgwhite { background-color:#FFF;}

.marginb { margin:0 0 25px 0;}

.alignleft { text-align:left;}
.aligncenter { text-align:center;}
.alignright { text-align:right;}
.alignjustify { text-align:justify;}

.fnormal { font-weight:normal;}
.fbold { font-weight:700;}
.fblack { font-weight:900;}
.uppercase { text-transform:uppercase;}
.lowercase { text-transform:lowercase;}
.font8 { font-size:8px;}.font9 { font-size:9px;}.font10 { font-size:10px;}.font11 { font-size:11px;}.font12 { font-size:12px;}.font13 { font-size:13px;}.font14 { font-size:14px;}.font15 { font-size:15px;}.font16 { font-size:16px;}.font17 { font-size:17px;}
.font18 { font-size:18px;}.font19 { font-size:19px;}.font20 { font-size:20px;}.font21 { font-size:21px;}.font22 { font-size:22px;}.font23 { font-size:23px;}.font24 { font-size:24px;}.font25 { font-size:25px;}
.font26 { font-size:26px;}.font27 { font-size:27px;}.font28 { font-size:28px;}.font29 { font-size:29px;}.font30 { font-size:30px;}.font62 { font-size:62px; line-height:60px;}

/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}

/* Large desktop */
@media (min-width: 1200px) {}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.hidden-phone { display:none;}
.visile-phone { display:block;}
body{
	margin: 0 auto;
	min-width: 90%;
	padding: 0;
	background-color:#96e4fc;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.story{
	margin: 0 auto;
	min-width:90%;
	width:100%;
	padding:15px 0;
}

.story .float-left, .story .float-right{
	padding: 0 0 15px 0;
	position: relative;
	width: 95%; 
	display:block; 
	float:none;
	margin:0 auto;
}

h3 {
    color: #062244;
    font-family: 'alphamack';
    font-size: 89px;
    margin: 0 0 32px 0;
    line-height: 40px;
    display: block;
    text-align: center;
}

#logo { margin:10px 0 0 20px; position:relative; top:0; left:0; width:100%; height:auto; z-index:300;}
#logo a { display:block; text-align:center;}
#logo a img { width:50%;}
.logohome {margin: 0 auto; width: 31%; z-index: 400; position: fixed; top: 0; right: 10px;}
.logohome img { width:100%;}

#menu {list-style: none; position: relative; right:0; top:0; width:100%; height:58px; padding:0; background:url("../img/bg-menu.jpg") no-repeat scroll left top #FFF; margin:0; z-index:300;}
#nav {}
#nav li { margin:0; float:none; font-family:"colaborate"; font-size:12px; text-transform:uppercase; line-height:35px; display:block;}
#nav li a {color:#666; display:block; text-decoration:none; padding: 0 0 0 12px; background-color: #FFF; border-bottom: solid 1px #999;} 
#nav li a:hover, #nav li.current a {color:#cb2383;}
ul.nav-collapse { display:none;}
#menu a.dropdown { display:inline-block; margin:0px;}
#menu a.dropdown div { background-color:#c92483; padding:5px 3px; width:25px; margin:15px 0 0 15px;}
#menu a.dropdown span { display:block; width:100%; height:4px; background-color:#FFF; margin:0 0 3px 0;
-moz-box-shadow:0 0 3px rgba(201,36,131,0.6);
-webkit-box-shadow:0 0 3px rgba(201,36,131,0.6);
box-shadow:0 0 3px rgba(201,36,131,0.6);
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
#menu a.dropdown span:last-child { margin:0;}

#footer { position:fixed; bottom:0; left:0; width:100%; z-index:300;}
.fe {font-family: 'alphamack'; color:#062244; font-size:95px; margin:0; padding:15px 0 0; position:relative; text-align:center; line-height:70px;}

#video_container { width:80%; height:auto; margin:0 auto 15px; background-color:#1a3d5d; }
	
/* INICIO */
div.inicio #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/firstBG-sm.jpg) no-repeat center center;
}

div.inicio #seccion2{
	color: white;
	height: 480px;
	
	background: url(../img/thirdBG-sm.jpg) no-repeat center center!important;
}

div.inicio #seccion3{
	color: white;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/secondBG-sm.jpg) no-repeat center center!important;
}

div.inicio #seccion4{
	background:url(../img/social-bg.png) no-repeat left bottom #96e4fc!important;
	height: 480px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/* EXPLOSIONES */
div.explosiones #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/3explosiones-sm.jpg) no-repeat center center;
}

div.explosiones #seccion2{
	color: white;
	/*height: 400px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.explosiones #seccion33{
	color: white;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/5explosionesabajo-sm.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
div.explosiones h3 { font-size:55px; line-height:45px;}
ul li.item {
    margin: 0 auto 0 14%!important;
}

/* APOSTOLADO */
div.apostolado #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/1apostolado-sm.jpg) no-repeat center center;
}

div.apostolado #seccion2{
	color: white;
	height: 480px;
	
	background: url(../img/thirdBG-sm.jpg) no-repeat center center;
}

div.apostolado #seccion3{
	color: white;
	/*height: 710px;*/
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/7apostoladoabajo-sm.jpg) no-repeat center center;
}

/* MEDIA */
div.media #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/6media-sm.jpg) no-repeat center center;
}

div.media #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.media #seccion33{
	color: white;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/secondBG-sm.jpg) no-repeat center center;
}

#video_container { width:90%; height:250px; margin:0 auto 15px; background-color:#1a3d5d; }
#video_container iframe { width:100%!important; height:250px; margin:0; }

#albumes {
    width: 300px;
    margin: 0 auto;
}

ul.gale li {
    float: none;
    margin: 0 auto 12px auto !important;
    width: 250px;
}

/* ESCRIBENOS */
div.escribenos #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/4contacto-sm.jpg) no-repeat center center;
}

div.escribenos #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.escribenos #seccion33 {
	color: #FFF;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/9contactoabajo-sm.jpg) no-repeat center center;
}



.col3 {}
.col3 > div { float:none; width:90%; margin:0 auto 15px auto;}
.alphamack {font-family: 'alphamack'; color:#062244; margin:0 auto; width:90%!important; float:none!important;}

.bx-wrapper .bx-viewport { background:transparent!important; border:none!important; margin:0!important;}
.bx-viewport { margin:0 auto;}

#contactform {
    width: 300px;
    margin: 0 auto;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.hidden-phone { display:none;}
.visile-phone { display:block;}
body{
	margin: 0 auto;
	min-width: 90%;
	padding: 0;
	background-color:#96e4fc;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.story{
	margin: 0 auto;
	min-width:90%;
	width:100%;
	padding:15px 0;
}

.story .float-left, .story .float-right{
	padding: 0 0 15px 0;
	position: relative;
	width: 95%; 
	display:block; 
	float:none;
	margin:0 auto;
}

h3 {
    color: #062244;
    font-family: 'alphamack';
    font-size: 89px;
    margin: 0 0 32px 0;
    line-height: 40px;
    display: block;
    text-align: center;
}

#logo { margin:10px 0 0 20px; position:relative; top:0; left:0; width:100%; height:auto; z-index:300;}
#logo a { display:block; text-align:center;}
#logo a img { width:50%;}
.logohome {margin: 0 auto; width: 31%; z-index: 400; position: fixed; top: 0; right: 10px;}
.logohome img { width:100%;}

#menu {list-style: none; position: relative; right:0; top:0; width:100%; height:58px; padding:0; background:url("../img/bg-menu.jpg") no-repeat scroll left top #FFF; margin:0; z-index:300;}
#nav {}
#nav li { margin:0; float:none; font-family:"colaborate"; font-size:12px; text-transform:uppercase; line-height:35px; display:block;}
#nav li a {color:#666; display:block; text-decoration:none; padding: 0 0 0 12px; background-color: #FFF; border-bottom: solid 1px #999;} 
#nav li a:hover, #nav li.current a {color:#cb2383;}
ul.nav-collapse { display:none;}
#menu a.dropdown { display:inline-block; margin:0px;}
#menu a.dropdown div { background-color:#c92483; padding:5px 3px; width:25px; margin:15px 0 0 15px;}
#menu a.dropdown span { display:block; width:100%; height:4px; background-color:#FFF; margin:0 0 3px 0;
-moz-box-shadow:0 0 3px rgba(201,36,131,0.6);
-webkit-box-shadow:0 0 3px rgba(201,36,131,0.6);
box-shadow:0 0 3px rgba(201,36,131,0.6);
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
#menu a.dropdown span:last-child { margin:0;}

#footer { position:fixed; bottom:0; left:0; width:100%; z-index:300;}
.fe {font-family: 'alphamack'; color:#062244; font-size:95px; margin:0; padding:80% 0 0; position:relative; text-align:center; line-height:70px;}

#video_container { width:80%; height:auto; margin:0 auto 15px; background-color:#1a3d5d; }
	
/* INICIO */
div.inicio #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/firstBG-sm.jpg) no-repeat center center;
}

div.inicio #seccion2{
	color: white;
	height: 480px;
	
	background: url(../img/thirdBG-sm.jpg) no-repeat center center!important;
}

div.inicio #seccion3{
	color: white;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/secondBG-sm.jpg) no-repeat center center!important;
}

div.inicio #seccion4{
	background:url(../img/social-bg.png) no-repeat left bottom #96e4fc!important;
	height: 480px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/* EXPLOSIONES */
div.explosiones #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/3explosiones-sm.jpg) no-repeat center center;
}

div.explosiones #seccion2{
	color: white;
	/*height: 400px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.explosiones #seccion33{
	color: white;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/5explosionesabajo-sm.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
div.explosiones h3 { font-size:55px; line-height:45px;}
ul li.item {
    margin: 0 auto 0 14%!important;
}

/* APOSTOLADO */
div.apostolado #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/1apostolado-sm.jpg) no-repeat center center;
}

div.apostolado #seccion2{
	color: white;
	height: 480px;
	
	background: url(../img/thirdBG-sm.jpg) no-repeat center center;
}

div.apostolado #seccion3{
	color: white;
	/*height: 710px;*/
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/7apostoladoabajo-sm.jpg) no-repeat center center;
}

/* MEDIA */
div.media #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/6media-sm.jpg) no-repeat center center;
}

div.media #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.media #seccion33{
	color: white;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/secondBG-sm.jpg) no-repeat center center;
}

#video_container { width:90%; height:250px; margin:0 auto 15px; background-color:#1a3d5d; }
#video_container iframe { width:100%!important; height:250px; margin:0; }

#albumes {
    width: 300px;
    margin: 0 auto;
}

ul.gale li {
    float: none;
    margin: 0 auto 12px auto !important;
    width: 250px;
}

/* ESCRIBENOS */
div.escribenos #seccion1{
	color: white;
	height:480px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/4contacto-sm.jpg) no-repeat center center;
}

div.escribenos #seccion2{
	color: white;
	/*height: 650px;*/
	padding: 20px 0 60px 0;
	background:#96e4fb url(../img/general-bg.jpg) no-repeat right bottom!important;
}

div.escribenos #seccion33 {
	color: #FFF;
	height: 480px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	background: url(../img/9contactoabajo-sm.jpg) no-repeat center center;
}



.col3 {}
.col3 > div { float:none; width:90%; margin:0 auto 15px auto;}
.alphamack {font-family: 'alphamack'; color:#062244; margin:0 auto; width:90%!important; float:none!important;}

.bx-wrapper .bx-viewport { background:transparent!important; border:none!important; margin:0!important;}
.bx-viewport { margin:0 auto;}

#contactform {
    width: 300px;
    margin: 0 auto;
}
}