html {
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
}
input[type=text] {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid red;
}


@media (max-width: 1200px) {
        body {
        background-image: url("../img/Fondo.png"); 
        background-color: #ffff; 
        background-repeat: no-repeat;  
        background-position: center;  
        width:90%;
        margin:0px auto;   
        font-family: "Arial";
        color: #000 ;
        font-size: 10px;
        text-align:left;   
        }
    }
@media (min-width: 320px) {
       body {
        background-image: url("../img/Fondo.png"); 
        background-color: #ffff; 
        background-repeat: no-repeat;     
        background-position: center ;  
        width:90%;
        margin:0px auto;   
        font-family: "Arial";
        color: #000 ;
        font-size: 10px;
        text-align:left;   
        }
  }
  


HEADER {  
    Float:right;
    }
 
/* End Wrapper Container */
a { color: #000; 
    font-size: 10px;
}
a:hover { 
color: #2E64FE;
font-size: 105%;
}
p {  font-family:Arial; 
     font-weight: bold;
    color: green;
    font-size: 10px;
}
 

h1, h2,h5  {
font-family: "Arial"; font-weight: bold;font-size: 12px; color: RED;  }

h3 {
font-family:"Arial"; font-weight: bold;font-size: 20px; color: #666; }
h4 {
font-family:"Arial"; font-weight: bold;font-size: 15px; color: #666; }

h8 {font-family:"Arial"; font-weight: bold; font-size: 25px; color: #000; }

I {
font-family:"Arial"; font-weight: bold;font-size: 17px; color: green; }

.loggin {
  position:relative;
  width:350px;
  height:370px;
  font-size:130%;
  z-index:5;
}
.loggin::before {
  Left:0;
  Top:0;
  Content:"";
  background-color: ffff;
  opacity: 0.5;
  width:350px;
  height:370px;
  z-index:-1;
}
.ImgUsuaruio {
   width:180px;
   height:200px;
   top:0px;
   //bottom:160px;
   right:0px;
   text-align:center;
   position:fixed; 
}

.funciones {
    float:left;
    margin-top:150px;
	color:#FFF;
	background-color:#000;	
	width:90%;
	height:280px;
	text-align:left;
    position:absolute;
	} 
 
.nav 	{
	position:absolute;
 	font-size: 16px;
    font-color:#fff;
	float: right;

	}

.left-div {
	padding:10px auto;
	color: #FFF;
	font-size:14px;
	/*   font-family: "JosefinSansStdLight",Verdana,Arial;*/
	background-color:#000;
	float:left;
	text-align:justify;
	height:250px;
	width:300px;
    position:relative;
}
.center-div {
    padding:10px auto;
	color: #FFF;
	font-size:14px;
  /*   font-family: "JosefinSansStdLight",Verdana,Arial;*/
	text-decoration: none;
	background-color:#000;
	float:left;
    text-align:justify;
	height:250px;
	width:300px;
	  position:relative;
}
	
.right-div {
   padding:10px auto;
	color: #FFF;
	font-size:14px;
  /* font-family: "JosefinSansStdLight",Verdana,Arial;*/
	text-decoration: none;
	background-color:#000;
	float:right;
    text-align:justify;
	height:250px;
	width:300px;
 
}
 
 
FOOTER {
   width:90%;
   height:30px;
   opacity: 0.5;
   filter: alpha(opacity=50); /* For IE8 and earlier */
   margin:0 auto;
 //padding:3px auto;
   background-color: #444;
   color:#FFF;
   text-align:center; 
// right:0px;
   bottom:0px;
   position:fixed;
// line-height: 20px;
   font-size:10px;
   font-family:tahoma;
// font-weight: bold;
}
.footerIN {
   width:90%;
   height:30px;
   opacity: 0.5;
   filter: alpha(opacity=50); /* For IE8 and earlier */
   margin:0 auto;
 //padding:3px auto;
   background-color: #444;
   color:#FFF;
   text-align:center; 
// right:0px;
   bottom:0px;
   position:fixed;
// line-height: 20px;
   font-size:10px;
   font-family:tahoma;
// font-weight: bold;
}

img { border:0px; 
 
} 
.PWD { color:#fff; font-size: 25px;}


.button {
   border-top: 1px solid #96d1f8;
   background: #3aa8f2;
   background: -webkit-gradient(linear, left top, left bottom, from(#19384d), to(#3aa8f2));
   background: -webkit-linear-gradient(top, #19384d, #3aa8f2);
   background: -moz-linear-gradient(top, #19384d, #3aa8f2);
   background: -ms-linear-gradient(top, #19384d, #3aa8f2);
   background: -o-linear-gradient(top, #19384d, #3aa8f2);
   padding: 12.5px 25px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;}

#grilla { margin:0 ;}
    
  
#Contenedor{
background: rgba(0,0,0,0.5);
background-size:100% auto;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
//position: absolute;
display: none; }

#ContenedorAltaIng { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:420px; 
  width:370px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
// -moz-border-radius: 10px;
  //-webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;}

#ContenedorAltaGasto { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:420px; 
  width:370px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;}
  
#ContenedorPagoGasto { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:300px; 
  width:400px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;} 
  
#ContenedorPagoGastoAlta { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:420px; 
  width:400px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 //-moz-border-radius: 10px;
 //-webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
 }
  
#ContenedorAltaProv { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:480px; 
  width:280px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
 // -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;}
  
 #ContenedorEditarProv { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:350px; 
  width:290px;;
// position:absolute;
  margin:0px auto ;
  float:left;;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: block;} 

#ContenedorAltaNotificacion { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:500px; 
  width:360px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
 // -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;}

#ContenedorAltaUser { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:550px; 
  width:360px;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;}
  
  #ContenedorEditarUser { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:660px; 
  width:350px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     
  }

#ContenedorPanelControl {
    // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:650px;
  width:400px;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
 // -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  }  
#ContenedorEditar {
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:840px;
  width:600px;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 13px 13px;
 // -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  }  
 
#ContenedorForm {
 // background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  Color: #000; 
  height:650px;
  width:600px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 10px 10px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;
}
#contenedorFormMat {
 // background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  Color: #000; 
  height:460px;
  width:400px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;
}

#FormGeneraCodBarra {
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  Color: #000; 
  height:380px;
  width:450px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding: 15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: none;
}

