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

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fluid-height {
	background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
    padding: 100px 0;
}

.image-bg-fixed-height {
	background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
    height: 450px;
}

.img-center {
	margin: 0 auto;
}

section {
    padding:0;
}

.section-heading {
    margin: 30px 0;
    font-size: 4em;
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 30px 0;
}

footer {
    margin: 50px 0 0 0;
}
.row{
	padding:20px 3%;
}

/*INFOGRAFIA*/

.cabecera-info h2{
	font-family: 'Patua One', cursive;
	font-size:30px;
	color:#bfbdbd;
	text-align:center;
	display:inline-block;	
	margin:auto;
}
.cabecera-info .logo{
	display:inline-block;	
	margin:auto
}
.cabecera-info .logo img{
	margin-top:-15px	
}
.cabecera-info .volver{
	display:block;
	float:right;
	font-family: 'Patua One', cursive;
	font-size:18px;
	color:#bfbdbd;
	border: solid 2px #bfbdbd;
	padding:5px 12px;
	margin-right:25px;
	text-decoration:none
}
.cabecera-info .volver:hover{

	color:#FFF;
	border: solid 2px #bfbdbd;
	background:#bfbdbd;
}
.navbar-inverse{
	height:80px;
	text-align:center;
	padding-top:20px;
}

h1{
	font-family: 'Patua One', cursive;
	color:#5c3e81;
	text-align:center
}
h2{
	font-family: 'Patua One', cursive;
	color:#5c3e81;
	text-align:center
}
h3{
	font-family: 'Patua One', cursive;
	color:#5c3e81;
	text-align:center
}
.centrar{
	text-align:center;
}
.derecha{
	text-align: right;
}
.seccion1{
	background-color:#ebd538;
	padding-bottom:30px;	
}

.seccion1 h2{
	background-color:#5c3e81;
	height:auto;
	width:auto;
	color:#FFFFFF;
	padding:15px 0
}

.seccion2{
	background-color:#b6d6d8;
	padding-top:40px;
	padding-bottom:40px 
}
.seccion2 .col-md-8{	
	padding-right:10%
}
.seccion2 ul{
	list-style:none;
	width:90%
}
.seccion2 ul li{
	clear: both;
	margin-bottom:10px
}
.seccion2 ul img{	
	display:block;
	float:left;
}
.seccion2 ul span{	
	display:block;
	float:left;
	padding-top:7px;
	font-weight: bold
}
.seccion2 h2{
	text-align:left;
	color:#e8522a		
}
.seccion3{
	background-color:#fff;
	text-align:center	
}
.marco{
	text-align:left;
	border:solid #5c3e81 2px;
	height:650px;
	margin:40px 5%;
}
.seccion3 .col-lg-3{
	
	
}
.seccion3 .ejemplos{
	color:#5c3e81;
	padding-bottom:30px
		
}
.seccion3 .ejemplos a{
	background-color:#5c3e81;
	display:inline-block;
	color:#fff;
	padding:2px 5px;
	margin:0 2px 4px 0;
	text-decoration:none;	
}
.seccion3 .ejemplos a:hover{
	color:#fff;
	text-decoration:none;	
	background:#e8522a
}


.seccion4{
	padding:0 8% 50px 8%
}
.seccion4 h2{
	background-color:#5c3e81;
	color:#fff;
	height:60px;
	text-align:center;
	width:400px;
	display:block;
	margin:auto;
	padding-top:12px;
	margin-bottom:30px
}
.seccion4 p{
	font-size:16px;
	padding:3%
}

.alto{
	height:250px;
	border-top:solid 1px #b2b2b2
}

.alto h3{
	color:#e8522a
}

.alto2{
	height:250px;
	border-top:solid 1px #b2b2b2
}

.alto2 h3{
	color:#17829c
}

.alto3{
	height:280px;
	border-top:solid 1px #b2b2b2;
	border-bottom:solid 1px #b2b2b2
}

.alto3 h3{
	color:#87b737
}

