.container-header

{

	width: 100%;

	background: #084B8A;

  height: 30px;

}



.title

{

	color: red;

	font-size:1vw;

	font-weight: bolder; 

	padding-left: 8vw;

	padding-top: 1vw;

	display: block;

	position:absolute;

}



.title2

{

	font-size: 2.5vw;

	color: #084B8A;

	font-weight: bold;

	padding-left: 0vw;

	padding-bottom: 10vw;

	font-style: italic;

	font-family: times new Roman;

	vertical-align: middle;

	/*text-shadow:5px -5px 4px red;*/

}



.logo

{

	width:20vw;

	display: inline;

	vertical-align: text-bottom;

	position: relative;

	padding-top: 1.5vw;

	padding-left: 1vw;

}



.logo10

{

   display: inline;

	position: relative;

	width: 5%;

	padding-left: 0.5vw;

	padding-top: 1vw;

}



/*background-color: rgba(41,184,229,1);*/

.btn-ttc,

.btn-ttc:hover,

.btn-ttc:active {

  color: white;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #084B8A;

  

}

.down

{

  font-size: 20px;

  padding: 0.5vw;

/*  font-style: italic; */

  background-color: #01DF74;



}





.dropdown {

  position: relative;

  display: inline-block;

}



.dropdown-toggle img

{

  width: 3vw;

}

.foot

{

	position: absolute;

	bottom: 5px;

	width: 100%;

	background-color: black;

	color: white;

}



.left-menu

{

	padding-top: 0px;

	margin-top: 0px;

	height: 90px; 

	

}



.close

{

  font-size: 2vw;

  text-align: right;

}



.manual

{

  float: right;

  font-size: 2vw;

  font-weight: bolder;

}



.imp

{

  width: 80%; 

  margin: auto; 

  border-left: 6px solid orange;

  background-color: #fff0e6;"

  

}



/*--------------------------- circulares -------------------------------*/

.img-circ

{

  width: 40%;

  display: block;

  margin: auto;

  border-style: solid;

}



.enl-circ

{

  padding: 2vw;

  border-bottom: 2px solid orange;

  border-right: 5px solid orange;



  

}







/*----------------------------------aniversary styles------------------------------------*/



.img-aniversary

{

  border: thin;

  width: 50%;

  padding: 1vw;

}



.title-aniversary

{

  border: solid #8A0829;

  border-radius: 1vw;

  background-color: #8A0829;

  margin: 2vw;

  font-size: 2vw;

  color: #ECE8DC;

  text-align: center;

  font-weight: bolder;

}



.content-aniversary

{

  background-color: #ECE8DC;

  font-style: italic;

  font-size: 1.5vw;

  color: #000;

  text-align: right;

  padding-right: 1vw;

}







/*----------------------------------aniversary styles------------------------------------*/



.img-aniversary

{

  border: thin;

  width: 50%;

  padding: 1vw;

  

}



.title-aniversary

{

  border: solid #8A0829;

  border-radius: 1vw;

  background-color: #8A0829;

  margin: 2vw;

  font-size: 2vw;

  color: #ECE8DC;

  text-align: center;

  font-weight: bolder;

}



.content-aniversary

{

  background-color: #ECE8DC;

  font-style: italic;

  font-size: 1.5vw;

  color: #000;

  text-align: right;

  padding-right: 1vw;

}









/*----------------------------------styles history------------------------------------*/

.content-text

{



  padding: 2vw;

  text-align: justify;

}

.img-history

{

  width: 50%;

  margin:auto;

  display: block;

  border: solid red 3vw;

  border-image-slice: 45;

}

.img-cond

{

  width: 20vw;

  height: 35vw;

}

/*----------------------------------styles mission - vision------------------------------------*/

.content_body

{

  width: 100%;

  font-family: Arial;

  font-size: 1.3vw;  

}



.image1 {

  float: right;

  width: 15vw;

  height: 15vw;

}



.image2 {

  float: left;

  width: 12vw;

  height: 16vw;

}



.mission {

  margin-left: 5vw;

  margin-right: 40vw; 

  display: block;

  text-align: justify;

} 



.vision {

  margin-left: 30vw;

  margin-right: 5vw; 

  display: block;

  text-align: justify;

}



.titles

{

padding-top: 1vw; 

width: 100%;

text-align: center;

margin:auto;

font-family: Arial Black; 

font-weight: bold; 

font-size: 2.5vw; 

color: #084B8A; 

text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);

