/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #CDDC39;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}
a{color: #CDDC39;}
h1,
h2,
h3,
h4,
h5,
h6 {    
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

h1{
 font-size: 1.5em;
 margin-top: 80px;
}

@media only screen and (min-width: 768px) {
	h1 {
    font-size: 2em;
	margin-top: 80px;
  }
}

#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content  h1{
	text-shadow: 0 0 0.2em #9ab0cc, 0 0 0.2em #9ab0cc, 0 0 0.2em #9ab0cc
}

.index .cabecera h1{
 font-size: 20px;
 margin-top: 20px;
 font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media only screen and (min-width: 768px) {
	.index .cabecera h1 {
    font-size: 20px;
	margin-top: 20px;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  }
}

h1 small, h2 small{
	color: #fff;
}

h4{
	font-size: 18px;
}

/*
hr {
    max-width: 75px;
    border-color: #CDDC39;
    border-width: 3px;
}
*/

.dark-primary-color    { color: #AFB42B; }
.default-primary-color {color:#CDDC39;}
.light-primary-color   { color: #F0F4C3; }
.text-primary-color    { color: #212121; }
.accent-color          { background: #CDDC39; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }
.white {color: #fff; }

.center{
	text-align: center;
}

.popover {
width: 250px;
}

.divider_01 hr {
    margin-left:auto;
    margin-right:auto;
	border-color: red;
    border-width: 5px;	
    width:15%;
}
.divider_01verde hr {
    margin-left:auto;
    margin-right:auto;
	border-color: #CDDC39;
    border-width: 7px;	
    width:15%;
}

.divider_02 hr {
    margin-left:auto;
    margin-right:auto;
	border-color: #CDDC39;
    border-width: 3px;	
    width:100%;
}

.divider_03 hr {
    margin-left:auto;
    margin-right:auto;
	border-color: #CDDC39;
    border-width: 2px;	
    width:100%;
}

.border-top-radius {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.border-right-radius(@radius) {
  border-bottom-right-radius: @radius;
  border-top-right-radius: @radius;
}
.border-bottom-radius {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.border-left-radius(@radius) {
  border-bottom-left-radius: @radius;
     border-top-left-radius: @radius;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #dcdcdc;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #dcdcdc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #f0f0f0;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #dcdcdc;
    background-color: #CDDC39;
}

.btn-primary .badge {
    color: #dcdcdc;
    background-color: #fff;
}


.btn-success{
  border-color: #CDDC39;
  color: #CDDC39;
  background-color: #fff;
  font-weight: 700;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    border-color:  #CDDC39;
    color: #fff;
    background-color:  #CDDC39;
    font-weight: 700;
}


.btn-success-inverse{
  border-color: #CDDC39;
  color: #fff;
  background-color:#CDDC39; 
  font-weight: 700;
}

.btn-success-inverse:hover,
.btn-success-inverse:focus,
.btn-success-inverse:active,
.btn-success-inverse.active,
.open .dropdown-toggle.btn-success-inverse {
    border-color:  #CDDC39;
    color: #CDDC39;
    background-color: #fff;
    font-weight: 700;
}


.btn-xl {
    padding: 20px 40px;
    border-color: #dcdcdc;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #dcdcdc;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #f0f0f0;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #dcdcdc;
    background-color: #dcdcdc;
}

.btn-xl .badge {
    color: #dcdcdc;
    background-color: #fff;
}


#img_etapa .img_etapa-item {
    right: 0;
    margin: 0 0 15px;
}

#img_etapa .img_etapa-item .img_etapa-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
}


#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content {
    position: absolute;
    top: 5%;
    width: 100%;
    height: 3em;
    margin-top: -12px;
	margin-left: 15px;
    text-align: center;
    font-size: 3em;
    color: #fff;	
}

#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content  h1{
	font-size: 0.5em;
}
@media only screen and (min-width: 768px) {
	#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content  h1 {
    font-size: 1em;
  }
}

#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content i {
    margin-top: -12px;
}

#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content h3,
#img_etapa .img_etapa-item .img_etapa-link .img_etapa-hover .img_etapa-hover-content h4 {
    margin: 0;
	
}

#img_etapa * {
    z-index: 2;
}

@media(min-width:767px) {
    #img_etapa .img_etapa-item {
        margin: 0 0 30px;
    }
}


.redes-header {
    padding: 0px 0;
    text-align: center;
	background-color:#CDDC39;
}

.redes-header a{
color:#fff;
}

.navbar-default {
    border-color: transparent;
    background-color: #222;
	margin-bottom: 0px;
	border-radius: 0;
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #FFF;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #CDDC39;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #CDDC39;
    background-color: #CDDC39;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #CDDC39;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #CDDC39;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #CDDC39;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #f34924;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 0px 0;        
		border-bottom-width: 4px;
		border-bottom-color: #CDDC39;
        background-color: #222;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }    
}





.position1{
position: absolute;
top: 15px;
left: 20px;
}

/*-----------------------------traido de clean-blog.css-------------------------*/
.intro-header {
  background-color: #808080;
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  margin-bottom: 0px;
}
.intro-header .zona-heading,
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
  padding: 100px 0 50px;
  color: #fff;
}


