/* ESTILOS PERSONALES*/

body {
    font-family: 'Roboto', sans-serif;
    display: flex;
    width: 100%;
    margin: 0 auto;
	flex-direction: column;
    /*font-size: 1em;*/
    /*font-weight: 300;*/
    /*color: #888;*/
    /*line-height: 30px;*/
    /*text-align: center;*/
    background: #fafafa;
}

/*strong { font-weight: 500; }*/
/*
a, a:hover, a:focus {
	color: #de615e;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}*/

img { max-width: 100%; }

::-moz-selection { background: #de615e; color: #fff; text-shadow: none; }
::selection { background: #de615e; color: #fff; text-shadow: none; }



/*=====================*/
/* Estilos del Pollo   */
/*=====================*/

    

	#uno {
	    -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px;
		color: black;
		padding: 10px 10px;
		background-color: white; /*#eee5de;*/
		font-size: 12px;
		border-collapse: collapse;
		box-shadow: 0 0 10px 4px #b0e0e6; /*#ff6347;*/
	}
	#dos {
	    -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius: 8px 8px 0 0;
		border: 1px solid rgb(200,200,200); 
		color: black;
		padding: 5px 10px;
		/*cellspacing: 10px;*/
		width: 100%;
		background-color: white; /*#eee5de;*/
		font-size: 10px;
		border-collapse: collapse;
		/*box-shadow: 0 0 10px 4px #b0e0e6;*/
	}
	#tres {
	    color: gray;
		padding: 10px;
		background-color: white;
		border-collapse: collapse;
	}
	#cuatro {
	    color: gray;
		padding: 10px;
		background-color: white;
		border: 1px gray;
		border-collapse: collapse;
	}
    #div-alta {
        padding: 10px 10px;
    }
    #tablaAlta {
	    border-collapse: collapse;
    }
    #mensajealsocio {
        font-size: 12px;
    }
    #id01 {
        visibility: hidden;
        display: none;
        position: absolute;
        opacity: 0.75;
        top: 0;
        left: 0;
        filter: alpha(opacity=75);
    }
    #id01:target {
        visibility: visible;
        display: block;
        opacity: 1;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        z-index: 999;
        transition: all 2s;
    }
    
    .overlay {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1001;
        opacity: .75;
        -moz-opacity: 0.75;
        filter: alpha(opacity=75);
    }
    .modal {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        background: #fff;
        color: #333;
        z-index: 1002;
        overflow: auto;
    }
    .popup-contenedor {
        position: relative;
        margin: 7% auto;
        padding: 30px 50px;
        background-color: #fafafa;
        color: #333;
        border-radius: 3px;
        width: 50%;
    }
    .popup-cerrar {
        position: absolute;
        top: 3px;
        right: 3px;
        background-color: #333;
        padding: 7px 10px;
        font-size: 20px;
        text-decoration: none;
        line-height: 1;
        color: #aaa;
    }

    .combo {
        font-size: 12px;
        width: 200px;
    }
    .boton1 {
	    /*text-align: left;*/
	    position: relative;
        width: 200px;
	    max-width: 500px;
	    height: 40px;
	    background-color: rgb(0,202,51);
	    margin: 30px 10px;
	    padding: 5px 10px;
	    color: white;
	    font-weight: bold;
	    text-decoration: none;
	    border-radius: 4px;
	    font-size: 12px;
	}
	.boton1:hover {
	    background-color: green;
	}
	.boton2 {
	    position: relative;
        width: 200px;
	    height: 40px;
	    background-color: rgb(160,120,131);
	    margin: 30px 10px;
	    padding: 5px 10px;
	    color: white;
	    font-weight: bold;
	    text-decoration: none;
	    border-style: solid;
	    border-radius: 4px;
	    font-size: 12px;
	}
	.boton2:hover {
	    background-color: rgb(254,27,49);
	}
    .subtitulo1 {
        padding:0 10px;
        color: rgb(90,90,90);
        border-color: rgb(220,220,220);
    }
    .raya-subtitulo1 {
        padding:0;
        border-color:rgb(220,220,220);
    }
    .columna1 {
	    padding: 0px;
	    color: gray;
	}
    .botonAlta {
        padding: 10px;
    }
	.contenedor1 {
        /*width: 700px;
        margin-top: 0px;*/
        display: grid;
        grid-template-areas: "head head" "menu main" "foot foot";
        grid-template-columns: 0fr 5fr;
        justify-items: stretch;
        align-items: stretch;
        justify-content: stretch;
        align-items: stretch;
        background-color: white;
    }
    .as {
        grid-area: head;
        background-color: #eee5de;
        color: gray;
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .bs {
        grid-area: menu;
        background: rgb(245,245,245);
    }
    .cs {
        grid-area: main;
        display:flex;
        flex-direction: column;

    }
    .ds {
        grid-area: foot;
    }
	.as-1, .as-2, .as-3 {
	    margin-top: 20px;
	    padding: 0px 10px;
	}
	.as-1 { flex:1; }
	.as-2 { flex:2; }
	.as-3 
	{ 
	    flex:1;
	    text-align: right;
	    display: inline;
	    font-size: 14px;
	}
	.link-cerrar-sesion {
	    text-decoration: none;
	    font-size: 12px;
	}
	.item-menu {
	    display: block;
	    border: 1px solid rgb(220,220,220);
	    font-family: sans-serif;
	    font-size: 14px;
	    font-weight: normal;
	    text-decoration: none;
		color: rgb(11,117,204);
		padding: 10px 10px ;
		/*background-color: rgb(245,245,245);*/
		border-collapse: collapse;
	}
	.item-menu:hover {
	    background-color: rgb(190,190,190);
	    color: white;
	}
	.facturaonline {
	    background-color: #eee5de;
	    display: block;
	    border: 1px solid rgb(220,220,220);
	    font-family: sans-serif;
	    font-size: 14px;
	    font-weight: normal;
	    text-decoration: none;
		color: rgb(11,117,204);
		padding: 10px 10px ;
		border-collapse: collapse;
		color: red;
		text-align: center;
		width: 120px;
		margin: 0 auto;
	}
	.facturaonline:hover {
	    background-color: rgb(240,240,240);
	    color: orange;
	    /*font-weight: bold;*/
	}
	.nav_links_top-right {
	    position: relative;
	    font-size:12px;
	    text-align: right;
	    /*transform:translate(-50,-50px);*/
	}
	
	th {
	    border: 1px solid rgb(200,200,200);
		color: black;
		padding: 10px 5px 10px;
		background-color: #fafafa;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
	}
	td {
	    border: 1px solid rgb(200,200,200);
		color: black;
		padding: 5px 5px;
		background-color: #fafafa;
		font-size: 12px;
		font-weight: normal;
	}
	.titulo_general {
	    background-color: #eee5de;
	    font-size: 1em;
	    text-align: left;
	    padding: 10px;
	}
	.titulo-busqueda {
	    padding: 5px 7px;
	    color: rgb(50,50,50);
	    font-size: 12px;
	    background-color: #fafafa;
	}
	.titulo {
	    border-radius: 4px 4px 0 0;
	    font-size: 14px;
	    color: gray;
	}
	.titulo_tres {
	    background-color: #eee5de;
	    font-size: 1em;
	    text-align: left;
	    padding: 10px;
	}
	.titulo-th {
	    border-radius: 4px 4px 0 0;
	    font-size: 14px;
	    text-align: center;
	    background-color: rgb(220,220,220);
	    padding: 10px;
	}
	.leyenda1 {
		color: black;
		font-weight: normal;
	}
	.leyenda2 {
		color: gray;
		font-weight: normal;
	}
    .pietabla {
        border-radius: 0 0 4px 4px;
        font-size: 12px;
        text-align: center;
        padding: 10px;
    }
    .entrada {
        font-size: 14px;
        font-weight: bold;
    }
    .busqueda {
        font-size: 12px;
        font-weight: bold;
        height: 14px;
        width: 200px;
    }
    .botonuno {
		background-color: rgb(0,202,51);
		width: 194px;
        color: white;
	    font-size: 14px;
	    font-weight: bold;
	    border-radius: 6px;
	    padding: 5px 5px;
	}
	.botondos {
	    color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
	    /*background-color: rgb(0,202,51);*/
		/*width: 35px;*/
        /*color: white;*/
	    font-size: 14px;
	    font-weight: bold;
	    border-radius: 6px;
	    padding: 5px 5px;
	}
    .boton {
        background-color: rgb(0,202,51);
        color: white;
	    font-size: 14px;
	    font-weight: bold;
	    border-radius: 6px;
	    padding: 5px 10px
	}
	.boton:hover {
	    background-color: green;
	}
	/*.id {
	    border-radius: 4px 0 0 0;
	}
	.id-dato {
	    background: white;
	}*/
	.borrar {
	    border-radius: 0 4px 0 0;
	}
	.datos {
	    font-style: italic;
	    font-weight: normal;
	    color: gray;
	    height: 30px;
	    background: white;
	    padding: 5px;
	}
	.navbar-default {
	    margin-top: 10px;    
	}
    .navbar-collapse {
        margin-top: 10px;
        display: list-item;

    }
    .datossocio {
        padding: 5px 10px;
    }


    @media only screen and (max-width:999px) {
        .ocultar {
            display: none;
            visibility: hidden;
        }
        /*
        .navbar-collapse.collapse {
            display: block;
        }
        .nav navbar-nav {
            display: block;
        }*/

    }
    @media only screen and (min-width:1000px) {
        .ocultar {
            display: block;
            visibility: visible;
        }
    }


/*=======================*/
/* Fin estilos del Pollo */
/*=======================*/