display: block;

}

/*---------------------------------------styles infraestructure---------------------------------------*/

.content-infraestructure

{

  padding-left: 1vw;

  border: solid red;

}



.initial {

  float: left;

  margin:20px 0;

  box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

  border:1px solid #14937a;

  border-bottom:10px solid #14937a; 

}

.primary {

  float: left;

  margin:20px 0;

  box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

  border:1px solid #cd8109;

  border-bottom:10px solid #cd8109;    

}

.secondary {

  float: left;

  margin:20px 0;

  box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

  border:1px solid #a12f23;

  border-bottom:10px solid #a12f23;

}

.initial img, .primary img, .secondary img 

{

  width: 28vw;

  height: 20vw;

  padding: 1vw;

}

iframe

{

  margin-top: -2.5vw;

  width: 28vw;

  height: 20vw

}

.table-header-initial {

  padding: 5px 0 5px 0;

  background: #16a085;

  border-bottom:10px solid #14937a;

  color:white;

  text-align: center;

}

.table-header-primary {

  padding: 5px 0 5px 0;

  background: #f39c12;

  border-bottom:10px solid #cd8109;

  color:white;

  text-align: center;

}

.table-header-secondary {

  padding: 5px 0 5px 0;

  background: #c0392b;

  border-bottom:10px solid #a12f23;

  color:white;

  text-align: center;

}

.img-infraestructure_h

{

  padding: 1vw;

  width: 28vw;

  height: 25vw;

  margin:auto;

}

.img-infraestructure_v

{

  padding: 1vw;

  padding-left: 4vw

  width: 20vw;

  height: 25vw;

}



/*---------------------------------------styles internal regulations---------------------------------------*/

.first-level

{

	padding-left: 4vw;

	font-weight: bolder;

	font-size: 2vw;

}

.second-level

{

	padding-left: 5vw;

	font-weight: normal;

	font-size: 1.4vw;

}



.title-regulations

{

	border: solid #E705A1;

	border-radius: 1vw;

	background-color: #E705A1;

	margin: 2vw;

	font-size: 3vw;

	color: white;

}

.title-regulations .cap-regulations

{

	background-color: #F368C9;

	font-size: 2vw;

	color: #000;

}

.title-regulations .cap-regulations .content-regulations

{

	background-color: #F5A7DD;

	font-style: italic;

	font-size: 1.2vw;

}

.title-regulations .cap-regulations .content-regulations span

{

	font-weight: bold;

}

.title-regulations .cap-regulations .content-regulations li

{

	margin-left: 3vw;

}



/*---------------------------------------styles staff---------------------------------------*/

.content_staff

{

	float: left;

	padding: 5vw;

/*margin-left: 3vw;*/

border: solid #ECE8DC 0.5vw;

box-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);

width: 30vw;

height: 30vw;

border: solid red;

}



.img-staff-head

{

	width: 20vw;

	height: 20vw;

  margin: auto;

}



.content_staff_adm

{

	margin-top: 35vw;

	display: block;

	width: 100%;	

  padding-top:10vw;

}

.six-staff

{

  width: 16.66%;

  float: left;

  text-align: center;

  border-top: solid #04B45F;

  border-bottom: solid #04B45F;

  border-left: solid #04B45F;

  border-right: solid #04B45F;

  padding-top: 0.5vw;

}

.five-staff

{

  width: 20%;

  float: left;

  text-align: center;

  border-top: solid #04B45F;

  border-bottom: solid #04B45F;

  border-left: solid #04B45F;

  border-right: solid #04B45F;

  padding-top: 0.5vw;

}

.four-staff

{

  width: 25%;

  float: left;

  text-align: center;

  border-top: solid #04B45F;

  border-bottom: solid #04B45F;

  border-left: solid #04B45F;

  border-right: solid #04B45F;

  padding-top: 0.5vw;

}

.three-staff

{

 width: 33.33%;

  float: left; 

  text-align: center;

  border-top: solid #04B45F;

  border-bottom: solid #04B45F;

  border-left: solid #04B45F;

  border-right: solid #04B45F;

  padding-top: 0.5vw;

}

.two-staff

{

  margin: 0px;

 width: 50%;

  float: left; 

  text-align: center;

  border-top: solid #04B45F;

  border-bottom: solid #04B45F;

  border-left: solid #04B45F;

  border-right: solid #04B45F;

  padding-top: 0.5vw;

}