#Consultas {
 // background:url(../img/card_bg.jpg) repeat;
  Color: #000;
  background-color: #fff;
  height:260px;
  width:300px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
// -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
#CajaxSuc {
 // background:url(../img/card_bg.jpg) repeat;
  Color: #000;
  background-color: #fff;
  height:330px;
  width:300px;
// position:absolute;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#Deudores {
 // background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
    color:#000;
    height:410px;
    width:300px;
// position:absolute;
  margin:0px auto ;
  float:left;
    border:1px solid #666;
    padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#AltaSanciones { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:200px;
  width:280px;
  border:1px solid #666;
  padding:15px 15px;
// -moz-border-radius: 10px;
// -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

#ValidarSanciones {
  // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:550px;
  width:400px;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
 // -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;  

}



#Notas{ 
 // background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  height:720px;
  width:400px;
  display:block;
  margin:0px auto ;
  border:1px solid #666;
  padding:15px 15px;
 
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

#PagoInscripcionesMaterias { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:320px;
  width:400px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//   -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}
 
#PagoExamenFinal{ 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:750px;
  width:450px;
  display:block;
// position:absolute;
  margin:0px auto ;
  float:left;;
  border:1px solid #666;
  padding:15px 15px;
//   -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}


#AltaNotas { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:240px;
  width:400px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}
  
#AsistManual {
   // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:250px;
  width:370px;
  float:left;
  border:1px solid #666; 
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;} 

#Inasistencia {
   // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:470px;
  width:350px;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}


#CambioEstado {
 // background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  height:260px;
  width:400px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

#CobroCuotasInscripciones1 { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:500px;
  width:330px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
// -moz-border-radius: 10px;
  //-webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}
  
#CobroCuotasInscripciones { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:540px;
  width:330px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;} 
  
#CobroCuotasInscripcionesAlta { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:800px;
  width:330px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;} 
  
  
  
#ConstanciaAlumnoRegular { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:530px;
  width:315px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
 // -moz-border-radius: 10px;
 // -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}  
#Recibo { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:800px;
  width:380px; 
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

#Marcacion { 
 // background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:450px;
  width:300px;
  display:block;
  float:left;

  border:1px solid #666;
  padding:10px 10px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

#ReciboTorneo{ // background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  height:460px;
  width:500px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:15px 15px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

#inscripciones{ 
//  background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  height:360px;
  width:330px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:10px 10px;
//  -moz-border-radius: 10px;
 // -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}
 
#inscripciones-Alta{ 
//  background:url(../img/card_bg.jpg) repeat;
    background-color: #fff;
  height:580px;
  width:330px;
  display:block;
  margin:0px auto ;
  float:left;
  border:1px solid #666;
  padding:10px 10px;
//  -moz-border-radius: 10px;
//  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}

.clientes {
  position:relative;
  top:  50px; 
  left: 50px;
}

