/*beginrep*/


.caja {
position: relative; /*Para poder ubicar la info dentro de la caja*/
margin: 0 auto;

}
.caja img {
border:2px solid black;
}
.info {
position: absolute; /*Info sobre la imagen*/
bottom: -100%;
left: 10%; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding: 5px;
color: white;
background: black;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
width:120px;
}
.caja:hover .info {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}


.redes {
    width:400px;
    margin: 10px auto 10px auto;
}
.redes li {         
  padding:15px;
 display:inline-block;
}
.redes a.email {
    background-image:url(../Corp/ImgCorp/Email.png); 
    background-repeat:no-repeat;
    padding:24px;
    resize:none;
    
}
    .redes a.email:hover {
    background-image:url(../Corp/ImgCorp/EmailSobre.png) 
    }

.redes a.face {
    background-image:url(../Corp/ImgCorp/Face.png); 
    background-repeat:no-repeat;
    padding:24px;
    resize:none;
    }
    .redes a.face:hover {
    background-image:url(../Corp/ImgCorp/FaceSobre.png) 
    }

.redes a.whats {
    background-image:url(../Corp/ImgCorp/Tel.gif); 
    background-repeat:no-repeat;
    padding:24px;
    resize:none;
    }
    .redes a.whats:hover {
    background-image:url(../Corp/ImgCorp/TelSobre.gif) 
    }
.redes a.you {
    background-image:url(../Corp/ImgCorp/You.png); 
    background-repeat:no-repeat;
    padding:24px;
    resize:none;
    }
    .redes a.you:hover {
    background-image:url(../Corp/ImgCorp/YouSobre.png) 
    }


#jssor_1 a {
    font-size:1.5em;
    padding:0.5em;
    position:absolute;
    right:10px;
    bottom:10px;
    left:auto;
    text-align:right;
    color:#fff;
    background-color:rgba(0,0,0,0.4);
    text-decoration:none;

}

h1 {
    font-family:'Bebas Neue';
    text-transform: uppercase;        
    color: #283148;        
}
label {
    font-family:'Roboto';
}
a.plain {
    font-family:'Roboto';
    font-weight:600;
    font-size:smaller;
    font-style:italic;
}

@import url('http://fonts.googleapis.com/css?family=Roboto');
.cmd {    
    font-family:'Roboto';
    padding:4px 10px;
    background-color:#283148;
    color:#FFFFFF;
    border: 0px;    
    font-size: 16px;
    margin-left:15%;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;    
}


fieldset {
border-width:0px;
}
.InputTxt {
	border: 1px solid #FF9933;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	font-size: 20px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}
input.rounded:focus {
    border-color: #339933;
}
.field-validation-error {
    color: #e80c4d;    
    font-family:'Roboto';
    font-weight:600;
    font-size:smaller;    
}


#GraOra {
    float:left;
    width:50%; height:20px; 
    background: -webkit-linear-gradient(left, #A62300, white); 
    background: -o-linear-gradient(right, #A62300, white); 
    background: -moz-linear-gradient(right, #A62300, white); 
    background: linear-gradient(to right, #A62300, white); 
}

#GraGre {
    margin-left:50%;
    width:50%; height:20px; 
    background: -webkit-linear-gradient(right, #A62300, white); 
    background: -o-linear-gradient(left, #A62300, white); 
    background: -moz-linear-gradient(left, #A62300, white); 
    background: linear-gradient(to left, #A62300, white); 
}

/*endrep*/
.obj {
text-align:justify;
width:100%;
background-color:#FFFFFF;
}
   

.imggo {
    width:90px;
       
}
form {
    width:100%;

}

#contenido {
    margin:0 auto 0 auto ;
    background-color:#FFFFFF;
    box-shadow:0 10px 80px 0;

    
}

#menu {
    width: 100%;    
    background-color:#283148;
    font-family:'Arial Rounded MT' ;
     zoom:1;
}

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}


#menu li {
    float: left;
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    position: relative;        
}




#menu a {
    float: left;
    padding: 20px 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family:'Bebas Neue';    
    font-size:20px;
    font-weight:bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    
}
    #menu li:hover a {
        color: #283148;
        margin:0px;    
    }
    
    #menu a:hover {
    background-color:#FFFFFF;    
    }