.content_staff_adm h4

{

	font-weight: bold;

}

.content_staff_adm h3

{

	font-weight: bold;

	color:#3498DB;

	text-align: left;

	text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);

  padding-left: 0.5vw



}

.staff_adm

{

	width: 100%;

	margin: auto;

	text-align: center;

}

.staff_img

{

	width: 7vw;

	height: 8vw;

	border: white 8px ridge;

  margin: auto;

  display: block;

}

.name

{

  font-size: 1vw;

}



.position

{

  font-size: 1.3vw;

  font-weight: bolder;

}



/*---------------------------------------styles interview--------------------------------------*/



.table_interview {

	font-family: arial;

	font-size: 1vw; 

	overflow: hidden; 

	border: solid #006699; 

	width: 90%;

	text-align: center;

}

.table_interview tr th

{

	color:white;

	background: #006699;

}

.table_interview tr td

{

	background: #E1EEF4;

	

}

.stick{

	background: red;

}



/*---------------------------------------styles schedules-----------------------------------------------*/

.container-schedule {

  padding-left: 20vw;

}



.row-schedule {

    width: 100%;

  }



.row-schedule [class*="span"] {

    display: block;

    float: left;

    width: 100%;

    min-height: 30px;

    margin-left: 2.7624309392265194%;

    *margin-left: 2.709239449864817%;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

  }

  

 .row-schedule .span3 {

    width: 27%;

    *width: 27%;

  }

.span3 {

  width: 220px;

}

.tiny {

    float: left;

    margin:20px 0;

    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

	border:1px solid #14937a; 

	border-bottom:10px solid #14937a; 

}

.small {

    float: left;

	margin:20px 0;

    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

	border:1px solid #cd8109;

	border-bottom:10px solid #cd8109;

    

}

.medium {

    float: left;

    margin:20px 0;

    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);

	border:1px solid #a12f23;

	border-bottom:10px solid #a12f23;

}





.schedule-table-header-tiny {

    padding: 5px 0 5px 0;

    background: #16a085;

	border-bottom:10px solid #14937a;

}

.schedule-table-header-small {

    padding: 5px 0 5px 0;

    background: #f39c12;

	border-bottom:10px solid #cd8109;



}

.schedule-table-header-medium {

    padding: 5px 0 5px 0;

    background: #c0392b;

	border-bottom:10px solid #a12f23;



}

.schedule-table-header-tiny h2, .schedule-table-header-small h2, .schedule-table-header-medium h2, .schedule-table-header-pro h2 

{  

	font-weight: 700; 

	color:#FFF; 

}

.schedule-table-header-tiny h3, .schedule-table-header-small h3, .schedule-table-header-medium h3, .schedule-table-header-pro h3 

{ 

	font-weight: 500; 

	color:#FFF;  

}

.schedule-table-features {

    margin: 15px 10px 0 10px;

    padding: 0 10px 15px 10px;

    border-bottom: 1px dashed #888;

    text-align: center;

    line-height: 20px;

    font-size: 1.3vw;

    color: #888;

}

.tit1-sch

{

  font-size: 2.2vw;

  font-weight: bolder;

  color: white;

  text-align: center;

}

.tit2-sch

{

  font-size: 1.5vw;

  color: white;

  text-align: center;

}

/*------------------------------------------uniform styles----------------------------------------------------*/

.subtit

{

	font-weight: bolder;

	color:orange;

	text-align: left;

	text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);

	font-size: 4vw;



}



#generic_price_table .generic_content{

	background-color: #fff;

}



#generic_price_table .generic_content .generic_head_price{

	background-color: #f6f6f6;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{

	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{

	color: #525252;

}



#generic_price_table .generic_content .generic_feature_list ul li{	

	color: #a7a7a7;

}



#generic_price_table .generic_content .generic_feature_list ul li span{

	color: #414141;



}

#generic_price_table .generic_content .generic_feature_list ul li:hover{

	background-color: #E4E4E4;

	border-left: 5px solid #2ECC71;

}



#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{

	border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;

	color: #fff;

}

 

