body{background: url("fondo6.jpg") no-repeat;




-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;


}





div.contenedor
{

width:1200px;

margin: 0 auto;



}

.cabecera
{

width: 1200px;
height: 200px;

background: url("cabecera2.png") no-repeat;

-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

-webkit-border-top-left-radius: 34px;
-moz-border-top-left-radius: 34px;
border-top-left-radius: 34px;

-webkit-border-top-right-radius: 34px;
-moz-border-top-right-radius: 34px;
border-top-right-radius: 34px;



-webkit-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-moz-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);


}










.opa:hover
{



opacity:0.6;







}






.enlas:link
{

text-decoration:none;
color:#6A5ACD;
font-size:1.2em








}

.enlas:active
{

text-decoration:none;
background-color:rgba(255,255,255,0);
color:#6A5ACD;







}
.enlas:hover
{

font-style: italic;
font-size:1.3em;







}

.enlas:visited
{

text-decoration:none;
color:#6A5ACD;






}

.opus:hover
{

opacity: 0.8;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;





}


.button li ul
{

display:none;
position:absolute;
min_width:140 px;
z-index:100;



}

.button li:hover>ul
{display:block;
z-index:10000;
position:absolute;
}


.button li a
{

background:#000000;
border-color: #dedede #d8d8d8 #d3d3d3;
box-shadow: 0 0px 0px #eaeaea, inset 0 1px 0 #fbfbfb;
display:block;
text-decoration: none;
padding: 8px 11px;
border-radius: 3px;

  background: -moz-linear-gradient(top,  #0f0f0f, #000000);
  background: -webkit-linear-gradient(top,  #0f0f0f, #000000);
  background: o-linear-gradient(top,  #0f0f0f, #000000);
  background: ms-linear-gradient(top,  #0f0f0f, #000000);
  background: linear-gradient(top,  #0f0f0f, #000000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0f0f', endColorstr='#000000');

box-shadow:0 0 4px 3px rgba(0,0,0,0.4), 0 0 4px 3px rgba(0,0,0,0.4) inset;
-moz-box-shadow:0 0 4px 3px rgba(0,0,0,0.4), 0 0 4px 3px rgba(0,0,0,0.4) inset;
-webkit-box-shadow:0 0 4px 3px rgba(0,0,0,0.4), 0 0 4px 3px rgba(0,0,0,0.4) inset;



}

.button>li{float:left;}


.button li a:hover
{

background: -ms-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -moz-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -o-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -webkit-gradient(linear, left top, left down, color-stop(0, #FFFFFF), color-stop(1, #0044FF));


background: -webkit-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: linear-gradient(to left, #FFFFFF 0%, #0044FF 100%);








}

.tuto li ul
{

display:none;
position:absolute;
min_width:140 px;
z-index:100;



}

.tuto li:hover>ul
{display:block;
z-index:10000;
position:absolute;
}


.tuto li a
{

background:#000000;
border-color: #dedede #d8d8d8 #d3d3d3;
box-shadow: 0 0px 0px #eaeaea, inset 0 1px 0 #fbfbfb;
display:block;
text-decoration: none;
padding: 8px 11px;
border-radius: 3px;

  background: -moz-linear-gradient(top,  #0f0f0f, #000000);
  background: -webkit-linear-gradient(top,  #0f0f0f, #000000);
  background: o-linear-gradient(top,  #0f0f0f, #000000);
  background: ms-linear-gradient(top,  #0f0f0f, #000000);
  background: linear-gradient(top,  #0f0f0f, #000000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0f0f', endColorstr='#000000');

box-shadow:0 0 4px 3px rgba(0,0,0,0.4), 0 0 4px 3px rgba(0,0,0,0.4) inset;
-moz-box-shadow:0 0 4px 3px rgba(0,0,0,0.4), 0 0 4px 3px rgba(0,0,0,0.4) inset;
-webkit-box-shadow:0 0 4px 3px rgba(0,0,0,0.4), 0 0 4px 3px rgba(0,0,0,0.4) inset;



}

.tuto>li{float:left;}


.tuto li a:hover
{

background: -ms-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -moz-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -o-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -webkit-gradient(linear, left top, left down, color-stop(0, #FFFFFF), color-stop(1, #0044FF));


background: -webkit-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: linear-gradient(to left, #FFFFFF 0%, #0044FF 100%);








}







.button li a:link {text-decoration:none;color:#FFFFFF; font-size:28px;} 



  




  



.button li a:visited {text-decoration:none;color:#FFFFFF;} 
.button li a:active {text-decoration:none;color:#FFFFFF;} 
.button li a:hover {text-decoration:none;color:#770077; border-top-left-radius: 1em; border-bottom-right-radius: 1em;
 transition: all 1s;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 cursor:pointer;
 } 

ul{list-style: none; margin: 1px; padding: 0;}

ul li{display: block; margin:1px;}

.cuer
{

width:1200px;

 height:800px;  

background:url('degra1.jpg') no-repeat;

-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;


-webkit-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-moz-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);


-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;








}

.clearfix, .clearfix:before, .clearfix:after{
  clear:both;
}
.clearfix:before, .clearfix:after{
  content:"";
}

.clear {
  clear: both;
}


.cuerpaso
{




width:1200px;


display:flex;

background:url('degra1.jpg') no-repeat;

-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;


-webkit-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-moz-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);


-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;








}

.pie
{

width:1200px;

height:100px;

background:url('degra3.jpg') no-repeat;


-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

-webkit-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-moz-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-webkit-border-bottom-left-radius: 34px;
-moz-border-bottom-left-radius: 34px;
border-bottom-left-radius: 34px;

-webkit-border-bottom-right-radius: 34px;
-moz-border-bottom-right-radius: 34px;
border-bottom-right-radius: 34px;



}

.volver
{

float:left;
color:#6A5ACD;
font-size:1.2em;
text-decoration:none;
text-shadow:1px 1px rgba(92,132,176,1);



}

.volver:hover
{


font-style:italic;


}

.doblado
{


text-shadow:1px 1px rgba(92,132,176,0.3);







}

.doblado:hover
{

font-style:italic;
text-shadow: 11px 9px 0px rgba(92,132,176,0.3);






}

.tabs {
  width: 100%;
  max-width: 1200px;
	margin: 10px auto 0;
	position: relative;
float:left;
}
.tab1 {
  float:left;
}
.tab1 label {
    background: #0044ff; 
      padding: 5px; 
      border: 1px solid #ccc; 
      margin-left: 1px; 
      position: relative;
      left: 1px; 
      font-family: nunito, sans-serif;
      color: #ffffff; 
      transition: all .5s ease; 
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition:all .5s ease;
 -ms-transition:all .5s ease;



      font-size: 1.3rem;  
      border-radius: 5px 5px 0 0; 
      -moz-border-radius:5px 5px 0 0;
      -webkit-border-radius:5px 5px 0 0;
      z-index: 5;
      line-height: 1.2;
     
}
.tab1 [type=radio] {
  display: none;   
}

.tab1 label:hover {
  color: #6A5ACD;
background: -ms-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -moz-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -o-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: -webkit-gradient(linear, left top, left down, color-stop(0, #FFFFFF), color-stop(1, #0044FF));


background: -webkit-linear-gradient(right, #FFFFFF 0%, #0044FF 100%);


background: linear-gradient(to left, #FFFFFF 0%, #0044FF 100%)


 }

.content {
   position: absolute;
      top: 28px;
      left: 0;
      background:url('degra1.jpg') no-repeat;

-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;


-webkit-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-moz-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);
      right: 0;
      bottom: 0;
      padding: 20px;
      border: 1px solid #0af; 
      opacity:0;
      overflow: hidden;
      width:1117px;height:660px;
}
[type=radio]:checked ~ label {
 
      border-bottom: 1px solid white;
      z-index: 2;
      background: #A9E2F3;
      color: #6A5ACD;
}
[type=radio]:checked ~ label ~ .content {
  opacity: 1; 
background:url('degra1.jpg') no-repeat;

-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;


-webkit-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

-moz-box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);

box-shadow: 10px 12px 13px 1px rgba(92,132,176,1);
 color: #6A5ACD; 
transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-moz-transition:all 1s ease;
 -ms-transition:all 1s ease;
text-decoration: none;
  font-family: nunito, sans-serif;
font-size: 1.2rem;
z-index:11;

}

.tablica
{


float:left;
width:530px;
border: 5px ridge blue;







}

.tablica5
{


float:left;
width:530px;
border: 5px ridge blue;







}

.colus
{

border: 5px ridge blue;

width:180px;

font-size:0.95em;



}

.colus3
{

border: 5px ridge blue;

width:300px;

font-size:0.95em;



}




.colus1
{

border: 5px ridge blue;

width:100px;
font-size:0.95em;


}

.linkun
{
color: #6A5ACD;
text-decoration:none;
font-size:0.95em;

}

.linkun:hover
{

font-style:italic;
transition: all 1s;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;

color:#DC3636;


}

.linkun:visited
{

color:#6A5A00;


}


.des
{

border: 5px ridge blue;

width:100px;
font-size:0.85em;


}

.tablica1
{


float:left;
width:530px;
border: 5px solid;

background-image:url("borde4.png");



}

.tablica2
{


float:left;
width:530px;
border: 5px solid;

background-image:url("borde7.png");



}




.colus2
{

border: 5px ridge blue;




width:180px;

font-size:0.95em;



}

.colus11
{

border: 5px ridge blue;


background-image: -webkit-gradient(linear, 0 0, 0 100%, from(blue), to(#2ECCFA));
background-image: -webkit-linear-gradient(blue, #2ECCFA);
background-image: -moz-linear-gradient(blue, #2ECCFA),
-moz-linear-gradient(blue, #2ECCFA);
background-image: -o-linear-gradient(blue,#2ECCFA),
-o-linear-gradient(blue, #2ECCFA);
background-image: linear-gradient(blue, #2ECCFA),
linear-gradient(blue, #2ECCFA);
-moz-background-size:5px 100%;
background-size:5px 100%;
background-position:0 0, 100% 0;
background-repeat:no-repeat;

width:100px;
font-size:0.95em;


}

.des1
{

border: 5px ridge blue;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(blue), to(#ccc));
background-image: -webkit-linear-gradient(blue, #ccc);
background-image: -moz-linear-gradient(blue, #ccc),
-moz-linear-gradient(blue, #ccc);
background-image: -o-linear-gradient(blue,#ccc),
-o-linear-gradient(blue, #ccc);
background-image: linear-gradient(blue, #ccc),
linear-gradient(blue, #ccc);
-moz-background-size:5px 100%;
background-size:5px 100%;
background-position:0 0, 100% 0;
background-repeat:no-repeat;

width:100px;
font-size:0.85em;


}

.botoni
{


    padding: 9px 17px;

   font-family: Helvetica, Arial, sans-serif;

   font-weight: bold;

   line-height: 1;

   color: #448;

   border: none;

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

   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));

   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);

   background-color: #dff;

   border: 1px solid #f1f1f1;

   border-radius: 10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;

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











}

.botoni:hover
{








    opacity:.55;

    cursor: pointer; 

    color: #171391;
}

.botoni:active
{

  border: 1px solid #171391;

    box-shadow: 0 0 10px 5px #171391 inset; 




}

.alre:focus
{

box-shadow: 0px 1px 8px #F48004;
  -webkit-box-shadow: 0px 1px 8px #F48004;
  -moz-box-shadow: 0px 1px 8px #F48004;

padding: 2px 6px;

background:#eee;


}


.dale
{

font-weight: bold;
    cursor: pointer;
    padding: 5px;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 8px 8px 8px 8px;


width:100px;
color: #6A5ACD;
font-size:1.1em;






}

.dale:hover
{


 background: #aaeeee;




}

.dale:active
{


 background: #6A5ACD;
 color: #FFFFFF;




}
.animacion img{

position:absolute;

 -moz-transition: all 1s ease-in-out;
 -webkit-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}

#crossfade {


	position:relative;
	height:400px;
	width:500px;
	margin:0 auto;







}



#crossfade > img { 
   
    position: absolute;
   left:0;
    color: transparent;
    opacity: 0;
    
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 42s linear infinite 0s;
    -moz-animation: imageAnimation 42s linear infinite 0s;
    -o-animation: imageAnimation 42s linear infinite 0s;
    -ms-animation: imageAnimation 42s linear infinite 0s;
    animation: imageAnimation 42s linear infinite 0s; 
}

#crossfade > img:nth-child(2)  { 
    
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > img:nth-child(3) { 
    
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) { 
    
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) { 
   
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

#crossfade > img:nth-child(6) { 
    
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

#crossfade > img:nth-child(7) { 
    
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


.vaya{


background: url(acad.png) no-repeat;




}




.vaya:hover{


background: url(acad2.png) no-repeat;







}