.seccion5{
	background-color:#b6d6d8;
	padding:40px 8%;
}
.seccion5 .mb-separador{	
	display:none;
}
.seccion5 ul{
	list-style:none;
	width:90%
}
.seccion5 ul li{
	clear: both;
	margin-bottom:10px;
	padding-top:10px;
}

.seccion5 li img{
	display:block;
	float:left
}
.seccion5 li span{
	display:block;
	float:left;
	width:90%;
	padding-top:8px
}

.seccion5 h2{
	text-align:left;
	color:#e8522a	
}
.seccion6{
	padding:40px 0;
}
.seccion6 p{
	font-size:16px
}

.seccion7 h2{
	display:block;
	margin:auto;
	background-color:#5c3e81;
	color:#fff;
	height:70px;
	text-align:center;
	width:350px;
	padding-top:15px;
	margin-bottom:30px
}
.seccion7 .encuesta{
	clear:both;
	display:block;
	overflow:hidden;
	text-align: center;	
	width:100%;
	height:630px;
}
.seccion7 .encuesta iframe{
	margin-top:-170px
}
.seccion7 .encuesta-mb{
	display:none
}

.seccion8 h2{
	display:block;
	margin:auto;
	background-color:#17829c;
	color:#fff;
	height:70px;
	text-align:center;
	width:350px;
	padding-top:15px;
	margin-bottom:10px
}
.seccion8 h3{
	color:#17829c;
	font-size:30px;
	margin:25px 0;
	font-family: 'Patua One', cursive;
	text-align:center	
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.seccion_footer{
	background-color:#0176b0;
	margin:0;
}
.seccion_footer a{
	color:#fff;
	font-size:24px;
	text-decoration:none;	
}







@media(max-width:768px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
        font-size: 2em;
    }
	
/*INFOGRAFIA*/
.navbar-inverse{
	height:80px;
	padding-top:30px
}
.cabecera-info h2{
	font-size:20px	
}
.cabecera-info .logo img{
	width:80%;
	height:80%
}
.seccion3{
	padding:30px 3%
}
.marco{
	height:auto;
	margin:0;
}
.seccion4{
	padding:30px 3%
}
.alto{
	padding-bottom:10px;
	height:auto
}
.alto2{
	padding-bottom:10px;
	height:auto
}
.alto3{
	padding-bottom:10px;
	height:auto
}
.seccion1 h2{	
	height:auto;
	padding:15px 0;	
	width:auto
}
.seccion1 img{	
	width:90%
}
.seccion2 .col-md-8{	
	padding:0%
}
.seccion2 h2{	
	text-align:center;
	padding-bottom:10px
}
.seccion2 p{	
	margin:0; padding:0; 
}
.seccion2 ul{
	list-style:none;
	width:100%;
	padding:0
}
.seccion2 ul li{
	clear: both;
	margin-bottom:10px
}

.seccion2 ul span{	
	width:87%
}
.seccion4 ul{
	width:100%;
	padding:0 0 0 2%
}
.seccion4 h2{
	padding:15px 0;	
	height:auto;	
	width:auto
}
.seccion5 h2{
	text-align:center;
}
.seccion5 ul{
	list-style:none;
	width:100%;
	padding:0
}
.seccion5 ul li{
	clear:both;
	height:auto;
	padding-top:10px
}
.seccion5 ul span{	
	width:87%
}
.seccion6 .mb-separador{	
	display:block;
	width:100%;
	clear:both;
	height:25px
}
.seccion7 h2{
	padding:15px 0;	
	width:auto;
	height:auto
}
.seccion7 .encuesta{
	display:none
}
.seccion7 .encuesta-mb{
	display:block
}
.seccion8 h2{
	padding:15px 0;	
	width:auto;
	height:auto
}
.seccion8 .col-md-8{
	padding:0;	
	margin:0
}
.mb-izquierda{
	text-align:left
}
.mb-centrar{
	text-align: center 
}
}