#generic_price_table .generic_content{

	overflow: hidden;

	position: relative;

	text-align: center;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content{

	margin: 0 0 50px 0;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{

    border-style: solid;

    border-width: 90px 1411px 23px 399px;

	position: absolute;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head{

	padding-top: 40px;

	position: relative;

	z-index: 1;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{

    font-family: "Raleway",sans-serif;

    font-size: 28px;

    font-weight: 400;

    letter-spacing: 2px;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

}



#generic_price_table .generic_content .generic_feature_list ul li{

	font-family: "Lato",sans-serif;

	font-size: 18px;

	padding: 15px 0;

	transition: all 0.3s ease-in-out 0s;

}

/*----------------------------pension styles ------------------------------------------------*/



.container {

  max-width: 50vw;

  margin-left: auto;

  margin-right: auto;

  padding-left: 10px;

  padding-right: 10px;

}

.responsive-table li {

    border-radius: 3px;

    padding: 25px 30px;

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

  }

  .table-header {

    background-color: #95A5A6;

    font-size: 2vw;

    font-weight: bolder;

    text-transform: uppercase;

    letter-spacing: 0.03em;

  }

  .table-row {

    background-color: #ffffff;

    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);

  }

.table-row:hover

{

  background-color: #EFF3F2;

  border-left: 5px solid #95A5A6;

}  

  .col-2 {

    flex-basis: 25%;

  }

  .col-3 {

    flex-basis: 50%;

  }

/*---------------------------------------styles oldStudent -----------------------------------*/

#lista2 {

    counter-reset: li; 

    list-style: none; 

    *list-style: decimal; 

    font: 2.5vw;

    padding-left: 5vw;

    margin-bottom: 4em;

    text-shadow: 0 1px 0 rgba(255,255,255,.5);

}



#lista2 ol {

    margin: 0 0 0 2em; 

}



#lista2 li{

    position: relative;

    display: block;

    padding: .4em .4em .4em 2em;

    *padding: .4em;

    margin: .5em 0;

    background: #ddd;

    color: #444;

    text-decoration: none;

    border-radius: .3em;

    transition: all .3s ease-out;   

}



#lista2 li:hover{

    background: #eee;

}



#lista2 li:hover:before{

    transform: rotate(360deg);  

}



#lista2 li:before{

    content: counter(li);

    counter-increment: li;

    position: absolute; 

    left: -1.3em;

    top: 50%;

    margin-top: -1.3em;

    background: #87ceeb;

    height: 2em;

    width: 2em;

    line-height: 2em;

    border: .3em solid #fff;

    text-align: center;

    font-weight: bold;

    border-radius: 2em;

    transition: all .3s ease-out;

}  

#lista3 {

    counter-reset: li; 

    list-style: none; 

    *list-style: decimal; 

    font: 2.5vw;

    padding-left: 5vw;

    margin-bottom: 4em;

    text-shadow: 0 1px 0 rgba(255,255,255,.5);

}



#lista3 ol {

    margin: 0 0 0 2em; 

}



#lista3 li{

    position: relative;

    display: block;

    padding: .4em .4em .4em .8em;

    *padding: .4em;

    margin: .5em 0 .5em 2.5em;

    background: #ddd;

    color: #444;

    text-decoration: none;

    transition: all .3s ease-out;   

}



#lista3 li:hover{

    background: #eee;

}   



#lista3 li:before{

    content: counter(li);

    counter-increment: li;

    position: absolute; 

    left: -2.5em;

    top: 50%;

    margin-top: -1em;

    background: #87ceeb;

    height: 2em;

    width: 2em;

    line-height: 2em;

    text-align: center;

    font-weight: bold;

}



#lista3 li:after{

    position: absolute; 

    content: '';

    border: .5em solid transparent;

    left: -1em;

    top: 50%;

    margin-top: -.5em;

    transition: all .3s ease-out;               

}



#lista3 li:hover:after{

    left: -.5em;

    border-left-color: #87ceeb;             

}

/*----------------------------styles registration ------------------------------------*/

.table-registration

{

	margin: auto;

	

}

.table-registration td

{

  border-top: 2px solid #fff;

  border-left: 2px solid #fff;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  padding: 2vw;

}

/*---------------------------styles diary-----------------------------------------*/

#cal { 

    -moz-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.25); 

    -webkit-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.25); 

    margin:50px 2vw; 

    font: 13px/1.5 "Helvetica Neue", Helvatica, Arial, san-serif; 

    display:table; 

    float: left;

    margin-top: 5vw;

}

