/* CSS Document */

body{ font-family: "Open Sans"; background:#EEE; margin-top:52px; }

div.botoneraSite{ background-color:rgba(255,255,255,0.9); clear: both; position: fixed; top: 0px; z-index: 1; }
div.botoneraSite > div.botoneraSiteCampo { float:left; padding:15px; border-bottom:2px solid #FFF; -webkit-transition: border-bottom 0.5s; transition: border-bottom 0.5s;  }
div.botoneraSite > div.botoneraSiteCampo:hover { cursor: pointer; border-bottom:2px solid #999; }

div.logo{ padding:15px; font-size:3em; font-family: 'Open Sans Condensed', sans-serif; }
div.logo > div.logoTexto{
    line-height: 1em;
    padding-top:35px;
    text-align: right;
    border:0px solid #CCC;
}

div.compania{
    background-color:#FFF;
    padding:15px;
    border-bottom:1px solid #EEE;
}

div.companiaTitulo,
div.contactoTitulo,
div.novedadesTitulo,
div.vendidosTitulo{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:2em;
}

div.titulo2{
	font-family: 'Open Sans Condensed', sans-serif;
    font-size:1.5em;
}

div.companiaTexto,
div.contactoTexto,
div.novedadesTexto,
div.vendidosTexto{
    color:#666;
}

div.contacto{
    background-color:#FFF;
    padding-top:10px;
    border-bottom:1px solid #EEE;
}
div.contactoBar{
    background-color:#EEE;
}
div.contactoBar > div{
    float:left;
    background-color:#666;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-align: center;
    height: 50px;
    color:#FFF;
    padding-top:10px;
}

div.contactoBar > div:hover{ background-color: #CCC; color:#333; font-size:1.5em; padding-top:10px; cursor:pointer; }

a:hover{ cursor:pointer; }
div.botonesFondo{ border:0px; background: #EEE; border-radius: 10px; padding:15px; width:200px; }
div.botonesFondo:hover{ background: #CCC; }
button.btnAddCliente{ width:90%; }

table#tablaListarClientes > thead > tr > th { color: #FFF; text-align: center; background-color: darkcyan; }

div.botones:hover,
span.botonesMenuCliente:hover { cursor:pointer; color: steelblue; }

span.botonAccionLDP:hover{ cursor:pointer; color:#3905A7; }

span.botonesAccionProducto:hover { cursor:pointer; color: steelblue; }

.textoRojo{ color:#AC0002; }

span.botonSalir{ margin-left:10px; float:left; }
span.botonSalir:hover{ cursor: pointer; color:brown; }

@media only screen and (max-width: 600px) {
    div.botoneraSite{ display:none; }

	body{ margin-top:0px; }
	div.logo{ padding:5px; font-size:2em; font-family: 'Open Sans Condensed', sans-serif; border:0px solid; margin-top:0px; }
	div.logo > div.logoTexto{
	    line-height: 1em;
	    padding-top:5px;
		padding-bottom:5px;
	    text-align: right;
	    border:0px solid #CCC;
	}
	div.logitoparacss img{ width: 80%; margin-top:5px; }
}