.zonas-modal .zona-header .site-heading {
  padding: 200px 0 50px;
  height: 550px;
  color: #fff;
  font-size: 30px;
}

@media only screen and (min-width: 768px) {
.intro-header .site-heading {
    height: 670px;
}
.intro-header .site-heading h1{
	font-size: 55px;
		
}
}

.zonas-modal .zona-header .site-heading h2{
  font-size: 55px;
  line-height: 1.1;
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 10px 0 0;
  text-align: center;
 }


@media only screen and (min-width: 768px) {
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading {
    padding: 270px 0;
  }
  .intro-header .zona-heading {
    padding: 120px 0 140px 0;
  }
}

.intro-header .zona-heading,
.intro-header .site-heading,
.intro-header .page-heading {
  text-align: center;
}
.intro-header .zona-heading h1,
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
}

.intro-header .zona-heading .subheading,
.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
  font-size: 55px;  
  line-height: 1.1;
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 800;
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .intro-header .zona-heading h1,
  .intro-header .site-heading h1,
  .intro-header .page-heading h1 {
    font-size: 55px;
  }
}

.intro-header .post-heading h1 {
  font-size: 35px;
}
.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
  line-height: 1.1;
  display: block;
}
.intro-header .post-heading .subheading {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin: 10px 0 30px;
  font-weight: 600;
}
.intro-header .post-heading .meta {
  font-family: 'Lora', 'Times New Roman', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
}
.intro-header .post-heading .meta a {
  color: white;
}
@media only screen and (min-width: 768px) {
  .intro-header .post-heading h1 {
    font-size: 55px;
  }
  .intro-header .post-heading .subheading {
    font-size: 30px;
  }
}

/*---------------------------------fin código clean-blog.css-----------------------------*/


section {
    padding: 0px 0; /*100 0*/
}

section h2.section-heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px;
	font-family: "Verdana","Helvetica Neue",Helvetica,Arial,cursive;
	color: #3c3c3c;
}

section h3.section-subheading {
	margin-top: 0px;
    margin-bottom: 25px;
    text-transform: none;
    font-family: "Verdana","Helvetica Neue",Helvetica,Arial,cursive;
    font-size: 20px;
    
    font-weight: 400;
}


@media(min-width:768px) {
    section {
        padding: 0px 0; /*150 0*/
    }
}

#blog h3{
	font-size: 34px;
	margin-top: 0px;
}

#zonas, #gr11 .zonas-item {
    right: 0;
    margin: 0 0 15px;
}

#zonas .zonas-item .zonas-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#gr11 .zonas-item .zonas-link {
    display: block;
    position: relative;
    margin: 0 auto;
}

#zonas, #gr11 .zonas-item .zonas-link .zonas-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(220,220,220,.4);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#zonas, #gr11 .zonas-item .zonas-link .zonas-hover:hover {
    opacity: 1;
}

#zonas, #gr11 .zonas-item .zonas-link .zonas-hover .zonas-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#zonas, #gr11 .zonas-item .zonas-link .zonas-hover .zonas-hover-content i {
    margin-top: -12px;
}

#zonas, #gr11 .zonas-item .zonas-link .zonas-hover .zonas-hover-content h3,
#zonas, #gr11 .zonas-item .zonas-link .zonas-hover .zonas-hover-content h4 {
    margin: 0;
	
}

#zonas, #gr11 .zonas-item .zonas-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#zonas, #gr11 .zonas-item .zonas2-caption {
    margin: 0 auto;
    padding: 15px;
    max-width: 400px;
    text-align: center;
    background-color: #ebebeb;
}

#zonas, #gr11 .zonas-item .zonas-caption h4 {
    margin: 0;
    text-transform: none;
}

#zonas, #gr11 .zonas-item .zonas2-caption h4 {
    margin: 0;
    text-transform: none;
	color: #3c3c3c;
}

#zonas, #gr11 .zonas-item .zonas-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

#zonas, #gr11 * {
    z-index: 2;
}

@media(min-width:767px) {
    #zonas, #gr11 .zonas-item {
        margin: 0 0 30px;
    }
}


.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #222;
    background-image: url(../img/map-image.png);
    background-position: center;
    background-repeat: no-repeat;
}

section#contact .section-heading {
    color: #fff;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #dcdcdc;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

section#recursos a{
	color:#333; 
	text-decoration: none;
}

/*********************************redes*******************************/

@media(min-width:768px) {
    section#redes {
        padding: 0 0 20px 0; /*150 0*/
    }
}

section#redes {
    background-color: #444444;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
}

section#redes .section-heading {
    color: #fff;
}

section#redes h2.section-heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.8em;
	font-family: "Verdana","Helvetica Neue",Helvetica,Arial,cursive;
}

section#redes h3.section-subheading {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 20px;
	font-family: "Verdana","Helvetica Neue",Helvetica,Arial,cursive;
}

section#redes .form-group {
    margin-bottom: 5px;
}

section#redes .form-group input,
section#redes .form-group textarea {
    padding: 3px;
}

section#redes .form-group input.form-control {
    height: auto;
}

