/*botones*/

.btn-round-lg{
border-radius: 22.5px;
	background-color: #ff4b28;
	 border: 5px solid #ededf0;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}


/*lineadetiempo*/

.fuentePeques{
	style=color:#3F2700; 
	font-family: 'Paytone One', sans-serif;
}
.m-1{margin-bottom:1%;}.m-2{margin-bottom: 2%}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-rounded {
    border-radius: 3px;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 30px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1em;
                margin-left: 60px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    font-family: "Noto Sans",sans-serif;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }




/*matricula boton*/

.matricula{
	position: fixed;
	top:50px;
	right:50px;
	width: 200px;
	height: 80px;
	z-index: 5;
}



/*talleres*/

.teamvalores{
    padding:0px 0;
}
h6.description{
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0,0.1);
	padding-bottom: 5px;
}
.profile{
	margin-top: 25px;
}
.profile h1{
	font-weight: normal;
	color: #fff;
	margin:10px 0 0 0;
}
.profile h2{
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 5px;
}
.profile .img-box{
	opacity: 1;
	display: block;
	position: relative;
}
/*.profile .img-box:after{
	content:"";
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
}*/
.img-box ul{
	position: absolute;
	z-index: 2;
	bottom: 50px;
	text-align: center;
	width: 100%;
	padding-left: 0px;
	height: 0px;
	margin:0px;
	opacity: 0;
}
.profile .img-box:after, .img-box ul, .img-box ul li{
	-webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-box ul i{
	font-size: 20px;
	letter-spacing: 10px;
}
.img-box ul li{
	width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #88C425;
    margin: 2px;
    padding: 5px;
	display: inline-block;
}
.img-box a{
	color:#fff;
}
.img-box:hover:after{
	opacity: 1;
}
.img-box:hover ul{
	opacity: 0;
}
.img-box ul a{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
	border-color: #fff;
	color: #88C425;
}
a{
    color: #fff;
}
a:hover{
    text-decoration:none;
    color:#519548;
}
i.red{
    color:#BC0213;
}

/*fin talleres*/
@font-face {
    font-family: 'weblysleek_uilight';
    src: url('../fonts/weblysleekuil-webfont.eot');
    src: url('../fonts/weblysleekuil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/weblysleekuil-webfont.woff2') format('woff2'),
         url('../fonts/weblysleekuil-webfont.woff') format('woff'),
         url('../fonts/weblysleekuil-webfont.ttf') format('truetype'),
         url('../fonts/weblysleekuil-webfont.svg#weblysleek_uilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

html, body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	min-height:100%;
	min-width:100%;
	
}
 bodyindex{
	 overflow-x:hidden;
	 }

.padding1{ 
	padding-top: 20px;
	padding-bottom: 30px;
}

.paddingforma{ 
	
	padding-bottom: 20px;
}


.padding2{ 
	padding-top: 50px;
	padding-bottom: 30px;
}

.divfuentetitulo{ 
	background-color: aliceblue;
	border-radius: 20px;
	padding-top: 2px;
	width: 110%;
	height: 110%;
}
.fuentetitulo{ 
	color: #fff;
	font-family: 'Paytone One', sans-serif;
    font-size: 14px;
	text-shadow: -2px -2px 5px #f9ae41;
}

.fuentetitulo h4{ 
	color: #fff;
	font-family: 'Paytone One', sans-serif;
    font-size: 20px;
	text-shadow: -2px -2px 5px #f9ae41;
}


.fuentetitulo h7{ 
	line-height: 1;
	color: #fff;
	font-family: 'Paytone One', sans-serif;
    font-size: 38px;
	text-shadow: -2px -2px 5px #f9ae41;
}

.fuentetitulocafe h7{ 
	line-height: 1;
	color: #3F2700 ;
	font-family: 'Paytone One', sans-serif;
    font-size: 38px;
	/*text-shadow: -2px -2px 5px #f9ae41;*/
}

.fuentetitulo a:hover{ 
	line-height: 1;
	color: #333 !important;
	font-family: 'Paytone One', sans-serif;
    font-size: 38px;
	text-shadow: -2px -2px 5px #f9ae41;
	-webkit-animation: animation 865ms linear both;
  animation: animation 865ms linear both;
}

.textotitulodestacado { 
	color: #fff; 
	font-family: 'lato', sans-serif;
    font-size: 16px;
	text-shadow: -2px -2px 5px #f9ae41;
	line-height: 1.3;
}


article,aside,details,figcaption,figure,header,hgroup,menu,nav,section { 
    display: block;
}
#canvas {
	transform: rotate(180deg);
	display: block;
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index:5;
	pointer-events:none;
	}
/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
	text-decoration: none;
	outline: none;
	color:#FFF;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:focus {
	outline: none;
}
a img {
	border: none;
}
a[class*="glyphicon-"] {
	text-decoration: none;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1, h2, h3, h4, h5, h6 {
	margin: 5px 0 10px;
	font-weight: normal;
	font-family:"weblysleek_uisemilight", Helvetica, sans serif;
}
h1, h2 {
	font-weight: 300;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5, h6 {
	font-size: 1em;
}
/* =============== DEFAULT HTML - LIST STYLES =============== */
ul, ul li,
ol, ol li,
p, form, input {
	margin: 0;
	padding: 0;
}
p {
	margin-bottom: 10px;
}
ul, ul li {
	list-style: none;
}
b{
	font-weight:700;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
	border: none;
	max-width: 100%;
}
img.image-border {
    border: 1px solid #D2D2D2;
    padding: 3px;
}
img.image-left {
	float: left;
	margin-right: 5px;
}
img.img-full-width {
	width: 100%;
}
/* =============== PREDEFINED CONTENT ALIGN =============== */
.left {
	float: left;
}
.right {
	float: right;
}
.margin-left {
	margin-left: 1em !important;
	margin-right: 0;
}
.margin-right {
	margin-left: 0;
	margin-right: 1em !important;
}
.content-left {
	text-align: left;
}
.content-center {
	text-align: center;
}
.content-right {
	text-align: right;	
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.clearbreak {
	clear: both;
}
/* =============== SECTION INDEX =============== */
body.gradient{
    background: #333333;
}
body.fullScreen{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}


/* =============== GO TO TOP =============== */
#scrollToTop {
	width: 50px; 
	height: 50px;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	position: fixed;
	bottom: 10px;
	left: 10px;
	display: block;
	background: #eef600 url(../images/go-to-top.png) center center no-repeat;
	background-size:50%;
	z-index:9999;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
}
#scrollToTop:hover {
	text-decoration: none;
	background-color:rgba(60,60,60,0.8);
}
@media screen and (min-width:768px){
	.matricula{
	top:0;
}
}