/*
Theme Name: TERRAFORMING
Theme URI: http://wordpress.org/
Description: Theme hecho para TERRAFORMING.
Version: 1.0
Author: Edgar Jimenez
Author URI: http://sublime.mx/
*/

body { background: #262626 url(images/bg.jpg) no-repeat top center; border-top: 5px solid #94871f; padding-bottom:30px;}
.clr { clear:both; height:1%; }
.line { border-top:solid 1px #e0e0e0; margin:20px 0 25px 0; clear:both;  }

h1, h2, h3, h4 { font-family: 'Syncopate', sans-serif; font-weight:400;}

.navbar { margin:30px 0; border-radius: 0; }
.head_data { height:120px; border-bottom:1px solid #FFF; color:#fff; padding-top:40px; }
.head_data h2 { font-size:27px; text-align:right; margin:0;}
.head_data span { color:#e55425;}

.social_block {float:right; height:20px; width:135px; line-height:20px; margin-top:15px;}
ul.social_nav { height:20px; text-align:left; clear:both; list-style-type:none; margin:0; padding:0; z-index:1000 !important; float:right;}
ul.social_nav span {display:none;}
ul.social_nav li {float:right;}
ul.social_nav li a {display: block;height: 20px; margin-left:5px;}
ul.social_nav li a:focus { outline: none;}

li a#item_facebook {width:20px; background: url(images/redes.png) no-repeat 0 0;}
a#item_facebook:hover {background:url(images/redes.png) no-repeat -0 -20px;}

li a#item_twitter {width:20px; background: url(images/redes.png) no-repeat -20px 0;}
a#item_twitter:hover {background:url(images/redes.png) no-repeat -20px -20px;}


.logo { width:260px; height:55px; background:url(images/terraforming.png) no-repeat; background-size:100% auto; z-index:200; float:left;}
.logo h1 { display:none; }
.logo a {width:260px; height:55px; display:block;}

.jumbotron { margin:0; padding:0; border-radius:0;}

.carousel { position: relative; margin-bottom:30px;}
.carousel-inner { position: relative; width: 100%; overflow: hidden;}
.carousel-inner > .item { position: relative; display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: inline-block; height: auto; max-width: 100%; line-height: 1;}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block;}
.carousel-inner > .active { left: 0;}
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; width: 100%; }
.carousel-inner > .next { left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }

.carousel-control {position: absolute; left: 0; width: 30px; height: 30px; opacity: 0.5; filter: alpha(opacity=50);}
.carousel-control img { position: absolute; bottom:-370px; left: 0;}
.carousel-control.left { left: 30px; background-color: transparent; background-image: none;}
.carousel-control.right { left: 70px; background-color: transparent; background-image: none;}
.carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .glyphicon, .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; z-index: 5; display: inline-block; width: 30px; height: 30px;}

.sombra_izq { width:40px; height:370px; position:absolute; top: 30px; left: -40px; background:url(images/sombra_izq.png) no-repeat top center;}
.sombra_der { width:40px; height:370px; position:absolute; top: 30px; right: -40px; background:url(images/sombra_der.png) no-repeat top center;}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
  }
}

.banner_home { margin: 0 15px 30px 15px;}
.banner_home img { width:100%; height:auto;}

