/*Estilos Generales*/
html, body { height: 100%;}
body{ margin:0px 0px 0px 0px; overflow-x:hidden; height:100%; line-height:1;}
::selection { background-color: rgba(193,24,47,0.9); color:#FFF; transition:all 0.5s ease;}
::-moz-selection {background-color:rgba(193,24,47,0.9); color:#FFF;  transition:all 0.5s ease;}
img, object, embed, video { max-width:100%;}
input::-webkit-input-placeholder {color:#C1182F;}
input:-moz-placeholder {color:#C1182F;}
a{ text-decoration:none;}
/*End Estilos Generales*/


/*Pantalla de inicio Login*/
.layaout_1{ width:100%; height:100%; position:relative; display:block; float:left; clear:both; top:0px; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/login/fondo_1.jpg);}
#box_1{ width:350px; height:400px; position:relative; margin:15% auto 0px auto; clear:both; display:block; background-color:rgba(0,0,0,0.7); border-radius:10px; box-shadow:4px 4px 8px rgba(0,0,0,0.8); text-align:center; padding:30px 30px 30px 30px;}
.box-label{ width:93%; height:35px; position:relative; display:block; clear:both; margin:30px 0px 30px 0px; border:none; background-color:rgba(255,255,255,0.5); outline:none; font-size:20px; color:#C1182F; font-family: ProximaNova-regular; padding:0px 15px 0px 15px;}

.olvida { font-family: ProximaNova-regular; font-size: 18px; color: #FFF; text-decoration: none; text-align:right; float:right; clear:both; transition:all 0.5s ease;}
.olvida:hover {color:#C1182F; text-decoration: underline; box-shadow:2px 2px 5px rgba(0,0,0,0.6);}
.ingresa{ padding:5px 15px 5px 15px; font-family: ProximaNova-regular; font-size:20px; color:#fff; border:none; background-color:#C1182F; cursor:pointer; border-radius:0px 5px 0px 5px; margin:10px auto 0px auto; position:relative; clear:both; transition:all 0.5s ease;}
.ingresa:hover{ border-radius:10px 0px 10px 0px; background-color:#A5001C;}
.error{ color:#fff; text-align:left; font-family: ProximaNova-regular; }

/*Pantalla de usuarios ingresados*/
.layaout_2{ width:100%; height:100%; position:relative; display:block; float:left; clear:both; top:0px; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/usuario/fondo_1.jpg); overflow:hidden; }
.layaout_3{ width:100%; height:70px; background-color:#333333; position:relative; z-index:900; display:block; float:left; clear:both; top:0px;}

#figure_1{ width:105px; height:60px; position:relative; float:left;  display:block; text-align:center; padding:10px 0px 0px 0px ; margin:0px 0px 0px 30px;}
#figure_2{ width:50px; height:50px;  position:relative; float:right; display:block; padding:0px; margin:10px 20px 10px 0px; background-color:#FFF; border-radius:290px; overflow:hidden;}
#figure_3{ width:200px; height:200px; position:relative; display:block; clear:both; padding:0px; margin:5px auto 5px auto; background-color:#FFF; border-radius:290px; overflow:hidden;}


#menu{ width:70px; height:70px; position:absolute;  padding:0px; margin:0px; border:none 0px; background-image:url(../images/usuario/menu_a.png); background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; background-color:rgba(0,0,0,0.5); cursor:pointer;}
#menu:hover{background-image:url(../images/usuario/menu.png); background-color:#333333;}

#menu_2{ width:70px; height:70px; position:absolute;  padding:0px; margin:0px; border:none 0px; background-image:url(../images/usuario/menu.png); background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; background-color:#333333; cursor:pointer;}
#menu_2:hover{background-image:url(../images/usuario/menu_a.png); background-color:rgba(0,0,0,0.5);}

#content_btn{width:70px; height:70px; position:relative; float:right; display:block; padding:0px; margin:0px;}

#content_menu{ width:372px; height:100%; position:relative; float:right; display:block; padding:0px 19px 0px 19px; margin:0px 0px 0px 0px; text-align:center; background-color:rgba(0,0,0,0.5); top:0px; box-shadow:-5px 0px 6px rgba(0,0,0,0.6); overflow:scroll;}
#content_foto{width:210px; height:210px; position:relative; display:block; clear:both; padding:0px; margin:40px auto 35px auto; border:2px solid #fff; padding:0px; border-radius:290px; overflow:hidden;}
#navegacion{ width:100%; height:auto; min-height:400px; position:relative; clear:both; padding:0px; margin:30px 0px 0px 0px;}
#navegacion li{ width:117px; height:22px; position:relative; float:left; display:block; list-style:none; margin:0px 10px 10px 0px; padding:95px 0px 0px 0px; border-radius:5px; box-shadow:-2px 2px 4px rgba(0,0,0,0.6); color:#000; font-family: ProximaNova-regular; font-size:17px; transition:all 0.5s ease; cursor:pointer;}
#navegacion li:hover{color:#fff;}

#navegacion li:nth-child(3){ margin:0px 0px 10px 0px;}
#navegacion li:nth-child(6){ margin:0px 0px 10px 0px;}
#navegacion li:nth-child(9){ margin:0px 0px 10px 0px;}

.btn_1{ background-image:url(../images/usuario/botones/btn_1.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_1:hover{ background-image:url(../images/usuario/botones/btn_1_a.png);}
.btn_2{ background-image:url(../images/usuario/botones/btn_2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_2:hover{ background-image:url(../images/usuario/botones/btn_2_a.png);}
.btn_3{ background-image:url(../images/usuario/botones/btn_3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_3:hover{ background-image:url(../images/usuario/botones/btn_3_a.png);}
.btn_4{ background-image:url(../images/usuario/botones/btn_4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_4:hover{ background-image:url(../images/usuario/botones/btn_4_a.png);}
.btn_5{ background-image:url(../images/usuario/botones/btn_5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_5:hover{ background-image:url(../images/usuario/botones/btn_5_a.png);}
.btn_6{ background-image:url(../images/usuario/botones/btn_6.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_6:hover{ background-image:url(../images/usuario/botones/btn_6_a.png);}
.btn_7{ background-image:url(../images/usuario/botones/btn_7.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_7:hover{ background-image:url(../images/usuario/botones/btn_7_a.png);}
.btn_8{ background-image:url(../images/usuario/botones/btn_8.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_8:hover{ background-image:url(../images/usuario/botones/btn_8_a.png);}
.btn_9{ background-image:url(../images/usuario/botones/btn_9.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.btn_9:hover{ background-image:url(../images/usuario/botones/btn_9_a.png);}

#cerrar_sesion{ width:100%; height:100px; margin:0px 0px 30px 0px; position:relative;}
#content_iframe{ width:70%; height:100%; position:relative; display:block; margin:0px; padding:0px; float:left; overflow:hidden;}
.mi_iframe{ width:100%; height:100%; position:absolute; margin:0px; padding:0px; left:-100%; z-index:-1; opacity:0; border:0px none; transition:all 1s ease;}
.mostrar_iframe{ left:0%; opacity:1; z-index:2;}
.oculto{ z-index:-5; visibility:hidden;}