section#redes .form-control:focus {
    border-color: #dcdcdc;
    box-shadow: none;
}

section#redes::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#redes:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#redes::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#redes:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#redes .text-danger {
    color: #e74c3c;
}


footer {
    padding: 25px 0;
    text-align: center;
}

section#redes_header {
    padding: 0px 0;
    text-align: center;
	
}

section#redes_header ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}


ul.social-buttons {
    margin-bottom: 0;
}

.izda {
text-align: left;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #CDDC39;
}



ul.social-buttons-footer {
    margin-bottom: 10px;
}
ul.social-buttons-footer li i {
	width: 40px;
	text-align: center;
}
ul.social-buttons-footer li a {
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    text-decoration:none;
    color: #fff;    
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons-footer li a:hover,
ul.social-buttons-footer li a:focus,
ul.social-buttons-footer li a:active {
    color: #dcdcdc;
}

.newsletter{
	padding: 0 10px;
	text-align: center;
}

ul.social-buttons-footer2 {
    margin-bottom: 0;
}

ul.social-buttons-footer2 li a {
    display: block;
    width: 40px;
    height: 40px;    
    font-size: 20px;      
    color: #fff;    
    
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.zonas-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: justify;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.zonas-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
    margin-top: 0px;
}
.zonas-modal .modal-content h3 {
    margin-bottom: 0px;    
    margin-top: 0px;
}

.zonas-modal .modal-content p {
    margin-bottom: 0px;
}

.zonas-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.zonas-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.zonas-modal .modal-content img {
    margin-bottom: 30px;
}



.zonas-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.zonas-modal .close-modal:hover {
    opacity: .3;
}

.zonas-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.zonas-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.zonas-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #CDDC39;
}

::selection {
    text-shadow: none;
    background: #CDDC39;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #CDDC39;
}

/****************************************inicio read more*****************************************/

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .6s;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;  
}

.read-more-wrap span{
    padding: 0;
    margin:0;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Seguir leyendo...';
}
.read-more-state ~ .read-more-trigger-en:before {
  content: 'Read more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Reducir';
}
.read-more-state:checked ~ .read-more-trigger-en:before {
  content: 'Reduce';
}

.read-more-trigger, .read-more-trigger-en  {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #CDDC39;;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #CDDC39;;
  border-radius: .25em;
}

/* Other style */ 

.read-more-wrap p { 
  background: white;
  color: #333333;
  border: none;
  padding:0px;
  margin:0;
}

/****************************************fin read more*****************************************/

.table > tbody.read-more-state:checked ~ .read-more-target > tr.dark > td{
    padding:0px;
}

.table > tbody.read-more-state ~ .read-more-target:before > tr.light > td{
    padding:0px;
}

.table > tbody > tr > td.margin0 {
   padding:0px;
   border-top:0px;
} 

.panel .panel-body p{
padding-top:5px;
}
/* para evitar el espacio sombreado en la galeria en las etapas.
.panel .panel-body img{
padding-top:10px;
}
*/

.panel-body p{
  text-align: justify;
}
.panel .panel-heading{	
		border-top: solid;
		border-bottom:solid;
		border-left:solid;
		border-right:solid;
		
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;		
		border-color:#AFB42B;
}

.panel .panel-body{		
		border:solid;
		border-width: 1px;
		border-color:#AFB42B;
}

.panel-heading h3,h6 {
  font-size: 14px;
  font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;  
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 2px;
}

.panel-heading h3 {
  color: #AFB42B;
  font-weight: 600;
}

.panel-heading h6 {
  font-weight: 400;
  text-align: center;  
}

.panel-body img{
  display:inline;
}

.panel .panel-heading{
background-color: #F7f7f7;
}
.panel .panel-heading-title{
background-color: #CDDC39;
color: white;
border-top: solid;
border:solid;
border-width: 1px;
border-color:#AFB42B;

}



/****************************************ajustar caja*****************************************/


.content-box{
	-webkit-box-sizing: content-box; /* Safari/Chrome/WebKit */ /*por defecto es border-box*/
    -moz-box-sizing: content-box; /* Firefox */ 
    box-sizing: content-box; /* Opera/IE 8+ */

}

/******************************mapa**********************************/
#marker1, #marker2{
        width: 8px;
        height: 8px;
        border: 2px solid red;
        border-radius: 10px;
        background-color: white;
		opacity: 0.7;
      }
#POI_1, #POI_2, #POI_3, #POI_4, #POI_5{
        width: 4px;
        height: 4px;
        border: 2px solid red;
        border-radius: 10px;
        background-color: white;
		opacity: 0.7;
      }

/*labels*/
#Inicio, #Final {
        text-decoration: none;
        color: white;
        font-size: 11pt;
        font-weight: bold;
        text-shadow: black 0.1em 0.1em 0.2em;
      }
	  
#lb_POI_1, #lb_POI_2, #lb_POI_3, #lb_POI_4, #lb_POI_5{
        text-decoration: none;
        color: white;
        font-size: 11pt;
        font-weight: bold;
        text-shadow: black 0.1em 0.1em 0.2em;
      }