@charset "UTF-8";
/* CSS Document */

body{ background-color:#000; color:#fff; font-family:Arial, Helvetica, sans-serif;}
img{ border:0px;}
header{ width:100%; float:left;}
nav{ width:100%; float:left;}
section{ width:100%; float:left;}
footer{ width:100%; float:left; margin:25px 0;}
a{ cursor:pointer;}

/*home*/
.web-content{ width:950px; float:none; margin:auto;}
.content-menu{ width:100%; float:left; position:relative;}
.content-menu-New{ width:20%; float:left; position:relative; text-align:right;}
.logoup{ width:110px; height:106px; float:left;}
.header-content{ width:690px; font-family:"Century Gothic",Arial, Helvetica, sans-serif; float:left; text-align:center; font-size:20px; line-height:14px;}
.header-content span{color:#ff6500;}
.header-content ul{ width:100%; float:left;}
.header-content ul li{ float:left; list-style:none; display:inline;}
.header-content-izqda{ float:right; font-family:"Century Gothic",Arial, Helvetica, sans-serif; margin-top:-40px;  }
.menu{ /*position:absolute;*/ background:url(../img/menu-bk.png); background-repeat:repeat; font-family:"Century Gothic",Arial, Helvetica, sans-serif; z-index:9; margin-top:10px;}
.menu ul{ width:100%; float:left; margin-left:0; padding-left:0;}
.menu ul li{ display:inline; list-style:none; color:#ff6500; font-size:14px;}
.menu ul li a{ color:#fff; text-decoration:none; -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}
.menu ul li a:hover{ color:#ff6500;}
.menu ul li+li{ margin-left:16px; font-size:14px; }
.mod-home{ width:300px; float:left; margin-right:16px;}
.txt-home{ width:100%; float:left; font-size:14px; line-height:20px;}
.txt-home h1{ width:100%; float:left; font-size:20px; color:#ff6500; font-weight:normal;}
h1{width:100%; float:left; font-size:20px; color:#ff6500;}
.titu-mod-home{ font-size:20px; color:#ff6500; font-family:"Century Gothic",Arial, Helvetica, sans-serif; width:100%; float:left; /*border-bottom:1px solid #fff;*/ padding-bottom:10px;}
.mod-content{ width:100%; float:left; margin-top:10px; font-size:14px; line-height:20px;}
.video{ width:100%; float:left; text-align:center; margin-top:10px; border:1px solid #fff;}
.mod-button{ width:300px; margin-right:16px; float:left; margin-top:17px; background-image:linear-gradient(top , #555555, #272727);
background-image:-moz-linear-gradient(top , #555555, #272727);
background-image:-webkit-linear-gradient(top, #555555, #272727);
background-image:-o-linear-gradient(top , #555555, #272727);
background-image:-ms-linear-gradient(top , #555555, #272727);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#272727);
 -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}
.mod-button:hover{ background-image:linear-gradient(top , #ff6500, #bb3d05);
background-image:-moz-linear-gradient(top , #ff6500, #bb3d05);
background-image:-webkit-linear-gradient(top, #ff6500, #bb3d05);
background-image:-o-linear-gradient(top , #ff6500, #bb3d05);
background-image:-ms-linear-gradient(top , #ff6500, #bb3d05);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6500, endColorstr=#bb3d05);}
.mod-button input{ width:100%; background:none; border:0px; color:#fff; font-size:16px; font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0; cursor:pointer;}
.content-footer{ width:100%; float:left; font-size:13px;}
.logo-footer{ width:100px; height:45px; float:right; text-align:right;}
.txt-footer{ width:895px; float:left; text-align:right; color:#4c4c4d;}
.txt-footer a{ color:#fff; text-decoration:none; -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s }
.txt-footer a:hover{ color:#ff6500;}
.fb{ width:100%; float:left; text-align:right; margin-bottom:10px;}

.button-home{ width:100%; float:left; border-top:1px solid #fff; margin-top:14px; border-bottom:1px solid #fff; padding-bottom:17px;}
.social{ width:100%; float:left; margin-top:10px;}
.social ul{ width:100%; float:left; margin:0; padding:0;}
.social ul li{ display:inline; float:left;}
.share{ width:100%; float:left; font-size:13px; font-weight:bold;}
.social ul li+li{ margin-left:10px;}
.facebook{ background:url(../img/facebook-b-p.png); width:35px; height:35px;}
.twitter{ background:url(../img/twitter-b-p.png); width:35px; height:35px;}
.google{ background:url(../img/google-b-p.png); width:35px; height:35px;}
.instagram{background:url(../img/instagram-b-p.png); width:35px; height:35px;}
.facebook:hover{ background:url(../img/facebook-p.png); width:35px; height:35px;}
.twitter:hover{ background:url(../img/twitter-p.png); width:35px; height:35px;}
.google:hover{ background:url(../img/google-p.png); width:35px; height:35px;}
.instagram:hover{background:url(../img/instagram-p.png); width:35px; height:35px;}
.carrousel{ margin:14px 0;}

/*ubicacion*/
.txt{ width:100%; float:left; font-size:14px; position:relative; line-height:20px;}
.txt h1{ width:100%; float:left; color:#ff6500; font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; }
.back{ font-size:14px; color:#fff; position:absolute; top:30px; right:0;}
.back a{ color:#fff; text-decoration:none; -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}
.back a:hover{color:#ff6500; }

/*profesores*/
.img-prof{ width:148px; min-height:149px; float:left;}
.mod-prof{ width:100%; float:left;}
.txt-prof{ float:left; margin-left:10px; width:775px; line-height:20px; font-size:14px;}
.titu-prof{ font-size:15px; color:#ff6500;}
.content-prof a{ color:#fff; text-decoration:underline; -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s }
.content-prof a:hover{ color:#ff6500;}

/*//contacto*/

.column-contact{ width:50%; float:left;}
.direccion{ width:100%; float:left; line-height:20px; font-size:14px;}
.direccion p{ width:100%; float:left;}
.direccion p span{ width:100%; float:left; color:#ff6500;}
.form-contact{ width:90%; margin-top:25px; position:relative; padding-left:10%; float:left; font-size:14px; background-image:linear-gradient(top , #2b2b2b, #000000);
background-image:-moz-linear-gradient(top , #2b2b2b, #000000);
background-image:-webkit-linear-gradient(top, #2b2b2b, #000000);
background-image:-o-linear-gradient(top , #2b2b2b, #000000);
background-image:-ms-linear-gradient(top , #2b2b2b, #000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2b2b2b, endColorstr=#000000);}
.form-contact p{color:#ff6500; width:90%; float:left;}
.form-contact p strong{ color:#fff;}
.content-form{ width:100%; float:left;}
.line-form{ width:90%; float:left; position:relative; margin-bottom:10px;}
.value-form{ float:left; width:100px;}
.campo{ float:left; width:246px;}
.campo input{ width:281px; background-color:#ffffff; border:0px; padding:4px 3px; color:#343434;}
.campo textarea{ width:281px; background-color:#ffffff; border:0px; padding:4px 3px; color:#343434; height:70px;}
.titu-form{ font-weight:bold; width:90%; float:left;}
.info-form{ width:51px; height:47px; background:url(../img/info.jpg); position:absolute; top:-17px; right:0;}
.border-dash{ width:90%; float:left; height:2px; background:url(../img/dashed.png); background-repeat:repeat-x; }
 
.form-button{ width:381px; float:left; margin-top:10px; background-image:linear-gradient(top , #555555, #272727);
background-image:-moz-linear-gradient(top , #555555, #272727);
background-image:-webkit-linear-gradient(top, #555555, #272727);
background-image:-o-linear-gradient(top , #555555, #272727);
background-image:-ms-linear-gradient(top , #555555, #272727);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#272727);
 -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}
.form-button:hover{ background-image:linear-gradient(top , #ff6500, #bb3d05);
background-image:-moz-linear-gradient(top , #ff6500, #bb3d05);
background-image:-webkit-linear-gradient(top, #ff6500, #bb3d05);
background-image:-o-linear-gradient(top , #ff6500, #bb3d05);
background-image:-ms-linear-gradient(top , #ff6500, #bb3d05);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6500, endColorstr=#bb3d05);}
.form-button input{ width:381px; background:none; border:0px; color:#fff; font-size:16px; font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0; cursor:pointer;}

.legal{ font-size:13px; color:#4c4c4d!important; width:90%; float:left;}


/*horario*/
.action{ position:relative;}
.action-button{ width:200px; float:left; text-align:center; padding:10px 0; margin-left:12px; background-image:linear-gradient(top , #555555, #272727);
background-image:-moz-linear-gradient(top , #555555, #272727);
background-image:-webkit-linear-gradient(top, #555555, #272727);
background-image:-o-linear-gradient(top , #555555, #272727);
background-image:-ms-linear-gradient(top , #555555, #272727);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#272727);
 -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}

.action-button:hover{ background-image:linear-gradient(top , #ff6500, #bb3d05);
background-image:-moz-linear-gradient(top , #ff6500, #bb3d05);
background-image:-webkit-linear-gradient(top, #ff6500, #bb3d05);
background-image:-o-linear-gradient(top , #ff6500, #bb3d05);
background-image:-ms-linear-gradient(top , #ff6500, #bb3d05);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6500, endColorstr=#bb3d05);}

.action-button a{ width:100%; color:#fff; font-weight:bold; text-decoration:none;}
.action-button a:hover{ text-decoration:none;}

.print{ float:left; background:url(../img/print.jpg); background-repeat:no-repeat; padding-left:20px; margin-left:12px; margin-top:18px; }
.print a{ color:#fff; text-decoration:none;  -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}
.print a:hover{ color:#ff6500;}

.txt a{ color:#fff; text-decoration:none;  -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;}
	
.txt a:hover{ color:#ff6500;}

.horario{ width:100%; float:left;}

/*carrousel*/

.bjqs-next{ display:none;}
.bjqs-prev{ display:none;}
.bjqs-markers.h-centered{ display:none;}

 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 9; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 2% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    max-width: 850px;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-window {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: visible;
    opacity: 1;/*  pointer-events: none;*/
    transition: all 0.3s;
    color: #ffffff;
}

.modal-window:target {
    visibility: hidden;
    opacity: 0;
    pointer-events: auto;
}

.modal-window > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0em;
    background: #151515db;
    display: flex;
    flex-direction: column;
    flex-wrap: revert;
    justify-content: center;
}

.modal-window header {
    font-weight: bold;
}

.modal-window h1 {
    font-size: 150%;
    margin: 0 0 15px;
}

.modal-close {
    color: #ffffff;
    line-height: 50px;
    font-size: 16px;
    right: 0;
    text-align: right;
    top: 0;
    text-decoration: none;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
}

.modal-close:hover {
    color: #f27321;
}

.modal-window-content img {
    width: 50%;
    margin: 0 auto;
    object-fit: contain;
}

.modal-target {
    position: absolute;
    height: 100%;
    width: 100%;
}



a.modal-target {
    cursor: default;
}



a.modal-close {
    z-index: 1;
}