.bordes {
padding: 30px;
background-color: #ffffff;
// -moz-border-radius: 17px;
// -webkit-border-radius: 17px;
border-radius: 17px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 20px #fff;
-webkit-box-shadow: 0px 0px 20px #fff;
box-shadow: 0px 0px 20px #fff;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
// border-radius: 16px 16px 16px 16px;
// -moz-border-radius: 16px 16px 16px 16px;
// -webkit-border-radius: 16px 16px 16px 16px;
// border: 0px sólido (solid) #000000;
}

/* Styles para la marcacion */
.pie {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.BtMarcar {
	font-size: 26px;
	font-weight: bold;
	color: #006600;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}
.Texto {
	font-size: 26px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Legajo {
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: blue;
}
.Advertencia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.Acercade {
font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	// font-weight: bold;
	color: #000;
	text-align: left;
	Width:950px;
	height:300px;
	margin:50px 100px 50px100px;
      }

.Acceso {
	font-family: "JosefinSansStdLight", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
    float:right;
	//margin:50px 130px 50px 50%;
    width:600px;
    display:block;
	} 

.Presentacion {
	font-family: "JosefinSansStdLight", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
  float:right;
    width:100%;
    display:block;
	} 

/* General Card Styling  */

#wrapper {
  width:100%;
  margin:0 auto;
  text-align:justify;
  padding-top:5px;
  float:left;
}
/* CSS para las CARTAS EN EL INICIO */
  
ul#index_cards {
  margin-top:40px;
  text-align:center;
}
  
ul#index_cards li {
//  background:url(../img/card_bg.jpg) repeat;
  background-color: #fff;
  height:180px;
  width:150px;
  display:block;
  float:left;
  border:1px solid #666;
  padding:25px 10px;
  position:relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#card-1 {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  z-index:1;
  left:150px;
  top:40px;
}
  
#card-2 {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  z-index:2;
  left:70px;
  top:10px;
}
  
#card-3 {
 // background-color:#69732B;
  z-index:3;
}
  
#card-4 {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  z-index:2;
  right:70px;
  top:10px;
}
  
#card-5 {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  z-index:1;
  right:145px;
  top:40px;
}
/* Hover States */
  
ul#index_cards li:hover {
  z-index:4;
}
  
#card-1:hover {
  -moz-transform: scale(1.1) rotate(-18deg);
     -webkit-transform: scale(1.1) rotate(-18deg); 
}
    
#card-2:hover {
  -moz-transform: scale(1.1) rotate(-8deg);
   -webkit-transform: scale(1.1) rotate(-8deg); 
}
  
#card-3:hover {
  -moz-transform: scale(1.1) rotate(2deg);
   -webkit-transform: scale(1.1) rotate(2deg); 
}
  
#card-4:hover {
  -moz-transform: scale(1.1) rotate(12deg);
   -webkit-transform: scale(1.1) rotate(12deg); 
}
  
#card-5:hover {
  -moz-transform: scale(1.1) rotate(22deg);
   -webkit-transform: scale(1.1) rotate(22deg); 
}
/* Content Styling */
  
ul#index_cards li img {
  margin-top:7px;
  background:#eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px #aaa;
  -webkit-box-shadow: 0px 0px 5px #aaa;
}
      
ul#index_cards li p {
  margin-top:4px;
  text-align:left;
  line-height:28px;  
 }
 
/* MENU 2 */
/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/whirling-dropdown-menu/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

* {
    margin: 0;
    padding: 0;
}
.container {
 //   margin: 70px auto;
    margin: 0px auto;
    width: 90%;
}

/* general styles */
.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu {
    height: 58px;
}
.menu li {
    background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient(#292929, #252525);

    border-bottom: 2px solid #181818;
    border-top: 2px solid #303030;
    min-width: 135px;
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    border-radius: 5px 0 0;
}
.menu a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #808080;
    display: block;
    font-family: 'Lucida Console';
    font-size: 10px;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

/* onhover styles */
.menu li:hover {
    background-color: #1c1c1c;
    background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
    background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
    background: -o-linear-gradient(#1c1c1c, #1b1b1b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
    background: linear-gradient(#1c1c1c, #1b1b1b);

    border-bottom: 2px solid #222222;
    border-top: 2px solid #1B1B1B;
}
.menu li:hover > a {
    border-radius: 5px 0 0 0;
    border-left: 3px solid #C4302B;
    color: #C4302B;
}

/* submenu styles */
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.menu .submenu li:hover a {
    border-left: 3px solid #454545;
    border-radius: 0;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}