.interior_banner { height:140px; background-color:#0a4f89; background-repeat:no-repeat; background-position:top right; color:#FFF; font-family: 'Abel', sans-serif; font-size:36px; line-height:140px; padding-left:30px; margin-bottom:30px;}

.block { background:#FFF url(images/block_bg.jpg); padding:30px 30px 20px 30px;}
.block img { width:100%; height:auto;}
.block h1 { font-size:20px; color: #90841f; margin-top:0;}
.block ul { margin:5px 0 5px 0; padding:0; max-height:320px;}
.block li { margin:4px 0 4px 0; background:url(images/bullet-blue.png) no-repeat 0 2px; padding-left:20px; list-style:none;  }

.green_block { background:#94871f url(images/block_green_bg.jpg);  padding:30px 30px 20px 30px; max-height:320px; }
.green_block h1 { color: #FFF; font-size:20px; margin-top:0; margin-top:0; }

.widecol { padding:40px; background-color:#FFF; }
.widecol h1 { font-size:24px; color: #90841f; margin-top:0;}
.widecol h2 { font-size:16px; color:#0a4f89; }
.widecol h3 { font-size:16px; color:#0a4f89; margin-top:0; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.widecol ul { margin:10px 0 30px 20px; padding:0;}
.widecol li { margin:5px 0 5px 0; background:url(images/bullet-blue.png) no-repeat 0 3px; padding-left:25px; list-style:none;  }
.widecol label { display:block; }

.ml { margin-left:40px;}

.footer {padding: 30px 15px 50px 15px; font-family: 'Abel', sans-serif; font-size:18px; color:#868686;}
.footer p { margin:0; padding:0; width:400px; float:left;}
.footer span { color:#0a4f89;}
.text-right { float:right; width:400px; text-align:right;}
.w100 { width:100%; margin-top:5px;}
.contact-text { padding:15px 0 0 0; color:#666;}
.mt { margin-top:5px; }

/* Photos
-------------------------------------------------------------------- */
.alignnone {margin: 0 0 20px 0;}
.aligncenter {display:block; margin: 0 auto 15px auto; }
.alignright {float:right; margin: 0 0 15px 15px; padding:5px; border: solid 1px #e0e0e0; width:40%; height:auto }
.alignleft {float:left;margin: 0 15px 15px 0; padding:5px; border: solid 1px #e0e0e0;}
a img.alignright {float:right; margin: 0px 0 15px 15px;}
a img.alignnone {margin: 0 15px 15px 0;}
a img.alignleft {float:left; margin: 0 15px 15px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {text-align: center;}
.wp-caption.alignnone {margin: 0 15px 15px 0;}
.wp-caption.alignleft {margin: 0 15px 15px 0;}
.wp-caption.alignright {margin: 0 0 15px 15px;}
.wp-caption img {border: 0 none; margin:0; padding:0; }
.wp-caption p.wp-caption-text {font-size:11px; line-height:15px; margin:0; padding:8px 0 5px 0;}

.gallery { padding: 0; margin:0 auto; clear:both;}
.gallery-item {float:left; margin: 0 10px 20px 10px; }
.gallery img a { margin:0;}
.gallery-icon {}
.gallery-caption { display:none;}

@media (min-width: 1200px) {

}	

@media (min-width: 992px) and (max-width: 1199px) {
.navbar {font-size:14px; }
.navbar li a { padding-left:11px; padding-right:11px;}
.carousel-control img { bottom:-295px;}
.sombra_izq { width:38px; height:355px; position:absolute; top: 0; left: -38px; background:url(images/sombra_izq.png) no-repeat; background-size:100% auto;}
.sombra_der { width:38px; height:355px; position:absolute; top: 0; right: -38px; background:url(images/sombra_der.png) no-repeat; background-size:100% auto;}
	
}
	
@media (min-width: 768px) and (max-width: 991px) {
	.logo { width:230px; height:49px; background:url(images/terraforming.png) no-repeat; background-size:100% auto; z-index:200; float:left;}
    .logo h1 { display:none; }
    .logo a {width:230px; height:49px; display:block;}
	.navbar { font-size:11px; }
	.navbar li a { padding-left:10px; padding-right:10px;}
	.carousel-control img { bottom:-210px;}
	.widecol h1 { font-size:24px;}
	.footer p { width:350px;}
	.sombra_izq { width:30px; height:273px; position:absolute; top: 0; left: -30px; background:url(images/sombra_izq.png) no-repeat; background-size:100% auto;}
    .sombra_der { width:30px; height:273px; position:absolute; top: 0; right: -30px; background:url(images/sombra_der.png) no-repeat; background-size:100% auto;}
}

@media (min-width: 481px) and (max-width: 767px) {
.interior_banner { height:100px; line-height:100px;}
.widecol { margin-bottom:30px;}
.widecol h1 { font-size:24px;}
.block { margin-bottom: 30px;}
.footer { text-align:center;}
.text-right { margin-top:15px; width:100%; text-align:center; }
.alignright {width:100%; height:auto }
}

@media (max-width: 480px) {
.interior_banner { height:100px; line-height:100px;}
.block { margin-bottom: 30px;}
.widecol { margin-bottom:30px;}
.widecol h1 { font-size:24px;}
.footer { text-align:center;}
.text-right { margin-top:15px; width:100%; text-align:center; }
.alignright {width:100%; height:auto }

}