#cal .header { 

    cursor:default; 

    background: #cd310d; 

    background: -moz-linear-gradient(top, #b32b0c, #cd310d); 

    background: -webkit-gradient(linear, left top, left bottom, from(#b32b0c), to(#cd310d)); 

    height: 34px; 

    position: relative; 

    color:#fff; 

    -webkit-border-top-left-radius: 5px; 

    -webkit-border-top-right-radius: 5px; 

    -moz-border-radius-topleft: 5px; 

    -moz-border-radius-topright: 5px; 

    border-top-left-radius: 5px; 

    border-top-right-radius: 5px; 

    font-weight:bold; 

    text-shadow:0px -1px 0 #87260C; 

    text-transform: uppercase; 

} 

#cal .header span { 

    display:inline-block; 

    line-height:34px; 

}

#cal .header .hook { 

    width: 9px; 

    height: 28px; 

    position: absolute; 

    bottom:60%; 

    border-radius:10px; 

    -moz-border-radius:10px; 

    -webkit-border-radius:10px; 

    background:#ececec; 

    background: -moz-linear-gradient(right top, #fff, #827e7d); 

    background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#827e7d)); 

    box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 ); 

    -moz-box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 ); 

    -webkit-box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 ); 

} 

.right.hook { 

    right:15%; 

} 

.left.hook { 

    left: 15%; 

}

#cal .header .month-year { 

    letter-spacing: 1px; 

    width: 100%; 

    text-align: center; 

}

#cal table { 

    background:#fff; 

    border-collapse:collapse; 

} 

#cal td { 

    color:#2b2b2b; 

    width:30px; 

    height:30px; 

    line-height:30px; 

    text-align:center; 

    border:1px solid #e6e6e6; 

    cursor:default; 

} 

#cal #days td { 

    height:26px; 

    line-height: 26px; 

    text-transform:uppercase; 

    font-size:90%; 

    color:#9e9e9e; 

} 

#cal #days td:not(:last-child) { 

    border-right:1px solid #fff; 

}

#cal #cal-frame td:not(.nil):hover { 

    color:#fff; 

    text-shadow: #6C1A07 0px -1px; 

    background:#CD310D; 

    background: -moz-linear-gradient(top, #b32b0c, #cd310d); 

    background: -webkit-gradient(linear, left top, left bottom, from(#b32b0c), to(#cd310d)); 

    -moz-box-shadow:0px 0px 0px; 

    -webkit-box-shadow:0px 0px 0px; 

}

#cal #cal-frame td span { 

    font-size:80%; 

    position:relative; 

} 

#cal #cal-frame td span:first-child { 

    bottom:5px;

} 

#cal #cal-frame td span:last-child { 

    top:5px; 

}

.important

{

  /*background-color: rgba(41,184,229,0.3);*/

  background-color: rgba(255,0,0,0.5);

}

.holiday

{

  background-color: rgba(20,147,122,0.5);

}

.remember

{

  background-color: rgba(243, 255, 51,0.5);

}



.notes

{

  /*position: relative;

  display: inline;

  float: right;*/

  width: 13vw;

  padding: 0;

  font-size: 1vw;

  border: solid;

  margin-left: 75vw; 

  margin-top: -3vw;

  margin-bottom: 0vw;

}

.notes p

{

  margin: 0vw;



}

/*--------------------------start_session styles-----------*/





.login {

  position: relative;

  width: 40vw;

  display: table;

  margin: 5vw auto 10vw auto;

  background: #fff;

  border-radius: 5px;

  box-shadow: 0 4px 10px 4px rgba(115,103,88,0.3);

}

.legend {

  position: relative;

  width: 100%;

  display: block;

  background: #084B8A;

  padding: 15px;

  color: #ECE8DC;

  font-size: 3vw;

  font-weight: bolder;

  border-radius: 5px 5px 0 0;

}

.input {

  position: relative;

  width: 90%;

  margin: 15px auto;

}

.input span {

  position: absolute;

  display: block;

  color: #d4d4d4;

  left: 10px;

  top: 8px;

  font-size: 1.5vw;

}

.input input {

  width: 100%;

  padding: 10px 5px 10px 40px;

  display: block;

  border: 1px solid #EDEDED;

  border-radius: 4px;

  transition: 0.2s ease-out;

  color: #a1a1a1;

  font-size: 1.5vw;

}

.input input:focus {

  padding: 10px 5px 10px 10px;

  outline: 0;

  border-color: #FF7052;

}



.button

{

  border:0;

  outline:none;

  border-radius: 5px;

  cursor: pointer;

  font-size: 1.2vw;

  background:#dc143c;

  color:#ECE8DC;

}



.button:hover, .button:focus

