html, body {
	overflow-x: hidden!important;
}

body {
    background-color: #f7f7f7;
    color: #231f20;
}

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

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

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


form {
    font-family: LatoLight;
    font-size: 18px;
    margin-bottom: 8px;
}



.video-container{    height: 1303px !important;}


.ui-widget-header {
    border: 0px solid #aaa;}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #d3d3d3;
    background: #00abec;
    font-weight: normal;
    color: #fff;
    font-family: LatoRegular !important;
    font-size: 15px !important;
}


.ui-state-highlight.ui-corner-all {
    font-family: LatoRegular !important;
    font-size: 13px;

}

span#ui-dialog-title-dialog-modal {
    font-family: OpenSansExtraBold !important;
    font-size: 14px;
}





@media (max-width: 920px) { 

.video-container{        height: 1660px !important;}

}

form.form select {
    padding: 0px !important;
    width: 100% !important;
    height: 43px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-left: 10px !important;
    font-family: LatoRegular;
    font-size: 18px;
}

.form-field-consulta{
	width:100%!important;
}

p.errors{
    display: none!important;
}

.form.form p.no-label  {
    clear: inherit !important;
    line-height: 0 !important;
    margin: inherit !important;
    padding: 0px !important;
    width: auto;
    float: left;
    margin-left: 52px !important;
    display: table !important;
    margin-bottom: -25px !important;
    margin-top: -9px !important;
}


/* NUEVOS ESTILOS*/

div#btn_enviar {
    /*width: 190px;*/
    margin: 0 auto;
        margin-top: 40px !important;
    margin-bottom: 40px !important;
    display: table !important;
}

p.form-field.Ley_Datos_Personales.pd-checkbox.required.no-label {
    width: 100% !important;

    margin-bottom: 0px !important;
}

/*
p.form-field.Observacion.pd-textarea.required {
    width: 100% !important;
}
*/


.tecsup-product-detail--embed-container.video-container {
    height:  1200px;
}


p.form-field.enlacedatospersonales.Ley_Datos_Personales.pd-checkbox.required.no-label {
    width: 100%;
}

label.inline {
    font-size: 18px !important;
}


div#textoprivacidad {
    margin-left: 75px;
    display: table;
    width: 100%;


}

input.ui-button.ui-widget.ui-state-default.ui-corner-all{
            margin-left: 68%;
        margin-top: 20px !important;
        width: 300px !important;
        padding: 15px 12px !important;
}


form.form p.submit input {
        margin: 0 10px 0 0!important;
    padding: 12px 30px !important;
    background: #00abec;
    color: #ffffff;
    font-family: LatoRegular;
    font-size: 19px;
    border: none;
}


form.form p {
    clear: inherit !important;
    line-height: 0 !important;
    margin: inherit !important;
    padding: 0px !important;
    width: 45%;
    float: left;
    margin-left: 4% !important;
}


form.form p label {
    color: #000000;
    font-family: LatoLight !important;
    font-size: 20px !important;
    font-weight: normal;
    width: auto !important;
    margin-bottom: 15px !important;
    display: table;
}


form.form input.text{
        padding: 0px !important;
        width: 100% !important;
        height: 43px;
        margin-top: 15px;
        margin-bottom: 20px;
        padding-left: 10px !important;
        font-family: LatoRegular;
        font-size: 18px;
}


label.field-label {
    font-family: LatoLight;
    font-size: 23px;
    font-weight: normal;
}


form-field{
    width: 50%;
    float: left;
}


/*     FIN      */

.ne2 {
    font-family: OpenSansExtraBold;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ca {
    font-family: LatoLight;
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 6px;
    margin-bottom: 50px;
}

.gp {

}

.t-pa {
    font-family: OpenSansExtraBold;
    text-transform: uppercase;
    font-size: 48px;
	padding-left: 5%;
}

.s-pa {
    font-family: LatoLight;
    font-size: 21px;
    margin-bottom: 30px;
}

.hj {
    background: #ffffff;
    padding: 35px 60px;
    display:  table;
}

.t-item {
    font-family: LatoLight;
    font-size: 23px;
}

.cel {
    color: #00abec !important;
}

.c1 {
    width: 100%;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

.c2 {
    width: 54%;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

input, textarea, select {
    border-radius: 5px;
    border: 1px solid #bfbfbf;
}

textarea {
	font-family: LatoRegular!important;
	font-size: 18px!important;
    resize: none;
    width: 95% !important;
    height: 200px !important;
	line-height: 10px!important;
}
.texa {
    width: 100%;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 13px;
    padding-top: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

.bc {
    background: #00abec;
    color: #ffffff;
    font-family: LatoRegular;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 28px;
    border-radius: 11px;
    font-weight: bold;
}

.bcd {
    /*width: 247px;*/
    margin: 0 auto;
}

.ubi {
    width: 222px;
    margin: 0 auto;
}


.divi {
    width: 466px;
    float: left;
}

.dl {
    padding-right: 48px;
}

.dn {
    width: 481px;
    padding-right: 33px;
    float: left;
}


@media (max-width: 1200px) {

   form.form p label{
        font-size: 17px !important;
   }

    .dl {
        padding-right: 0px;
    }

    .divi {
        width: 100%;
        float: none;
    }

    .dn {
        width: 100%;
        padding-right: 0px;
    }

    .c2 {
        width: 100%;
    }

    select {
        width: 103%;
    }
}

@media (max-width: 780px) {

	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
    width: 90% !important;
} 

    div#textoprivacidad {
    margin-left: 30px;}

    label.inline{font-size: 15px !important;}

    form.form p{
        width: 90%;
    }


p.form-field.Ley_Datos_Personales.pd-checkbox.required.no-label {
    width: 100% !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-top: 20px !important;
}


p.form-field.Ley_Datos_Personales.pd-checkbox.required.no-label{
    margin-bottom: 30px !important;
}

}


@media (max-width: 480px) {

    .t-pa {
		font-size: 27px;
		text-align: center;
		padding-left: 0px;
	}

    .bcd {
        /*width: 226px;*/
        margin: 0 auto;
    }

    .bc{
        font-size: 16px;
    }



    .t-item, .s-pa {
        font-size: 19px;
    }

    .hj {
        padding: 35px 43px;
    }

    .c1, .c2, .texa {
        width: 98%;
    }
}

@media (max-width: 370px) {
    .t-pa {
        font-size: 31px;
    }
}