{

  background:#fc103a;

}



.button-block

{

  display: block;

  padding: 15px 0;

  width: 30%;

  float: right;

  margin-right: 2vw;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-appearance:none;

}



.error

{

  color:red;

  padding-left: 2vw;

}

/*------------------------------show-data styles------------------*/



 .label1

 {

  font-size: 1vw;

  padding-left: 1.5vw; 

  font-weight: bolder;

 }

.data

{

  width: 100%;

  font-size: 1.5vw;

  height: 100%;

  padding: 0.5vw 1vw;

  border:0.2vw solid orange;

  border-top:none;

  border-left:none;

  border-right: none;

  border-radius: 7px;

  color:#084B8A;

  font-weight: bold;

  background: #fff;

}

/*rgba(41,184,229,1)*/

/*------------------------styles graduates--------------*/

.mosaicImg

{

  width: 15vw;

  height: 11vw;

  filter: drop-shadow(5px 5px 10px #444);

}

.mosaic:hover  

{

  -webkit-transform:scale(1.3);

  transform:scale(1.3);

}

.mosaic 

{

  overflow:hidden;

}

.mosaicText

{

  text-align: center;

  font-size: 1.5vw;

  font-weight: bold;

}

.mosaicText:hover  

{

  -webkit-transform:scale(1.3);

  transform:scale(1.3);

}

/*-----------------------styles sections----------------------*/

.img-init

{

  width: 70%; 

  margin:auto; 

  display: block;"

}

.text-init

{

  text-align: center;

  font-size: 2vw; 

  font-weight: bolder;"

}

/*-----------------------styles sections secondary----------------------*/

.tarjeta{



width: 50vw;

background: #f1f1f1;

margin: 25px 25px 25px 25px;

box-shadow: 0 0 20px 1px rgba(0,0,255,0.3);

margin:auto;

display: block;

}

.seccion1{

  height: 30vw;

  overflow: hidden;

  background: #fff;

  position: relative;

  margin:auto;



}

#imagenCont, #imagenCont1,#imagenCont2,#imagenCont3,#imagenCont4,#imagenCont5

{

  width: 70%;

  height: 70%;

  margin:auto;

  display: block;

  padding-top: 2%;

}

.nav1{

  text-align: center;

}

.nav1 img{

  width: 80px;

  height: 70px;

  border: 1px solid #ddd ;

  margin :8px 2px;

  cursor: pointer;

  transition: 0.3s;

}

.nav1 img:hover{

  border-color: #6ab04c;

}



.inf_producto{

  

  padding: 24px;

}

.nombre{

  font-size: 2vw;

  color: #3015D1;

}

.descripcion{

  font-size: 1.5vw;

  opacity: 0.7;

  text-align: justify;

}

/*----------------------------- achievement styles ---------------------*/

.img_ach

{

  width: 60%;

  margin: auto;

  display: block;

}

.nombre-ach{

  font-size: 2vw;

  color: #3015D1;

  text-align: center;

  font-weight: bolder;

}

.descripcion-ach{

  font-size: 1.5vw;

  opacity: 0.7;

  text-align: center;

}



/*------------------- scroll back to top------------------------------*/

#button {

  display: inline-block;

  background-color: #FF9800;

  width: 3vw;

  height: 3vw;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 2vw;

  right: 2vw;

  transition: background-color .3s, 

    opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}



#button:hover {

  cursor: pointer;

  background-color: #333;

  color: white;

  text-decoration: none;

}

#button:active {

  background-color: #555;

}

#button.show {

  opacity: 1;

  visibility: visible;

}

.icon-up

{

  color: white;

  font-size: 2vw;

  font-weight: bolder;

  padding-top: 0.5vw;

  text-align: center;

}

/*--------------------------sport achivments--------------*/

.img_sport

{

  width: 15vw;

  height: 14vw;

}



#galeria {

      

      height: 1300px;

      margin: 20px auto;

      padding: 40px;

      position: relative;

}   







#galeria section {



   overflow: hidden;

   opacity: 0.9;

   -webkit-transition: all 0.5s linear;

   -webkit-border-radius: 15px;

   border-radius: 15px;

   -webkit-box-shadow: -3px -3px 50px #666;

   box-shadow: -3px -3px 50px #666;

   -webkit-transform: scale(0.60);

}   



#galeria section:hover {

   z-index: 999;

   -webkit-transform: rotate(0deg);

   opacity: 1;

   

}